@sproutsocial/seeds-react-theme 1.5.0 → 2.0.0

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,359 +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,
-    ...
-  }
-|};
-export type TypeColors = {
-  ...TypeAppColors,
-  ...TypeContainerColors,
-  ...TypeButtonColors,
-  ...TypeLinkColors,
-  ...TypeLinkColors,
-  ...TypeTextColors,
-  ...TypeIconColors,
-  ...TypeFormColors,
-  ...TypeListItemColors,
-  ...TypeOverlayColors,
-  ...TypeElevationColors,
-  ...TypeDatavizColors,
-  ...TypeIllustrationColors,
-  ...TypeNetworkColors,
-  ...TypeLiteralColors,
-  ...
-};