@sproutsocial/seeds-theme 0.1.0

package/dist/styled-components/index.d.ts

@@ -0,0 +1,3654 @@
+export declare const seedsLightTheme: {
+  breakpoints: Array<string> & {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  colors: {
+    app: {
+      background: {
+        base: string;
+      };
+    };
+    container: {
+      background: {
+        base: string;
+        success: string;
+        warning: string;
+        error: string;
+        info: string;
+        opportunity: string;
+        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;
+        ai_generated: string;
+      };
+      border: {
+        base: string;
+        success: string;
+        warning: string;
+        error: string;
+        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;
+        ai_generated: string;
+      };
+    };
+    gradient: {
+      ai: string;
+      "ai-subtle": string;
+      "ai-stop-1": string;
+      "ai-stop-2": string;
+      "ai-stop-3": string;
+    };
+    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;
+        };
+      };
+      overlay: {
+        background: {
+          base: string;
+          hover: string;
+        };
+        text: {
+          base: string;
+        };
+      };
+      unstyled: {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+      "ai-primary": {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+      "ai-secondary": {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+      "ai-outline": {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+    };
+    link: {
+      base: string;
+      hover: string;
+    };
+    text: {
+      headline: string;
+      subtext: string;
+      body: string;
+      inverse: string;
+      error: string;
+      background: {
+        highlight: string;
+        selection: string;
+      };
+      decorative: {
+        green: string;
+        blue: string;
+        purple: string;
+        yellow: string;
+        orange: string;
+        red: string;
+        neutral: string;
+        magenta: string;
+        pink: string;
+        aqua: string;
+        teal: string;
+      };
+      ai_generated: string;
+    };
+    icon: {
+      base: string;
+      inverse: string;
+      success: string;
+      warning: string;
+      error: string;
+      danger: string;
+      info: string;
+      opportunity: string;
+      applied: string;
+      positive_sentiment: string;
+      negative_sentiment: string;
+      neutral_sentiment: string;
+    };
+    form: {
+      background: {
+        base: string;
+        selected: string;
+      };
+      border: {
+        base: string;
+        error: string;
+        warning: string;
+        selected: string;
+      };
+      placeholder: {
+        base: string;
+      };
+    };
+    listItem: {
+      background: {
+        base: string;
+        hover: string;
+        selected: string;
+        active: string;
+      };
+      border: {
+        base: string;
+      };
+    };
+    menuItem: {
+      background: {
+        active: string;
+      };
+    };
+    nav: {
+      navItem: {
+        text: {
+          base: string;
+        };
+        icon: {
+          base: string;
+        };
+        indicator: {
+          notification: {
+            base: string;
+          };
+          userStatus: {
+            online: string;
+            offline: string;
+            unavailable: string;
+          };
+        };
+        background: {
+          base: string;
+          hover: string;
+          active: string;
+          selected: string;
+        };
+        border: {
+          hover: string;
+          active: string;
+          selected: string;
+        };
+      };
+    };
+    overlay: {
+      background: {
+        base: string;
+        inverse: string;
+      };
+      text: {
+        base: string;
+      };
+      icon: {
+        base: string;
+      };
+    };
+    elevation: {
+      base: string;
+    };
+    illustration: {
+      fill: string;
+      stroke: string;
+    };
+    network: {
+      twitter: string;
+      twitter_like: string;
+      facebook: string;
+      facebook_audience_network: string;
+      linkedin: string;
+      instagram: string;
+      feedly: string;
+      analytics: string;
+      google_analytics_property: string;
+      youtube: string;
+      messenger: string;
+      snapchat: string;
+      pinterest: string;
+      tumblr: string;
+      reddit: string;
+      tripadvisor: string;
+      glassdoor: string;
+      google_ads: string;
+      google_my_business: string;
+      google_business_messages: string;
+      google_play_store: string;
+      apple_app_store: string;
+      salesforce: string;
+      zendesk: string;
+      hubspot: string;
+      microsoft_dynamics: string;
+      yelp: string;
+      whatsapp: string;
+      tiktok: string;
+      threads: string;
+      trustpilot: string;
+      x: string;
+      x_like: string;
+      bluesky: string;
+      bazaarvoice: string;
+    };
+    dataviz: {
+      map: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        15: string;
+        16: string;
+        17: string;
+        18: string;
+        19: string;
+        20: string;
+      };
+      list: Array<string>;
+      placeholder: string;
+    };
+    userStatus: {
+      online: string;
+      offline: string;
+      unavailable: string;
+    };
+    neutral: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+      1000: string;
+      1100: string;
+    };
+    green: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    red: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    blue: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    teal: {
+      0: string;
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    aqua: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    purple: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    magenta: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      350: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    yellow: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    pink: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    orange: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    DATAVIZ_COLORS_LIST: Array<string>;
+    DATAVIZ_COLORS_MAP: {
+      1: string;
+      2: string;
+      3: string;
+      4: string;
+      5: string;
+      6: string;
+      7: string;
+      8: string;
+      9: string;
+      10: string;
+      11: string;
+      12: string;
+      13: string;
+      14: string;
+      15: string;
+      16: string;
+      17: string;
+      18: string;
+      19: string;
+      20: string;
+    };
+    PLACEHOLDER: string;
+  };
+  typography: {
+    100: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    200: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    300: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    400: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    500: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    600: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    700: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    800: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    900: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    1000: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    1100: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    1200: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    typography: {
+      100: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      200: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      300: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      400: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      500: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      600: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      700: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      800: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      900: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      1000: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      1100: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      1200: {
+        fontSize: string;
+        lineHeight: string;
+      };
+    };
+  };
+  fontSizes: {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    1000: string;
+    1100: string;
+    1200: string;
+  };
+  lineHeights: {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    1000: string;
+    1100: string;
+    1200: string;
+  };
+  fontFamily: string;
+  fontWeights: {
+    normal: string;
+    semibold: string;
+    bold: string;
+    extrabold: string;
+  };
+  space: {
+    0: string;
+    100: string;
+    200: string;
+    300: string;
+    350: string;
+    400: string;
+    450: string;
+    500: string;
+    600: string;
+    space: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      350: string;
+      400: string;
+      450: string;
+      500: string;
+      600: string;
+    };
+    "-space": {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      350: string;
+      400: string;
+      450: string;
+      500: string;
+      600: string;
+    };
+  };
+  radii: {
+    400: string;
+    500: string;
+    600: string;
+    800: string;
+    900: string;
+    1000: string;
+    inner: string;
+    outer: string;
+    pill: string;
+    radii: {
+      400: string;
+      500: string;
+      600: string;
+      800: string;
+      900: string;
+      1000: string;
+      inner: string;
+      outer: string;
+      pill: string;
+    };
+  };
+  borders: {
+    500: string;
+    600: string;
+    700: string;
+  };
+  borderWidths: {
+    500: string;
+    600: string;
+    700: string;
+  };
+  shadows: {
+    low: string;
+    medium: string;
+    high: string;
+  };
+  easing: {
+    ease_in: string;
+    ease_out: string;
+    ease_inout: string;
+  };
+  duration: {
+    fast: string;
+    medium: string;
+    slow: string;
+  };
+  mode: "light" | "dark";
+};
+
+export declare const sproutLightTheme: {
+  breakpoints: Array<string> & {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  colors: {
+    app: {
+      background: {
+        base: string;
+      };
+    };
+    container: {
+      background: {
+        base: string;
+        success: string;
+        warning: string;
+        error: string;
+        info: string;
+        opportunity: string;
+        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;
+        ai_generated: string;
+      };
+      border: {
+        base: string;
+        success: string;
+        warning: string;
+        error: string;
+        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;
+        ai_generated: string;
+      };
+    };
+    gradient: {
+      ai: string;
+      "ai-subtle": string;
+      "ai-stop-1": string;
+      "ai-stop-2": string;
+      "ai-stop-3": string;
+    };
+    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;
+        };
+      };
+      overlay: {
+        background: {
+          base: string;
+          hover: string;
+        };
+        text: {
+          base: string;
+        };
+      };
+      unstyled: {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+      "ai-primary": {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+      "ai-secondary": {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+      "ai-outline": {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+    };
+    link: {
+      base: string;
+      hover: string;
+    };
+    text: {
+      headline: string;
+      subtext: string;
+      body: string;
+      inverse: string;
+      error: string;
+      background: {
+        highlight: string;
+        selection: string;
+      };
+      decorative: {
+        green: string;
+        blue: string;
+        purple: string;
+        yellow: string;
+        orange: string;
+        red: string;
+        neutral: string;
+        magenta: string;
+        pink: string;
+        aqua: string;
+        teal: string;
+      };
+      ai_generated: string;
+    };
+    icon: {
+      base: string;
+      inverse: string;
+      success: string;
+      warning: string;
+      error: string;
+      danger: string;
+      info: string;
+      opportunity: string;
+      applied: string;
+      positive_sentiment: string;
+      negative_sentiment: string;
+      neutral_sentiment: string;
+    };
+    form: {
+      background: {
+        base: string;
+        selected: string;
+      };
+      border: {
+        base: string;
+        error: string;
+        warning: string;
+        selected: string;
+      };
+      placeholder: {
+        base: string;
+      };
+    };
+    listItem: {
+      background: {
+        base: string;
+        hover: string;
+        selected: string;
+        active: string;
+      };
+      border: {
+        base: string;
+      };
+    };
+    menuItem: {
+      background: {
+        active: string;
+      };
+    };
+    nav: {
+      navItem: {
+        text: {
+          base: string;
+        };
+        icon: {
+          base: string;
+        };
+        indicator: {
+          notification: {
+            base: string;
+          };
+          userStatus: {
+            online: string;
+            offline: string;
+            unavailable: string;
+          };
+        };
+        background: {
+          base: string;
+          hover: string;
+          active: string;
+          selected: string;
+        };
+        border: {
+          hover: string;
+          active: string;
+          selected: string;
+        };
+      };
+    };
+    overlay: {
+      background: {
+        base: string;
+        inverse: string;
+      };
+      text: {
+        base: string;
+      };
+      icon: {
+        base: string;
+      };
+    };
+    elevation: {
+      base: string;
+    };
+    illustration: {
+      fill: string;
+      stroke: string;
+    };
+    network: {
+      twitter: string;
+      twitter_like: string;
+      facebook: string;
+      facebook_audience_network: string;
+      linkedin: string;
+      instagram: string;
+      feedly: string;
+      analytics: string;
+      google_analytics_property: string;
+      youtube: string;
+      messenger: string;
+      snapchat: string;
+      pinterest: string;
+      tumblr: string;
+      reddit: string;
+      tripadvisor: string;
+      glassdoor: string;
+      google_ads: string;
+      google_my_business: string;
+      google_business_messages: string;
+      google_play_store: string;
+      apple_app_store: string;
+      salesforce: string;
+      zendesk: string;
+      hubspot: string;
+      microsoft_dynamics: string;
+      yelp: string;
+      whatsapp: string;
+      tiktok: string;
+      threads: string;
+      trustpilot: string;
+      x: string;
+      x_like: string;
+      bluesky: string;
+      bazaarvoice: string;
+    };
+    dataviz: {
+      map: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        15: string;
+        16: string;
+        17: string;
+        18: string;
+        19: string;
+        20: string;
+      };
+      list: Array<string>;
+      placeholder: string;
+    };
+    userStatus: {
+      online: string;
+      offline: string;
+      unavailable: string;
+    };
+    neutral: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+      1000: string;
+      1100: string;
+    };
+    green: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    red: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    blue: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    teal: {
+      0: string;
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    aqua: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    purple: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    magenta: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      350: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    yellow: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    pink: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    orange: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    DATAVIZ_COLORS_LIST: Array<string>;
+    DATAVIZ_COLORS_MAP: {
+      1: string;
+      2: string;
+      3: string;
+      4: string;
+      5: string;
+      6: string;
+      7: string;
+      8: string;
+      9: string;
+      10: string;
+      11: string;
+      12: string;
+      13: string;
+      14: string;
+      15: string;
+      16: string;
+      17: string;
+      18: string;
+      19: string;
+      20: string;
+    };
+    PLACEHOLDER: string;
+    ai: {
+      feature: {
+        decorative: {
+          primary: string;
+          secondary: string;
+        };
+        background: {
+          primary: string;
+          secondary: string;
+          default: {
+            primary: string;
+            secondary: string;
+          };
+          inverse: {
+            primary: string;
+            secondary: string;
+          };
+        };
+      };
+    };
+    navigation: {
+      main: {
+        background: {
+          base: string;
+          overflowGradient: string;
+        };
+        border: {
+          base: string;
+        };
+      };
+      secondary: {
+        background: {
+          base: string;
+        };
+        widget: {
+          background: {
+            base: string;
+          };
+        };
+        accordion: {
+          background: {
+            base: string;
+          };
+        };
+      };
+      settings: {
+        listItem: {
+          background: {
+            base: string;
+            hover: string;
+            selected: string;
+          };
+        };
+      };
+      text: {
+        base: string;
+        hover: string;
+      };
+      icon: {
+        base: string;
+        hover: string;
+      };
+      listItem: {
+        background: {
+          base: string;
+          hover: string;
+          selected: string;
+        };
+      };
+    };
+    datePicker: {
+      comparison: {
+        background: {
+          base: string;
+        };
+        text: {
+          base: string;
+        };
+      };
+    };
+    analytics: {
+      trend: {
+        positive: string;
+        neutral: string;
+        negative: string;
+      };
+      overlay: {
+        background: {
+          base: string;
+        };
+      };
+    };
+    listening: {
+      chart: {
+        indicator: {
+          default: {
+            primary: string;
+            secondary: string;
+          };
+          hover: {
+            primary: string;
+            secondary: string;
+          };
+        };
+        spike: {
+          background: {
+            base: string;
+          };
+          icon: {
+            base: string;
+          };
+        };
+      };
+      topicTypes: {
+        customTopic: string;
+        brandHealth: string;
+        industryInsights: string;
+        competitiveAnalysis: string;
+        campaignAnalysis: string;
+        eventMonitoring: string;
+        featuredTopic: string;
+      };
+      worldMap: {
+        empty: string;
+        q0: string;
+        q1: string;
+        q2: string;
+        q3: string;
+        q4: string;
+        q5: string;
+        q6: string;
+        q7: string;
+      };
+    };
+    growth: {
+      carousel: {
+        indicator: {
+          active: string;
+          inactive: string;
+        };
+      };
+      education: {
+        decorative: {
+          aqua: string;
+          teal: string;
+        };
+      };
+      opportunity: {
+        background: {
+          base: string;
+          secondary: string;
+          hover: string;
+        };
+        button: {
+          primary: {
+            base: string;
+            hover: string;
+          };
+        };
+        badge: {
+          background: {
+            base: string;
+            active: string;
+          };
+          icon: {
+            base: string;
+            active: string;
+          };
+          text: {
+            base: string;
+          };
+        };
+        decorative: {
+          green: string;
+          lightAqua: string;
+          darkAqua: string;
+          purple: string;
+        };
+      };
+      featuredDemo: {
+        background: {
+          primary: {
+            base: string;
+            hover: string;
+          };
+          secondary: {
+            base: string;
+            hover: string;
+          };
+        };
+      };
+      darkModal: {
+        background: {
+          base: string;
+        };
+        text: {
+          base: string;
+        };
+        cards: {
+          background: {
+            base: string;
+            hover: string;
+          };
+          text: {
+            base: string;
+            hover: string;
+          };
+          border: {
+            base: string;
+            hover: string;
+          };
+        };
+      };
+      user: {
+        status: {
+          online: string;
+        };
+      };
+    };
+    cardControl: {
+      background: {
+        base: string;
+        selected: string;
+        hover: string;
+      };
+      text: {
+        selected: string;
+      };
+    };
+    tags: {
+      collections: {
+        background: {
+          base: string;
+        };
+      };
+    };
+  };
+  typography: {
+    100: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    200: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    300: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    400: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    500: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    600: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    700: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    800: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    900: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    1000: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    1100: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    1200: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    typography: {
+      100: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      200: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      300: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      400: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      500: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      600: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      700: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      800: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      900: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      1000: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      1100: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      1200: {
+        fontSize: string;
+        lineHeight: string;
+      };
+    };
+  };
+  fontSizes: {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    1000: string;
+    1100: string;
+    1200: string;
+  };
+  lineHeights: {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    1000: string;
+    1100: string;
+    1200: string;
+  };
+  fontFamily: string;
+  fontWeights: {
+    normal: string;
+    semibold: string;
+    bold: string;
+    extrabold: string;
+  };
+  space: {
+    0: string;
+    100: string;
+    200: string;
+    300: string;
+    350: string;
+    400: string;
+    450: string;
+    500: string;
+    600: string;
+    space: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      350: string;
+      400: string;
+      450: string;
+      500: string;
+      600: string;
+    };
+    "-space": {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      350: string;
+      400: string;
+      450: string;
+      500: string;
+      600: string;
+    };
+  };
+  radii: {
+    400: string;
+    500: string;
+    600: string;
+    800: string;
+    900: string;
+    1000: string;
+    inner: string;
+    outer: string;
+    pill: string;
+    radii: {
+      400: string;
+      500: string;
+      600: string;
+      800: string;
+      900: string;
+      1000: string;
+      inner: string;
+      outer: string;
+      pill: string;
+    };
+  };
+  borders: {
+    500: string;
+    600: string;
+    700: string;
+  };
+  borderWidths: {
+    500: string;
+    600: string;
+    700: string;
+  };
+  shadows: {
+    low: string;
+    medium: string;
+    high: string;
+  };
+  easing: {
+    ease_in: string;
+    ease_out: string;
+    ease_inout: string;
+  };
+  duration: {
+    fast: string;
+    medium: string;
+    slow: string;
+  };
+  mode: "light" | "dark";
+};
+
+export declare const seedsDarkTheme: {
+  breakpoints: Array<string> & {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  colors: {
+    app: {
+      background: {
+        base: string;
+      };
+    };
+    container: {
+      background: {
+        base: string;
+        success: string;
+        warning: string;
+        error: string;
+        info: string;
+        opportunity: string;
+        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;
+        ai_generated: string;
+      };
+      border: {
+        base: string;
+        success: string;
+        warning: string;
+        error: string;
+        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;
+        ai_generated: string;
+      };
+    };
+    gradient: {
+      ai: string;
+      "ai-subtle": string;
+      "ai-stop-1": string;
+      "ai-stop-2": string;
+      "ai-stop-3": string;
+    };
+    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;
+        };
+      };
+      overlay: {
+        background: {
+          base: string;
+          hover: string;
+        };
+        text: {
+          base: string;
+        };
+      };
+      unstyled: {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+      "ai-primary": {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+      "ai-secondary": {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+      "ai-outline": {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+    };
+    link: {
+      base: string;
+      hover: string;
+    };
+    text: {
+      headline: string;
+      subtext: string;
+      body: string;
+      inverse: string;
+      error: string;
+      background: {
+        highlight: string;
+        selection: string;
+      };
+      decorative: {
+        green: string;
+        blue: string;
+        purple: string;
+        yellow: string;
+        orange: string;
+        red: string;
+        neutral: string;
+        magenta: string;
+        pink: string;
+        aqua: string;
+        teal: string;
+      };
+      ai_generated: string;
+    };
+    icon: {
+      base: string;
+      inverse: string;
+      success: string;
+      warning: string;
+      error: string;
+      danger: string;
+      info: string;
+      opportunity: string;
+      applied: string;
+      positive_sentiment: string;
+      negative_sentiment: string;
+      neutral_sentiment: string;
+    };
+    form: {
+      background: {
+        base: string;
+        selected: string;
+      };
+      border: {
+        base: string;
+        error: string;
+        warning: string;
+        selected: string;
+      };
+      placeholder: {
+        base: string;
+      };
+    };
+    listItem: {
+      background: {
+        base: string;
+        hover: string;
+        selected: string;
+        active: string;
+      };
+      border: {
+        base: string;
+      };
+    };
+    menuItem: {
+      background: {
+        active: string;
+      };
+    };
+    nav: {
+      navItem: {
+        text: {
+          base: string;
+        };
+        icon: {
+          base: string;
+        };
+        indicator: {
+          notification: {
+            base: string;
+          };
+          userStatus: {
+            online: string;
+            offline: string;
+            unavailable: string;
+          };
+        };
+        background: {
+          base: string;
+          hover: string;
+          active: string;
+          selected: string;
+        };
+        border: {
+          hover: string;
+          active: string;
+          selected: string;
+        };
+      };
+    };
+    overlay: {
+      background: {
+        base: string;
+        inverse: string;
+      };
+      text: {
+        base: string;
+      };
+      icon: {
+        base: string;
+      };
+    };
+    elevation: {
+      base: string;
+    };
+    illustration: {
+      fill: string;
+      stroke: string;
+    };
+    network: {
+      twitter: string;
+      twitter_like: string;
+      facebook: string;
+      facebook_audience_network: string;
+      linkedin: string;
+      instagram: string;
+      feedly: string;
+      analytics: string;
+      google_analytics_property: string;
+      youtube: string;
+      messenger: string;
+      snapchat: string;
+      pinterest: string;
+      tumblr: string;
+      reddit: string;
+      tripadvisor: string;
+      glassdoor: string;
+      google_ads: string;
+      google_my_business: string;
+      google_business_messages: string;
+      google_play_store: string;
+      apple_app_store: string;
+      salesforce: string;
+      zendesk: string;
+      hubspot: string;
+      microsoft_dynamics: string;
+      yelp: string;
+      whatsapp: string;
+      tiktok: string;
+      threads: string;
+      trustpilot: string;
+      x: string;
+      x_like: string;
+      bluesky: string;
+      bazaarvoice: string;
+    };
+    dataviz: {
+      map: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        15: string;
+        16: string;
+        17: string;
+        18: string;
+        19: string;
+        20: string;
+      };
+      list: Array<string>;
+      placeholder: string;
+    };
+    userStatus: {
+      online: string;
+      offline: string;
+      unavailable: string;
+    };
+    neutral: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+      1000: string;
+      1100: string;
+    };
+    green: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    red: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    blue: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    teal: {
+      0: string;
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    aqua: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    purple: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    magenta: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      350: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    yellow: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    pink: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    orange: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    DATAVIZ_COLORS_LIST: Array<string>;
+    DATAVIZ_COLORS_MAP: {
+      1: string;
+      2: string;
+      3: string;
+      4: string;
+      5: string;
+      6: string;
+      7: string;
+      8: string;
+      9: string;
+      10: string;
+      11: string;
+      12: string;
+      13: string;
+      14: string;
+      15: string;
+      16: string;
+      17: string;
+      18: string;
+      19: string;
+      20: string;
+    };
+    PLACEHOLDER: string;
+  };
+  typography: {
+    100: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    200: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    300: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    400: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    500: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    600: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    700: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    800: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    900: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    1000: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    1100: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    1200: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    typography: {
+      100: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      200: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      300: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      400: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      500: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      600: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      700: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      800: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      900: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      1000: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      1100: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      1200: {
+        fontSize: string;
+        lineHeight: string;
+      };
+    };
+  };
+  fontSizes: {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    1000: string;
+    1100: string;
+    1200: string;
+  };
+  lineHeights: {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    1000: string;
+    1100: string;
+    1200: string;
+  };
+  fontFamily: string;
+  fontWeights: {
+    normal: string;
+    semibold: string;
+    bold: string;
+    extrabold: string;
+  };
+  space: {
+    0: string;
+    100: string;
+    200: string;
+    300: string;
+    350: string;
+    400: string;
+    450: string;
+    500: string;
+    600: string;
+    space: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      350: string;
+      400: string;
+      450: string;
+      500: string;
+      600: string;
+    };
+    "-space": {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      350: string;
+      400: string;
+      450: string;
+      500: string;
+      600: string;
+    };
+  };
+  radii: {
+    400: string;
+    500: string;
+    600: string;
+    800: string;
+    900: string;
+    1000: string;
+    inner: string;
+    outer: string;
+    pill: string;
+    radii: {
+      400: string;
+      500: string;
+      600: string;
+      800: string;
+      900: string;
+      1000: string;
+      inner: string;
+      outer: string;
+      pill: string;
+    };
+  };
+  borders: {
+    500: string;
+    600: string;
+    700: string;
+  };
+  borderWidths: {
+    500: string;
+    600: string;
+    700: string;
+  };
+  shadows: {
+    low: string;
+    medium: string;
+    high: string;
+  };
+  easing: {
+    ease_in: string;
+    ease_out: string;
+    ease_inout: string;
+  };
+  duration: {
+    fast: string;
+    medium: string;
+    slow: string;
+  };
+  mode: "light" | "dark";
+};
+
+export declare const sproutDarkTheme: {
+  breakpoints: Array<string> & {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  colors: {
+    app: {
+      background: {
+        base: string;
+      };
+    };
+    container: {
+      background: {
+        base: string;
+        success: string;
+        warning: string;
+        error: string;
+        info: string;
+        opportunity: string;
+        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;
+        ai_generated: string;
+      };
+      border: {
+        base: string;
+        success: string;
+        warning: string;
+        error: string;
+        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;
+        ai_generated: string;
+      };
+    };
+    gradient: {
+      ai: string;
+      "ai-subtle": string;
+      "ai-stop-1": string;
+      "ai-stop-2": string;
+      "ai-stop-3": string;
+    };
+    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;
+        };
+      };
+      overlay: {
+        background: {
+          base: string;
+          hover: string;
+        };
+        text: {
+          base: string;
+        };
+      };
+      unstyled: {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+      "ai-primary": {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+      "ai-secondary": {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+      "ai-outline": {
+        background: {
+          base: string;
+        };
+        border: {
+          base: string;
+        };
+        text: {
+          base: string;
+          hover: string;
+        };
+      };
+    };
+    link: {
+      base: string;
+      hover: string;
+    };
+    text: {
+      headline: string;
+      subtext: string;
+      body: string;
+      inverse: string;
+      error: string;
+      background: {
+        highlight: string;
+        selection: string;
+      };
+      decorative: {
+        green: string;
+        blue: string;
+        purple: string;
+        yellow: string;
+        orange: string;
+        red: string;
+        neutral: string;
+        magenta: string;
+        pink: string;
+        aqua: string;
+        teal: string;
+      };
+      ai_generated: string;
+    };
+    icon: {
+      base: string;
+      inverse: string;
+      success: string;
+      warning: string;
+      error: string;
+      danger: string;
+      info: string;
+      opportunity: string;
+      applied: string;
+      positive_sentiment: string;
+      negative_sentiment: string;
+      neutral_sentiment: string;
+    };
+    form: {
+      background: {
+        base: string;
+        selected: string;
+      };
+      border: {
+        base: string;
+        error: string;
+        warning: string;
+        selected: string;
+      };
+      placeholder: {
+        base: string;
+      };
+    };
+    listItem: {
+      background: {
+        base: string;
+        hover: string;
+        selected: string;
+        active: string;
+      };
+      border: {
+        base: string;
+      };
+    };
+    menuItem: {
+      background: {
+        active: string;
+      };
+    };
+    nav: {
+      navItem: {
+        text: {
+          base: string;
+        };
+        icon: {
+          base: string;
+        };
+        indicator: {
+          notification: {
+            base: string;
+          };
+          userStatus: {
+            online: string;
+            offline: string;
+            unavailable: string;
+          };
+        };
+        background: {
+          base: string;
+          hover: string;
+          active: string;
+          selected: string;
+        };
+        border: {
+          hover: string;
+          active: string;
+          selected: string;
+        };
+      };
+    };
+    overlay: {
+      background: {
+        base: string;
+        inverse: string;
+      };
+      text: {
+        base: string;
+      };
+      icon: {
+        base: string;
+      };
+    };
+    elevation: {
+      base: string;
+    };
+    illustration: {
+      fill: string;
+      stroke: string;
+    };
+    network: {
+      twitter: string;
+      twitter_like: string;
+      facebook: string;
+      facebook_audience_network: string;
+      linkedin: string;
+      instagram: string;
+      feedly: string;
+      analytics: string;
+      google_analytics_property: string;
+      youtube: string;
+      messenger: string;
+      snapchat: string;
+      pinterest: string;
+      tumblr: string;
+      reddit: string;
+      tripadvisor: string;
+      glassdoor: string;
+      google_ads: string;
+      google_my_business: string;
+      google_business_messages: string;
+      google_play_store: string;
+      apple_app_store: string;
+      salesforce: string;
+      zendesk: string;
+      hubspot: string;
+      microsoft_dynamics: string;
+      yelp: string;
+      whatsapp: string;
+      tiktok: string;
+      threads: string;
+      trustpilot: string;
+      x: string;
+      x_like: string;
+      bluesky: string;
+      bazaarvoice: string;
+    };
+    dataviz: {
+      map: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        15: string;
+        16: string;
+        17: string;
+        18: string;
+        19: string;
+        20: string;
+      };
+      list: Array<string>;
+      placeholder: string;
+    };
+    userStatus: {
+      online: string;
+      offline: string;
+      unavailable: string;
+    };
+    neutral: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+      1000: string;
+      1100: string;
+    };
+    green: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    red: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    blue: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    teal: {
+      0: string;
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    aqua: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    purple: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    magenta: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      350: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    yellow: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    pink: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    orange: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      1000: string;
+      1100: string;
+    };
+    DATAVIZ_COLORS_LIST: Array<string>;
+    DATAVIZ_COLORS_MAP: {
+      1: string;
+      2: string;
+      3: string;
+      4: string;
+      5: string;
+      6: string;
+      7: string;
+      8: string;
+      9: string;
+      10: string;
+      11: string;
+      12: string;
+      13: string;
+      14: string;
+      15: string;
+      16: string;
+      17: string;
+      18: string;
+      19: string;
+      20: string;
+    };
+    PLACEHOLDER: string;
+    ai: {
+      feature: {
+        decorative: {
+          primary: string;
+          secondary: string;
+        };
+        background: {
+          primary: string;
+          secondary: string;
+          default: {
+            primary: string;
+            secondary: string;
+          };
+          inverse: {
+            primary: string;
+            secondary: string;
+          };
+        };
+      };
+    };
+    navigation: {
+      main: {
+        background: {
+          base: string;
+          overflowGradient: string;
+        };
+        border: {
+          base: string;
+        };
+      };
+      secondary: {
+        background: {
+          base: string;
+        };
+        widget: {
+          background: {
+            base: string;
+          };
+        };
+        accordion: {
+          background: {
+            base: string;
+          };
+        };
+      };
+      settings: {
+        listItem: {
+          background: {
+            base: string;
+            hover: string;
+            selected: string;
+          };
+        };
+      };
+      text: {
+        base: string;
+        hover: string;
+      };
+      icon: {
+        base: string;
+        hover: string;
+      };
+      listItem: {
+        background: {
+          base: string;
+          hover: string;
+          selected: string;
+        };
+      };
+    };
+    datePicker: {
+      comparison: {
+        background: {
+          base: string;
+        };
+        text: {
+          base: string;
+        };
+      };
+    };
+    analytics: {
+      trend: {
+        positive: string;
+        neutral: string;
+        negative: string;
+      };
+      overlay: {
+        background: {
+          base: string;
+        };
+      };
+    };
+    listening: {
+      chart: {
+        indicator: {
+          default: {
+            primary: string;
+            secondary: string;
+          };
+          hover: {
+            primary: string;
+            secondary: string;
+          };
+        };
+        spike: {
+          background: {
+            base: string;
+          };
+          icon: {
+            base: string;
+          };
+        };
+      };
+      topicTypes: {
+        customTopic: string;
+        brandHealth: string;
+        industryInsights: string;
+        competitiveAnalysis: string;
+        campaignAnalysis: string;
+        eventMonitoring: string;
+        featuredTopic: string;
+      };
+      worldMap: {
+        empty: string;
+        q0: string;
+        q1: string;
+        q2: string;
+        q3: string;
+        q4: string;
+        q5: string;
+        q6: string;
+        q7: string;
+      };
+    };
+    growth: {
+      carousel: {
+        indicator: {
+          active: string;
+          inactive: string;
+        };
+      };
+      education: {
+        decorative: {
+          aqua: string;
+          teal: string;
+        };
+      };
+      opportunity: {
+        background: {
+          base: string;
+          secondary: string;
+          hover: string;
+        };
+        button: {
+          primary: {
+            base: string;
+            hover: string;
+          };
+        };
+        badge: {
+          background: {
+            base: string;
+            active: string;
+          };
+          icon: {
+            base: string;
+            active: string;
+          };
+          text: {
+            base: string;
+          };
+        };
+        decorative: {
+          green: string;
+          lightAqua: string;
+          darkAqua: string;
+          purple: string;
+        };
+      };
+      featuredDemo: {
+        background: {
+          primary: {
+            base: string;
+            hover: string;
+          };
+          secondary: {
+            base: string;
+            hover: string;
+          };
+        };
+      };
+      darkModal: {
+        background: {
+          base: string;
+        };
+        text: {
+          base: string;
+        };
+        cards: {
+          background: {
+            base: string;
+            hover: string;
+          };
+          text: {
+            base: string;
+            hover: string;
+          };
+          border: {
+            base: string;
+            hover: string;
+          };
+        };
+      };
+      user: {
+        status: {
+          online: string;
+        };
+      };
+    };
+    cardControl: {
+      background: {
+        base: string;
+        selected: string;
+        hover: string;
+      };
+      text: {
+        selected: string;
+      };
+    };
+    tags: {
+      collections: {
+        background: {
+          base: string;
+        };
+      };
+    };
+  };
+  typography: {
+    100: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    200: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    300: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    400: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    500: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    600: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    700: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    800: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    900: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    1000: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    1100: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    1200: {
+      fontSize: string;
+      lineHeight: string;
+    };
+    typography: {
+      100: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      200: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      300: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      400: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      500: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      600: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      700: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      800: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      900: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      1000: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      1100: {
+        fontSize: string;
+        lineHeight: string;
+      };
+      1200: {
+        fontSize: string;
+        lineHeight: string;
+      };
+    };
+  };
+  fontSizes: {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    1000: string;
+    1100: string;
+    1200: string;
+  };
+  lineHeights: {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    1000: string;
+    1100: string;
+    1200: string;
+  };
+  fontFamily: string;
+  fontWeights: {
+    normal: string;
+    semibold: string;
+    bold: string;
+    extrabold: string;
+  };
+  space: {
+    0: string;
+    100: string;
+    200: string;
+    300: string;
+    350: string;
+    400: string;
+    450: string;
+    500: string;
+    600: string;
+    space: {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      350: string;
+      400: string;
+      450: string;
+      500: string;
+      600: string;
+    };
+    "-space": {
+      0: string;
+      100: string;
+      200: string;
+      300: string;
+      350: string;
+      400: string;
+      450: string;
+      500: string;
+      600: string;
+    };
+  };
+  radii: {
+    400: string;
+    500: string;
+    600: string;
+    800: string;
+    900: string;
+    1000: string;
+    inner: string;
+    outer: string;
+    pill: string;
+    radii: {
+      400: string;
+      500: string;
+      600: string;
+      800: string;
+      900: string;
+      1000: string;
+      inner: string;
+      outer: string;
+      pill: string;
+    };
+  };
+  borders: {
+    500: string;
+    600: string;
+    700: string;
+  };
+  borderWidths: {
+    500: string;
+    600: string;
+    700: string;
+  };
+  shadows: {
+    low: string;
+    medium: string;
+    high: string;
+  };
+  easing: {
+    ease_in: string;
+    ease_out: string;
+    ease_inout: string;
+  };
+  duration: {
+    fast: string;
+    medium: string;
+    slow: string;
+  };
+  mode: "light" | "dark";
+};
+
+export declare const theme: typeof seedsLightTheme;
+export declare const darkTheme: typeof seedsDarkTheme;