@sproutsocial/racine 7.5.0-update.0 → 8.0.0-beta-dark-mode.0

package/commonjs/utils/theme.js

@@ -1,421 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.duration = exports.easing = exports.fontWeights = exports.breakpoints = void 0;
-
-var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
-
-var _seedsNetworkcolor = _interopRequireDefault(require("@sproutsocial/seeds-networkcolor"));
-
-var _seedsTypography = _interopRequireDefault(require("@sproutsocial/seeds-typography"));
-
-var _seedsSpace = _interopRequireDefault(require("@sproutsocial/seeds-space"));
-
-var _seedsDepth = _interopRequireDefault(require("@sproutsocial/seeds-depth"));
-
-var _seedsMotion = _interopRequireDefault(require("@sproutsocial/seeds-motion"));
-
-var _seedsBorder = _interopRequireDefault(require("@sproutsocial/seeds-border"));
-
-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); }
-
-var breakpoints = ["900px", "1200px", "1500px", "1800px"];
-exports.breakpoints = breakpoints;
-var colors = {
-  background: {
-    app: _seedsColor.default.COLOR_NEUTRAL_100,
-    container: _seedsColor.default.COLOR_NEUTRAL_0
-  },
-  forms: {
-    placeholderColor: _seedsColor.default.COLOR_NEUTRAL_600,
-    borderColor: _seedsColor.default.COLOR_NEUTRAL_400,
-    hoverBorderColor: _seedsColor.default.COLOR_NEUTRAL_600
-  },
-  cta: {
-    default: {
-      color: _seedsColor.default.COLOR_NEUTRAL_700,
-      background: "transparent",
-      hoverColor: _seedsColor.default.COLOR_NEUTRAL_900,
-      hoverBackground: undefined,
-      activeBackground: undefined,
-      borderColor: "transparent"
-    },
-    primary: {
-      color: _seedsColor.default.COLOR_NEUTRAL_0,
-      background: _seedsColor.default.COLOR_BLUE_700,
-      hoverColor: _seedsColor.default.COLOR_NEUTRAL_0,
-      hoverBackground: _seedsColor.default.COLOR_BLUE_800,
-      activeBackground: _seedsColor.default.COLOR_BLUE_900,
-      borderColor: "transparent"
-    },
-    secondary: {
-      color: _seedsColor.default.COLOR_NEUTRAL_800,
-      background: "transparent",
-      hoverColor: _seedsColor.default.COLOR_NEUTRAL_0,
-      hoverBackground: _seedsColor.default.COLOR_NEUTRAL_800,
-      activeBackground: _seedsColor.default.COLOR_NEUTRAL_800,
-      borderColor: _seedsColor.default.COLOR_NEUTRAL_800
-    },
-    pill: {
-      color: _seedsColor.default.COLOR_NEUTRAL_800,
-      background: "transparent",
-      hoverColor: _seedsColor.default.COLOR_NEUTRAL_900,
-      hoverBackground: _seedsColor.default.COLOR_NEUTRAL_100,
-      activeBackground: _seedsColor.default.COLOR_NEUTRAL_100,
-      borderColor: "transparent"
-    },
-    destructive: {
-      color: _seedsColor.default.COLOR_NEUTRAL_0,
-      background: _seedsColor.default.COLOR_RED_800,
-      hoverColor: _seedsColor.default.COLOR_NEUTRAL_0,
-      hoverBackground: _seedsColor.default.COLOR_RED_900,
-      activeBackground: _seedsColor.default.COLOR_RED_1000,
-      borderColor: "transparent"
-    },
-    placeholder: {
-      color: _seedsColor.default.COLOR_BLUE_700,
-      background: "transparent",
-      hoverColor: _seedsColor.default.COLOR_BLUE_800,
-      hoverBackground: _seedsColor.default.COLOR_NEUTRAL_0,
-      activeBackground: _seedsColor.default.COLOR_NEUTRAL_0,
-      borderColor: _seedsColor.default.COLOR_NEUTRAL_500
-    },
-    link: {
-      color: _seedsColor.default.COLOR_BLUE_800,
-      background: "transparent",
-      hoverColor: _seedsColor.default.COLOR_BLUE_900,
-      hoverBackground: "transparent",
-      activeBackground: "transparent",
-      borderColor: "transparent"
-    }
-  },
-  text: {
-    body: _seedsColor.default.COLOR_NEUTRAL_800,
-    headline: _seedsColor.default.COLOR_NEUTRAL_900,
-    subtext: _seedsColor.default.COLOR_NEUTRAL_700,
-    inverse: _seedsColor.default.COLOR_NEUTRAL_0
-  },
-  icon: {
-    primary: _seedsColor.default.COLOR_NEUTRAL_800,
-    inverse: _seedsColor.default.COLOR_NEUTRAL_0
-  },
-  error: {
-    background: _seedsColor.default.COLOR_RED_100,
-    border: _seedsColor.default.COLOR_RED_400,
-    icon: _seedsColor.default.COLOR_RED_800,
-    color: _seedsColor.default.COLOR_RED_800
-  },
-  danger: {
-    background: _seedsColor.default.COLOR_RED_100,
-    border: _seedsColor.default.COLOR_RED_400,
-    icon: _seedsColor.default.COLOR_RED_800,
-    color: _seedsColor.default.COLOR_RED_800
-  },
-  warning: {
-    background: _seedsColor.default.COLOR_YELLOW_100,
-    border: _seedsColor.default.COLOR_YELLOW_400,
-    icon: _seedsColor.default.COLOR_YELLOW_800,
-    color: _seedsColor.default.COLOR_YELLOW_900
-  },
-  success: {
-    background: _seedsColor.default.COLOR_GREEN_100,
-    border: _seedsColor.default.COLOR_GREEN_400,
-    icon: _seedsColor.default.COLOR_GREEN_800,
-    color: _seedsColor.default.COLOR_GREEN_900
-  },
-  info: {
-    background: _seedsColor.default.COLOR_BLUE_100,
-    border: _seedsColor.default.COLOR_BLUE_400,
-    icon: _seedsColor.default.COLOR_BLUE_800,
-    color: _seedsColor.default.COLOR_BLUE_700
-  },
-  opportunity: {
-    background: _seedsColor.default.COLOR_PURPLE_100,
-    border: _seedsColor.default.COLOR_PURPLE_400,
-    icon: _seedsColor.default.COLOR_PURPLE_800,
-    color: _seedsColor.default.COLOR_PURPLE_800
-  },
-  // @TODO: make border a object with properties defalt and dotted?
-  border: _seedsColor.default.COLOR_NEUTRAL_200,
-  selection: {
-    color: _seedsColor.default.COLOR_NEUTRAL_0,
-    disabledColor: _seedsColor.default.COLOR_NEUTRAL_300,
-    background: _seedsColor.default.COLOR_NEUTRAL_800,
-    border: _seedsColor.default.COLOR_NEUTRAL_800
-  },
-  neutral: {
-    "0": _seedsColor.default.COLOR_NEUTRAL_0,
-    "100": _seedsColor.default.COLOR_NEUTRAL_100,
-    "200": _seedsColor.default.COLOR_NEUTRAL_200,
-    "300": _seedsColor.default.COLOR_NEUTRAL_300,
-    "400": _seedsColor.default.COLOR_NEUTRAL_400,
-    "500": _seedsColor.default.COLOR_NEUTRAL_500,
-    "600": _seedsColor.default.COLOR_NEUTRAL_600,
-    "700": _seedsColor.default.COLOR_NEUTRAL_700,
-    "800": _seedsColor.default.COLOR_NEUTRAL_800,
-    "900": _seedsColor.default.COLOR_NEUTRAL_900,
-    "1000": _seedsColor.default.COLOR_NEUTRAL_1000
-  },
-  green: {
-    "0": _seedsColor.default.COLOR_GREEN_0,
-    "100": _seedsColor.default.COLOR_GREEN_100,
-    "200": _seedsColor.default.COLOR_GREEN_200,
-    "300": _seedsColor.default.COLOR_GREEN_300,
-    "400": _seedsColor.default.COLOR_GREEN_400,
-    "500": _seedsColor.default.COLOR_GREEN_500,
-    "600": _seedsColor.default.COLOR_GREEN_600,
-    "700": _seedsColor.default.COLOR_GREEN_700,
-    "800": _seedsColor.default.COLOR_GREEN_800,
-    "900": _seedsColor.default.COLOR_GREEN_900,
-    "1000": _seedsColor.default.COLOR_GREEN_1000,
-    "1100": _seedsColor.default.COLOR_GREEN_1100
-  },
-  red: {
-    "0": _seedsColor.default.COLOR_RED_0,
-    "100": _seedsColor.default.COLOR_RED_100,
-    "200": _seedsColor.default.COLOR_RED_200,
-    "300": _seedsColor.default.COLOR_RED_300,
-    "400": _seedsColor.default.COLOR_RED_400,
-    "500": _seedsColor.default.COLOR_RED_500,
-    "600": _seedsColor.default.COLOR_RED_600,
-    "700": _seedsColor.default.COLOR_RED_700,
-    "800": _seedsColor.default.COLOR_RED_800,
-    "900": _seedsColor.default.COLOR_RED_900,
-    "1000": _seedsColor.default.COLOR_RED_1000
-  },
-  blue: {
-    "0": _seedsColor.default.COLOR_BLUE_0,
-    "100": _seedsColor.default.COLOR_BLUE_100,
-    "200": _seedsColor.default.COLOR_BLUE_200,
-    "300": _seedsColor.default.COLOR_BLUE_300,
-    "400": _seedsColor.default.COLOR_BLUE_400,
-    "500": _seedsColor.default.COLOR_BLUE_500,
-    "600": _seedsColor.default.COLOR_BLUE_600,
-    "700": _seedsColor.default.COLOR_BLUE_700,
-    "800": _seedsColor.default.COLOR_BLUE_800,
-    "900": _seedsColor.default.COLOR_BLUE_900,
-    "1000": _seedsColor.default.COLOR_BLUE_1000,
-    "1100": _seedsColor.default.COLOR_BLUE_1100
-  },
-  teal: {
-    "0": _seedsColor.default.COLOR_TEAL_0,
-    "100": _seedsColor.default.COLOR_TEAL_100,
-    "200": _seedsColor.default.COLOR_TEAL_200,
-    "300": _seedsColor.default.COLOR_TEAL_300,
-    "400": _seedsColor.default.COLOR_TEAL_400,
-    "500": _seedsColor.default.COLOR_TEAL_500,
-    "600": _seedsColor.default.COLOR_TEAL_600,
-    "700": _seedsColor.default.COLOR_TEAL_700,
-    "800": _seedsColor.default.COLOR_TEAL_800,
-    "900": _seedsColor.default.COLOR_TEAL_900,
-    "1000": _seedsColor.default.COLOR_TEAL_1000,
-    "1100": _seedsColor.default.COLOR_TEAL_1100
-  },
-  aqua: {
-    "0": _seedsColor.default.COLOR_AQUA_0,
-    "100": _seedsColor.default.COLOR_AQUA_100,
-    "200": _seedsColor.default.COLOR_AQUA_200,
-    "300": _seedsColor.default.COLOR_AQUA_300,
-    "400": _seedsColor.default.COLOR_AQUA_400,
-    "500": _seedsColor.default.COLOR_AQUA_500,
-    "600": _seedsColor.default.COLOR_AQUA_600,
-    "700": _seedsColor.default.COLOR_AQUA_700,
-    "800": _seedsColor.default.COLOR_AQUA_800,
-    "900": _seedsColor.default.COLOR_AQUA_900,
-    "1000": _seedsColor.default.COLOR_AQUA_1000,
-    "1100": _seedsColor.default.COLOR_AQUA_1100
-  },
-  purple: {
-    "0": _seedsColor.default.COLOR_PURPLE_0,
-    "100": _seedsColor.default.COLOR_PURPLE_100,
-    "200": _seedsColor.default.COLOR_PURPLE_200,
-    "300": _seedsColor.default.COLOR_PURPLE_300,
-    "400": _seedsColor.default.COLOR_PURPLE_400,
-    "500": _seedsColor.default.COLOR_PURPLE_500,
-    "600": _seedsColor.default.COLOR_PURPLE_600,
-    "700": _seedsColor.default.COLOR_PURPLE_700,
-    "800": _seedsColor.default.COLOR_PURPLE_800,
-    "900": _seedsColor.default.COLOR_PURPLE_900,
-    "1000": _seedsColor.default.COLOR_PURPLE_1000,
-    "1100": _seedsColor.default.COLOR_PURPLE_1100
-  },
-  magenta: {
-    "0": _seedsColor.default.COLOR_MAGENTA_0,
-    "100": _seedsColor.default.COLOR_MAGENTA_100,
-    "200": _seedsColor.default.COLOR_MAGENTA_200,
-    "300": _seedsColor.default.COLOR_MAGENTA_300,
-    "400": _seedsColor.default.COLOR_MAGENTA_400,
-    "500": _seedsColor.default.COLOR_MAGENTA_500,
-    "600": _seedsColor.default.COLOR_MAGENTA_600,
-    "700": _seedsColor.default.COLOR_MAGENTA_700,
-    "800": _seedsColor.default.COLOR_MAGENTA_800,
-    "900": _seedsColor.default.COLOR_MAGENTA_900,
-    "1000": _seedsColor.default.COLOR_MAGENTA_1000,
-    "1100": _seedsColor.default.COLOR_MAGENTA_1100
-  },
-  yellow: {
-    "0": _seedsColor.default.COLOR_YELLOW_0,
-    "100": _seedsColor.default.COLOR_YELLOW_100,
-    "200": _seedsColor.default.COLOR_YELLOW_200,
-    "300": _seedsColor.default.COLOR_YELLOW_300,
-    "400": _seedsColor.default.COLOR_YELLOW_400,
-    "500": _seedsColor.default.COLOR_YELLOW_500,
-    "600": _seedsColor.default.COLOR_YELLOW_600,
-    "700": _seedsColor.default.COLOR_YELLOW_700,
-    "800": _seedsColor.default.COLOR_YELLOW_800,
-    "900": _seedsColor.default.COLOR_YELLOW_900,
-    "1000": _seedsColor.default.COLOR_YELLOW_1000,
-    "1100": _seedsColor.default.COLOR_YELLOW_1100
-  },
-  pink: {
-    "0": _seedsColor.default.COLOR_PINK_0,
-    "100": _seedsColor.default.COLOR_PINK_100,
-    "200": _seedsColor.default.COLOR_PINK_200,
-    "300": _seedsColor.default.COLOR_PINK_300,
-    "400": _seedsColor.default.COLOR_PINK_400,
-    "500": _seedsColor.default.COLOR_PINK_500,
-    "600": _seedsColor.default.COLOR_PINK_600,
-    "700": _seedsColor.default.COLOR_PINK_700,
-    "800": _seedsColor.default.COLOR_PINK_800,
-    "900": _seedsColor.default.COLOR_PINK_900,
-    "1000": _seedsColor.default.COLOR_PINK_1000,
-    "1100": _seedsColor.default.COLOR_PINK_1100
-  },
-  orange: {
-    "0": _seedsColor.default.COLOR_ORANGE_0,
-    "100": _seedsColor.default.COLOR_ORANGE_100,
-    "200": _seedsColor.default.COLOR_ORANGE_200,
-    "300": _seedsColor.default.COLOR_ORANGE_300,
-    "400": _seedsColor.default.COLOR_ORANGE_400,
-    "500": _seedsColor.default.COLOR_ORANGE_500,
-    "600": _seedsColor.default.COLOR_ORANGE_600,
-    "700": _seedsColor.default.COLOR_ORANGE_700,
-    "800": _seedsColor.default.COLOR_ORANGE_800,
-    "900": _seedsColor.default.COLOR_ORANGE_900,
-    "1000": _seedsColor.default.COLOR_ORANGE_1000,
-    "1100": _seedsColor.default.COLOR_ORANGE_1100
-  },
-  network: {
-    twitter: _seedsNetworkcolor.default.NETWORK_COLOR_TWITTER,
-    twitter_like: _seedsNetworkcolor.default.NETWORK_COLOR_TWITTER_LIKE,
-    facebook: _seedsNetworkcolor.default.NETWORK_COLOR_FACEBOOK,
-    facebook_audience_network: _seedsNetworkcolor.default.NETWORK_COLOR_FACEBOOK_AUDIENCE_NETWORK,
-    linkedin: _seedsNetworkcolor.default.NETWORK_COLOR_LINKEDIN,
-    instagram: _seedsNetworkcolor.default.NETWORK_COLOR_INSTAGRAM,
-    feedly: _seedsNetworkcolor.default.NETWORK_COLOR_FEEDLY,
-    analytics: _seedsNetworkcolor.default.NETWORK_COLOR_ANALYTICS,
-    youtube: _seedsNetworkcolor.default.NETWORK_COLOR_YOUTUBE,
-    messenger: _seedsNetworkcolor.default.NETWORK_COLOR_MESSENGER,
-    snapchat: _seedsNetworkcolor.default.NETWORK_COLOR_SNAPCHAT,
-    pinterest: _seedsNetworkcolor.default.NETWORK_COLOR_PINTEREST,
-    tumblr: _seedsNetworkcolor.default.NETWORK_COLOR_TUMBLR,
-    reddit: _seedsNetworkcolor.default.NETWORK_COLOR_REDDIT,
-    tripadvisor: _seedsNetworkcolor.default.NETWORK_COLOR_TRIPADVISOR,
-    glassdoor: _seedsNetworkcolor.default.NETWORK_COLOR_GLASSDOOR,
-    google_my_business: _seedsNetworkcolor.default.NETWORK_COLOR_GOOGLE_MY_BUSINESS,
-    google_business_messages: _seedsNetworkcolor.default.NETWORK_COLOR_GOOGLE_BUSINESS_MESSAGES,
-    salesforce: _seedsNetworkcolor.default.NETWORK_COLOR_SALESFORCE,
-    zendesk: _seedsNetworkcolor.default.NETWORK_COLOR_ZENDESK,
-    hubspot: _seedsNetworkcolor.default.NETWORK_COLOR_HUBSPOT,
-    microsoft_dynamics: _seedsNetworkcolor.default.NETWORK_COLOR_MICROSOFT_DYNAMICS,
-    yelp: _seedsNetworkcolor.default.NETWORK_COLOR_YELP,
-    whatsapp: _seedsNetworkcolor.default.NETWORK_COLOR_WHATSAPP
-  }
-};
-var typography = {
-  "100": _seedsTypography.default.TYPOGRAPHY_SIZE_100,
-  "200": _seedsTypography.default.TYPOGRAPHY_SIZE_200,
-  "300": _seedsTypography.default.TYPOGRAPHY_SIZE_300,
-  "400": _seedsTypography.default.TYPOGRAPHY_SIZE_400,
-  "500": _seedsTypography.default.TYPOGRAPHY_SIZE_500,
-  "600": _seedsTypography.default.TYPOGRAPHY_SIZE_600,
-  "700": _seedsTypography.default.TYPOGRAPHY_SIZE_700,
-  "800": _seedsTypography.default.TYPOGRAPHY_SIZE_800,
-  "900": _seedsTypography.default.TYPOGRAPHY_SIZE_900,
-  "1000": _seedsTypography.default.TYPOGRAPHY_SIZE_1000,
-  "1100": _seedsTypography.default.TYPOGRAPHY_SIZE_1100,
-  "1200": _seedsTypography.default.TYPOGRAPHY_SIZE_1200
-};
-var fontFamily = _seedsTypography.default.TYPOGRAPHY_FAMILY;
-var fontWeights = {
-  normal: _seedsTypography.default.TYPOGRAPHY_WEIGHT_NORMAL,
-  semibold: _seedsTypography.default.TYPOGRAPHY_WEIGHT_SEMIBOLD,
-  bold: _seedsTypography.default.TYPOGRAPHY_WEIGHT_BOLD,
-  extrabold: _seedsTypography.default.TYPOGRAPHY_WEIGHT_EXTRA_BOLD
-};
-exports.fontWeights = fontWeights;
-var space = {
-  "0": _seedsSpace.default.SPACE_SIZE_0,
-  "100": _seedsSpace.default.SPACE_SIZE_100,
-  "200": _seedsSpace.default.SPACE_SIZE_200,
-  "300": _seedsSpace.default.SPACE_SIZE_300,
-  "350": _seedsSpace.default.SPACE_SIZE_350,
-  "400": _seedsSpace.default.SPACE_SIZE_400,
-  "450": _seedsSpace.default.SPACE_SIZE_450,
-  "500": _seedsSpace.default.SPACE_SIZE_500,
-  "600": _seedsSpace.default.SPACE_SIZE_600
-};
-var radii = {
-  "400": _seedsBorder.default.BORDER_RADIUS_400,
-  "500": _seedsBorder.default.BORDER_RADIUS_500,
-  "600": _seedsBorder.default.BORDER_RADIUS_600,
-  "1000": _seedsBorder.default.BORDER_RADIUS_1000,
-  inner: _seedsBorder.default.BORDER_RADIUS_500,
-  outer: _seedsBorder.default.BORDER_RADIUS_600,
-  pill: _seedsBorder.default.BORDER_RADIUS_1000
-};
-var borders = {
-  "500": _seedsBorder.default.BORDER_WIDTH_500 + " solid"
-};
-var borderWidths = {
-  "500": _seedsBorder.default.BORDER_WIDTH_500
-};
-var shadows = {
-  "100": _seedsDepth.default.ELEVATION_LEVEL_100,
-  "200": _seedsDepth.default.ELEVATION_LEVEL_200,
-  "300": _seedsDepth.default.ELEVATION_LEVEL_300,
-  "400": _seedsDepth.default.ELEVATION_LEVEL_400
-};
-var easing = {
-  ease_in: _seedsMotion.default.MOTION_EASE_IN,
-  ease_out: _seedsMotion.default.MOTION_EASE_OUT,
-  ease_inout: _seedsMotion.default.MOTION_EASE_INOUT
-};
-exports.easing = easing;
-var duration = {
-  fast: _seedsMotion.default.MOTION_DURATION_FAST,
-  medium: _seedsMotion.default.MOTION_DURATION_MEDIUM,
-  slow: _seedsMotion.default.MOTION_DURATION_SLOW
-};
-exports.duration = duration;
-var theme = {
-  breakpoints: breakpoints,
-  colors: colors,
-  typography: _extends({}, typography, {
-    typography: typography
-  }),
-  fontFamily: fontFamily,
-  fontWeights: fontWeights,
-  space: _extends({}, space, {
-    space: space,
-    "-space": Object.keys(space).reduce(function (negativeSpace, key) {
-      // The values are strings (eg 24px) so we concatenate a negative sign
-      negativeSpace[key] = "-" + space[key];
-      return negativeSpace;
-    }, {})
-  }),
-  radii: _extends({}, radii, {
-    radii: radii
-  }),
-  borders: borders,
-  borderWidths: borderWidths,
-  shadows: _extends({}, shadows, {
-    shadows: shadows
-  }),
-  easing: easing,
-  duration: duration
-};
-var _default = theme;
-exports.default = _default;

