flipper-ui 0.34.6 → 0.34.8

package/theme/index.js

@@ -25,16 +25,4 @@ Object.keys(_theme).forEach(function (key) {
     }
   });
 });
-var _presets = require("./presets");
-Object.keys(_presets).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _presets[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _presets[key];
-    }
-  });
-});
 var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));

package/theme/theme.d.ts

@@ -1,67 +1,69 @@
-import colors from './colors';
 export declare const theme: {
     colors: {
+        red: Record<number, string>;
+        pink: Record<number, string>;
+        lightPink: Record<number, string>;
+        purple: Record<number, string>;
+        indigo: Record<number, string>;
+        darkBlue: Record<number, string>;
+        blue: Record<number, string>;
+        lightBlue: Record<number, string>;
+        lightTeal: Record<number, string>;
+        teal: Record<number, string>;
+        green: Record<number, string>;
+        lightGreen: Record<number, string>;
+        amber: Record<number, string>;
+        orange: Record<number, string>;
+        deepOrange: Record<number, string>;
+        brown: Record<number, string>;
+        lightBrown: Record<number, string>;
+        gray: Record<number, string>;
+        neutral: Record<number, string>;
+        action: {
+            cancel: string;
+            confirm: string;
+        };
         primary: {
+            light: string;
             main: string;
             dark: string;
-            light: string;
-            contrast: string;
         };
         secondary: {
+            light: string;
             main: string;
             dark: string;
-            light: string;
-            contrast: string;
         };
-        app: {
-            border: string;
-            background: {
-                main: string;
-                lighter: string;
+        criticality: {
+            low: string;
+            medium: string;
+            high: string;
+        };
+        priority: {
+            main: {
+                neutral: string;
+                minimal: string;
+                low: string;
+                medium: string;
+                high: string;
+                critical: string;
             };
-            text: {
-                main: string;
-                light: string;
-                disabled: string;
+            light: {
+                neutral: string;
+                minimal: string;
+                low: string;
+                medium: string;
+                high: string;
+                critical: string;
             };
         };
-        priority: Record<import("./presets").Priority, {
-            main: string;
-            light: string;
-        }>;
-        feedback: Record<import("./presets").Feedback, string>;
-        graphic: Record<import("./presets").Graphically, {
-            main: string;
-            light: string;
-        }>;
-        criticality: Record<import("./presets").Criticality, string>;
-        neutral: {
-            black: string;
-            white: string;
-            transparent: string;
-        };
-        grays: {
-            g0: string;
-            g1: string;
-            g2: string;
-            g3: string;
-            g4: string;
-            g5: string;
-            g6: string;
-            g7: string;
-            g8: string;
-            g9: string;
-        };
-        action: {
-            confirm: string;
-            cancel: string;
-            neutral: string;
+        feedback: {
+            danger: string;
+            warning: string;
+            success: string;
+            info: string;
         };
     };
 };
-/**
- * Options to createMuiTheme
- * */
 export declare const muiThemeOptions: {
     palette: {
         primary: {
@@ -81,16 +83,3 @@ export declare const muiThemeOptions: {
         };
     };
 };
-/**
- * Raw colors
- * */
-export type Colors = typeof colors;
-export interface Theme {
-    theme: {
-        colors: Colors;
-    };
-}
-/**
- * Util interface to extend (Props + Theme)
- * */
-export type WithTheme<Props extends object> = Props & Theme;

package/theme/theme.js

@@ -9,34 +9,22 @@ var _colors = _interopRequireDefault(require("./colors"));
 var theme = exports.theme = {
   colors: _colors["default"]
 };
-
-/**
- * Options to createMuiTheme
- * */
 var muiThemeOptions = exports.muiThemeOptions = {
   palette: {
     primary: {
-      main: _colors["default"].primary.main
+      main: _colors["default"].darkBlue[600]
     },
     secondary: {
-      main: _colors["default"].secondary.main
+      main: _colors["default"].green[600]
     },
     error: {
-      main: _colors["default"].feedback.danger
+      main: _colors["default"].deepOrange[600]
     },
     background: {
-      "default": _colors["default"].app.background.main
+      "default": _colors["default"].neutral[100]
     },
     text: {
-      primary: _colors["default"].app.text.main
+      primary: _colors["default"].gray[900]
     }
   }
-};
-
-/**
- * Raw colors
- * */
-
-/**
- * Util interface to extend (Props + Theme)
- * */
+};

package/theme/presets.d.ts

@@ -1,31 +0,0 @@
-export declare enum Feedback {
-    danger = "danger",
-    warning = "warning",
-    success = "success",
-    info = "info"
-}
-export declare enum Priority {
-    critical = "critical",
-    high = "high",
-    medium = "medium",
-    low = "low",
-    minimal = "minimal",
-    neutral = "neutral"
-}
-export declare enum Criticality {
-    high = "high",
-    medium = "medium",
-    low = "low"
-}
-export declare enum Graphically {
-    pink = "pink",
-    purple = "purple",
-    brown = "brown",
-    red = "red",
-    orange = "orange",
-    yellow = "yellow",
-    lightgreen = "lightgreen",
-    green = "green",
-    blue = "blue",
-    gray = "gray"
-}

package/theme/presets.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Priority = exports.Graphically = exports.Feedback = exports.Criticality = void 0;
-var Feedback = exports.Feedback = /*#__PURE__*/function (Feedback) {
-  Feedback["danger"] = "danger";
-  Feedback["warning"] = "warning";
-  Feedback["success"] = "success";
-  Feedback["info"] = "info";
-  return Feedback;
-}({});
-var Priority = exports.Priority = /*#__PURE__*/function (Priority) {
-  Priority["critical"] = "critical";
-  Priority["high"] = "high";
-  Priority["medium"] = "medium";
-  Priority["low"] = "low";
-  Priority["minimal"] = "minimal";
-  Priority["neutral"] = "neutral";
-  return Priority;
-}({});
-var Criticality = exports.Criticality = /*#__PURE__*/function (Criticality) {
-  Criticality["high"] = "high";
-  Criticality["medium"] = "medium";
-  Criticality["low"] = "low";
-  return Criticality;
-}({});
-var Graphically = exports.Graphically = /*#__PURE__*/function (Graphically) {
-  Graphically["pink"] = "pink";
-  Graphically["purple"] = "purple";
-  Graphically["brown"] = "brown";
-  Graphically["red"] = "red";
-  Graphically["orange"] = "orange";
-  Graphically["yellow"] = "yellow";
-  Graphically["lightgreen"] = "lightgreen";
-  Graphically["green"] = "green";
-  Graphically["blue"] = "blue";
-  Graphically["gray"] = "gray";
-  return Graphically;
-}({});