package/lib/themes/dark.js

@@ -1,131 +0,0 @@
-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 COLORS from "@sproutsocial/seeds-color";
-import defaultTheme from "../utils/theme";
-
-var darkTheme = _extends({}, defaultTheme, {
-  colors: _extends({}, defaultTheme.colors, {
-    background: {
-      app: COLORS.COLOR_NEUTRAL_1000,
-      container: COLORS.COLOR_NEUTRAL_900
-    },
-    forms: {
-      placeholderColor: COLORS.COLOR_NEUTRAL_800,
-      borderColor: COLORS.COLOR_NEUTRAL_400,
-      hoverBorderColor: COLORS.COLOR_NEUTRAL_600
-    },
-    cta: {
-      default: {
-        color: COLORS.COLOR_NEUTRAL_100,
-        background: "transparent",
-        hoverColor: COLORS.COLOR_NEUTRAL_0,
-        hoverBackground: undefined,
-        activeBackground: undefined,
-        borderColor: "transparent"
-      },
-      primary: {
-        color: COLORS.COLOR_NEUTRAL_800,
-        background: COLORS.COLOR_BLUE_400,
-        hoverColor: COLORS.COLOR_NEUTRAL_800,
-        hoverBackground: COLORS.COLOR_BLUE_300,
-        activeBackground: COLORS.COLOR_BLUE_200,
-        borderColor: "transparent"
-      },
-      secondary: {
-        color: COLORS.COLOR_NEUTRAL_0,
-        background: "transparent",
-        hoverColor: COLORS.COLOR_NEUTRAL_800,
-        hoverBackground: COLORS.COLOR_NEUTRAL_0,
-        activeBackground: COLORS.COLOR_NEUTRAL_0,
-        borderColor: COLORS.COLOR_NEUTRAL_0
-      },
-      pill: {
-        color: COLORS.COLOR_NEUTRAL_100,
-        background: "transparent",
-        hoverColor: COLORS.COLOR_NEUTRAL_0,
-        hoverBackground: COLORS.COLOR_NEUTRAL_1000,
-        activeBackground: COLORS.COLOR_NEUTRAL_1000,
-        borderColor: "transparent"
-      },
-      destructive: {
-        color: COLORS.COLOR_NEUTRAL_0,
-        background: COLORS.COLOR_RED_800,
-        hoverColor: COLORS.COLOR_NEUTRAL_0,
-        hoverBackground: COLORS.COLOR_RED_700,
-        activeBackground: COLORS.COLOR_RED_600,
-        borderColor: "transparent"
-      },
-      placeholder: {
-        color: COLORS.COLOR_BLUE_400,
-        background: "transparent",
-        hoverColor: COLORS.COLOR_BLUE_400,
-        hoverBackground: COLORS.COLOR_NEUTRAL_1100,
-        activeBackground: COLORS.COLOR_NEUTRAL_1100,
-        borderColor: COLORS.COLOR_NEUTRAL_500
-      },
-      link: {
-        color: COLORS.COLOR_BLUE_700,
-        background: "transparent",
-        hoverColor: COLORS.COLOR_BLUE_800,
-        hoverBackground: "transparent",
-        activeBackground: "transparent",
-        borderColor: "transparent"
-      }
-    },
-    text: {
-      body: COLORS.COLOR_NEUTRAL_100,
-      headline: COLORS.COLOR_NEUTRAL_0,
-      subtext: COLORS.COLOR_NEUTRAL_300,
-      inverse: COLORS.COLOR_NEUTRAL_800
-    },
-    icon: {
-      primary: COLORS.COLOR_NEUTRAL_100,
-      inverse: COLORS.COLOR_NEUTRAL_800
-    },
-    error: {
-      background: COLORS.COLOR_RED_800,
-      border: COLORS.COLOR_RED_400,
-      icon: COLORS.COLOR_RED_100,
-      color: COLORS.COLOR_RED_500
-    },
-    danger: {
-      background: COLORS.COLOR_RED_800,
-      border: COLORS.COLOR_RED_400,
-      icon: COLORS.COLOR_RED_100,
-      color: COLORS.COLOR_RED_500
-    },
-    warning: {
-      background: COLORS.COLOR_YELLOW_800,
-      border: COLORS.COLOR_YELLOW_400,
-      icon: COLORS.COLOR_YELLOW_100,
-      color: COLORS.COLOR_YELLOW_600
-    },
-    success: {
-      background: COLORS.COLOR_GREEN_800,
-      border: COLORS.COLOR_GREEN_400,
-      icon: COLORS.COLOR_GREEN_100,
-      color: COLORS.COLOR_GREEN_400
-    },
-    info: {
-      background: COLORS.COLOR_BLUE_800,
-      border: COLORS.COLOR_BLUE_400,
-      icon: COLORS.COLOR_BLUE_100,
-      color: COLORS.COLOR_BLUE_400
-    },
-    opportunity: {
-      background: COLORS.COLOR_PURPLE_800,
-      border: COLORS.COLOR_PURPLE_400,
-      icon: COLORS.COLOR_PURPLE_100,
-      color: COLORS.COLOR_PURPLE_400
-    },
-    border: COLORS.COLOR_NEUTRAL_1100,
-    selection: {
-      color: COLORS.COLOR_NEUTRAL_900,
-      disabledColor: COLORS.COLOR_NEUTRAL_600,
-      background: COLORS.COLOR_NEUTRAL_0,
-      border: COLORS.COLOR_NEUTRAL_0
-    }
-  })
-});
-
-export default darkTheme;

package/lib/themes/light.js

@@ -1,5 +0,0 @@
-import defaultTheme from "../utils/theme"; // const lightTheme = {
-//   ...defaultTheme,
-// };
-
-export default defaultTheme;