flipper-ui 0.30.6 → 0.30.8

package/experimental/fab/fab.stories.d.ts

@@ -1,3 +1,3 @@
 export declare const Default: any;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./fab").IProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./fab").IProps>;
 export default _default;

package/experimental/loading/loading.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").IProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").IProps>;
 export default _default;
 export declare const Default: any;
 export declare const CustomSize: any;

package/experimental/nothing-found/nothing-found.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").IProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").IProps>;
 export default _default;
 export declare const Default: any;
 export declare const WithCustomTest: any;

package/experimental/panel/panel.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").PaperProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").PaperProps>;
 export default _default;
 export declare const Default: any;
 export declare const Nested: any;

package/experimental/sidebar/index.js

@@ -15,7 +15,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _nginformaticaStyleguide = require("nginformatica-styleguide");
 var _times = _interopRequireDefault(require("ramda/es/times"));
 var _map = _interopRequireDefault(require("ramda/es/map"));
-var _lab = require("@material-ui/lab");
+var _material = require("@mui/material");
 var _excluded = ["options", "loading", "handleGoTo", "extraOptions", "top"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -33,7 +33,7 @@ var renderSkeleton = function renderSkeleton(index) {
     style: {
       padding: '2px 10px'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_lab.Skeleton, {
+  }, /*#__PURE__*/_react["default"].createElement(_material.Skeleton, {
     width: 36,
     height: 36
   }));

package/experimental/sidebar/sidebar.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").IProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").IProps>;
 export default _default;
 export declare const Default: any;
 export declare const Loading: any;

package/experimental/skeleton/index.js

@@ -6,17 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Skeleton = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _nginformaticaStyleguide = require("nginformatica-styleguide");
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 require("react-loading-skeleton/dist/skeleton.css");
-var mainColor = _nginformaticaStyleguide.theme.colors.grays.g7;
-var subColor = '#CFCFCF';
+var _theme = require("../../theme");
+var grays = _theme.theme.colors.grays;
 var Skeleton = exports.Skeleton = function Skeleton(props) {
   return /*#__PURE__*/_react["default"].createElement(_reactLoadingSkeleton["default"], (0, _extends2["default"])({
     containerTestId: "skeleton-container",
-    baseColor: mainColor,
-    highlightColor: subColor
+    baseColor: grays.g7,
+    highlightColor: grays.g6
   }, props));
 };
 var _default = exports["default"] = Skeleton;

package/experimental/skeleton/skeleton.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("react-loading-skeleton").SkeletonProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("react-loading-skeleton").SkeletonProps>;
 export default _default;
 export declare const Default: any;
 export declare const WithCustomHeight: any;

package/experimental/visibility-icon/visibility-icon.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").IProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").IProps>;
 export default _default;
 export declare const Default: any;

package/icons/index.d.ts

@@ -1 +1 @@
-export * from '@material-ui/icons';
+export * from '@mui/icons-material';

package/icons/index.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _icons = require("@material-ui/icons");
-Object.keys(_icons).forEach(function (key) {
+var _iconsMaterial = require("@mui/icons-material");
+Object.keys(_iconsMaterial).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _icons[key]) return;
+  if (key in exports && exports[key] === _iconsMaterial[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _icons[key];
+      return _iconsMaterial[key];
     }
   });
 });

package/index.d.ts

@@ -32,6 +32,7 @@ export { default as ListItem } from './core/data-display/list-item';
 export { default as Menu } from './core/navigation/menu';
 export { default as MaskField } from './core/inputs/mask-field';
 export { default as Node } from './core/data-display/node';
+export { default as MenuItem } from './core/data-display/menu-item';
 export { default as Pagination } from './core/navigation/pagination';
 export { default as Paper } from './core/surfaces/paper';
 export { default as Progress } from './core/feedback/progress';
@@ -62,5 +63,6 @@ export { default as Chapter } from './core/data-display/chapter';
 export { default as DataTable } from './core/data-display/data-table';
 export { default as StepCard } from './core/surfaces/step-card';
 export { default as StepCardSkeleton } from './core/surfaces/step-card/step-card-skeleton';
+export { default as ValidationDialog } from './core/feedback/validation-dialog/';
 export * as Experimental from './experimental';
 export * as Icons from './icons';

package/index.js

@@ -217,6 +217,12 @@ Object.defineProperty(exports, "Menu", {
     return _menu["default"];
   }
 });
+Object.defineProperty(exports, "MenuItem", {
+  enumerable: true,
+  get: function get() {
+    return _menuItem["default"];
+  }
+});
 Object.defineProperty(exports, "Node", {
   enumerable: true,
   get: function get() {
@@ -385,6 +391,12 @@ Object.defineProperty(exports, "Typography", {
     return _typography["default"];
   }
 });
+Object.defineProperty(exports, "ValidationDialog", {
+  enumerable: true,
+  get: function get() {
+    return _validationDialog["default"];
+  }
+});
 Object.defineProperty(exports, "Zoom", {
   enumerable: true,
   get: function get() {
@@ -425,6 +437,7 @@ var _listItem = _interopRequireDefault(require("./core/data-display/list-item"))
 var _menu = _interopRequireDefault(require("./core/navigation/menu"));
 var _maskField = _interopRequireDefault(require("./core/inputs/mask-field"));
 var _node = _interopRequireDefault(require("./core/data-display/node"));
+var _menuItem = _interopRequireDefault(require("./core/data-display/menu-item"));
 var _pagination = _interopRequireDefault(require("./core/navigation/pagination"));
 var _paper = _interopRequireDefault(require("./core/surfaces/paper"));
 var _progress = _interopRequireDefault(require("./core/feedback/progress"));
@@ -455,6 +468,7 @@ var _chapter = _interopRequireDefault(require("./core/data-display/chapter"));
 var _dataTable = _interopRequireDefault(require("./core/data-display/data-table"));
 var _stepCard = _interopRequireDefault(require("./core/surfaces/step-card"));
 var _stepCardSkeleton = _interopRequireDefault(require("./core/surfaces/step-card/step-card-skeleton"));
+var _validationDialog = _interopRequireDefault(require("./core/feedback/validation-dialog/"));
 var _Experimental = _interopRequireWildcard(require("./experimental"));
 exports.Experimental = _Experimental;
 var _Icons = _interopRequireWildcard(require("./icons"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flipper-ui",
-  "version": "0.30.6",
+  "version": "0.30.8",
   "description": "",
   "main": "dist/index.js",
   "homepage": "https://flipper-ui.ngi.com.br/",
@@ -8,6 +8,9 @@
     "type": "git",
     "url": "https://github.com/nginformatica/flipper-ui.git"
   },
+  "resolutions": {
+    "wrap-ansi": "7.0.0"
+  },
   "scripts": {
     "test": "jest --silent --passWithNoTests --noStackTrace --runInBand",
     "test:ci": "yarn test --coverage",
@@ -31,10 +34,15 @@
   "license": "MIT",
   "dependencies": {
     "@date-io/date-fns": "1.3.6",
+    "@emotion/react": "11.11.3",
+    "@emotion/styled": "11.11.0",
     "@material-ui/core": "4.12.4",
     "@material-ui/icons": "4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",
     "@material-ui/pickers": "3.3.11",
+    "@mui/icons-material": "5.15.3",
+    "@mui/material": "5.15.3",
+    "@mui/styles": "5.15.3",
     "date-fns": "2.30.0",
     "faker": "5.5.3",
     "material-table": "1.69.3",
@@ -44,73 +52,68 @@
     "react-loading-skeleton": "3.3.1",
     "react-number-format": "4.4.1",
     "sprintf-js": "1.1.3",
-    "styled-component": "2.8.0",
+    "stylis": "4.3.1",
     "uuid": "9.0.1"
   },
   "devDependencies": {
-    "@babel/cli": "7.23.0",
-    "@babel/core": "7.23.2",
-    "@babel/plugin-transform-runtime": "7.23.2",
-    "@babel/preset-env": "7.23.2",
-    "@babel/preset-typescript": "7.23.2",
-    "@storybook/addon-actions": "7.4.6",
-    "@storybook/addon-essentials": "7.4.6",
-    "@storybook/addon-interactions": "7.4.6",
-    "@storybook/addon-links": "7.4.6",
-    "@storybook/addon-mdx-gfm": "7.4.6",
-    "@storybook/react": "7.4.6",
-    "@storybook/react-webpack5": "7.4.6",
-    "@testing-library/react": "14.0.0",
-    "@testing-library/user-event": "14.5.1",
+    "@babel/cli": "7.23.4",
+    "@babel/core": "7.23.7",
+    "@babel/plugin-transform-runtime": "7.23.7",
+    "@babel/preset-env": "7.23.7",
+    "@babel/preset-typescript": "7.23.3",
+    "@storybook/addon-essentials": "7.6.7",
+    "@storybook/addon-styling-webpack": "0.0.6",
+    "@storybook/react": "7.6.7",
+    "@storybook/react-webpack5": "7.6.7",
+    "@testing-library/react": "14.1.2",
+    "@testing-library/user-event": "14.5.2",
     "@types/faker": "5.5.3",
     "@types/history": "5.0.0",
-    "@types/jest": "29.5.5",
-    "@types/node": "20.8.6",
+    "@types/jest": "29.5.11",
+    "@types/node": "20.10.6",
     "@types/ramda": "0.25.36",
-    "@types/react": "18.2.28",
+    "@types/react": "18.2.46",
     "@types/react-router": "5.1.20",
     "@types/react-router-dom": "5.3.3",
-    "@types/sprintf-js": "1.1.2",
-    "@types/styled-components": "5.1.28",
-    "@types/uuid": "9.0.5",
-    "@typescript-eslint/eslint-plugin": "6.7.5",
-    "@typescript-eslint/parser": "6.7.5",
+    "@types/sprintf-js": "1.1.4",
+    "@types/styled-components": "5.1.34",
+    "@types/uuid": "9.0.7",
+    "@typescript-eslint/eslint-plugin": "6.17.0",
+    "@typescript-eslint/parser": "6.17.0",
     "babel-loader": "9.1.3",
     "babel-plugin-module-resolver": "5.0.0",
     "babel-plugin-transform-class-properties": "6.24.1",
     "babel-plugin-transform-imports": "2.0.0",
-    "canvas": "2.11.2",
-    "date-fns": "2.30.0",
-    "eslint": "8.51.0",
-    "eslint-config-prettier": "9.0.0",
-    "eslint-plugin-import": "2.28.1",
+    "eslint": "8.56.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-import": "2.29.1",
     "eslint-plugin-prefer-arrow": "1.2.3",
-    "eslint-plugin-prettier": "5.0.1",
+    "eslint-plugin-prettier": "5.1.2",
     "eslint-plugin-ramda": "2.5.1",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-storybook": "0.6.15",
-    "fs-extra": "11.1.1",
+    "fs-extra": "11.2.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "node-fetch": "3.3.2",
-    "prettier": "3.0.3",
+    "prettier": "3.1.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-router": "6.17.0",
-    "react-router-dom": "6.17.0",
-    "storybook": "7.4.6",
-    "styled-components": "6.1.0",
+    "react-router": "6.21.1",
+    "react-router-dom": "6.21.1",
+    "storybook": "7.6.7",
+    "styled-components": "6.1.6",
     "ts-jest": "29.1.1",
-    "ts-loader": "9.5.0",
-    "typescript": "5.2.2",
+    "ts-loader": "9.5.1",
+    "typescript": "5.3.3",
     "webpack": "5.89.0"
   },
   "peerDependencies": {
-    "date-fns": "2.30.0",
-    "react": "16.8.0",
-    "styled-components": "5.0.0"
+    "date-fns": "^2.30.0",
+    "react": "16.x || 17.x || 18.x",
+    "styled-components": "5.x || 6.x"
   },
   "publishConfig": {
     "ignore": [

package/test/mocks/snackbar-mock.js

@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _ = require("../..");
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
+var _icons = require("../../icons");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var Default = function Default(_ref) {
@@ -39,7 +39,7 @@ var Default = function Default(_ref) {
       "aria-label": "Close",
       color: "inherit",
       onClick: (snackProps === null || snackProps === void 0 ? void 0 : snackProps.onClose) || handleClose
-    }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null));
+    }, /*#__PURE__*/_react["default"].createElement(_icons.Close, null));
   };
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.Button, {
     disabled: btnState,

package/theme/colors.d.ts

@@ -0,0 +1,60 @@
+import { Priority, Feedback, Criticality, Graphically } from './presets';
+declare const _default: {
+    primary: {
+        main: string;
+        dark: string;
+        light: string;
+        contrast: string;
+    };
+    secondary: {
+        main: string;
+        dark: string;
+        light: string;
+        contrast: string;
+    };
+    app: {
+        border: string;
+        background: {
+            main: string;
+            lighter: string;
+        };
+        text: {
+            main: string;
+            light: string;
+            disabled: string;
+        };
+    };
+    priority: Record<Priority, {
+        main: string;
+        light: string;
+    }>;
+    feedback: Record<Feedback, string>;
+    graphic: Record<Graphically, {
+        main: string;
+        light: string;
+    }>;
+    criticality: Record<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;
+    };
+};
+export default _default;

package/theme/colors.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var neutral = {
+  black: '#000000',
+  white: '#FFFFFF',
+  transparent: 'rgba(0, 0, 0, 0)'
+};
+var primary = {
+  main: '#152849',
+  dark: '#0E1C33',
+  light: '#43536D',
+  contrast: neutral.white
+};
+var secondary = {
+  main: '#118D16',
+  dark: '#0B620F',
+  light: '#40A344',
+  contrast: neutral.white
+};
+var feedback = {
+  danger: '#D84315',
+  warning: '#FFA000',
+  success: '#0E9043',
+  info: '#2F80ED'
+};
+var action = {
+  confirm: '#118D16',
+  cancel: '#D84315',
+  neutral: primary.main
+};
+var grays = {
+  g0: '#212121',
+  g1: '#424242',
+  g2: '#616161',
+  g3: '#757575',
+  g4: '#9e9e9e',
+  g5: '#bdbdbd',
+  g6: '#e0e0e0',
+  g7: '#eeeeee',
+  g8: '#f5f5f5',
+  g9: '#fafafa'
+};
+var graphic = {
+  pink: {
+    main: '#D467A8',
+    light: '#F4D9E9'
+  },
+  purple: {
+    main: '#7B4299',
+    light: '#D7C6E0'
+  },
+  brown: {
+    main: '#83471E',
+    light: '#DAC7BB'
+  },
+  red: {
+    main: '#D84315',
+    light: '#FFCDBE'
+  },
+  orange: {
+    main: '#FF9900',
+    light: '#FFE1B4'
+  },
+  yellow: {
+    main: '#E7BF11',
+    light: '#FFF7D5'
+  },
+  lightgreen: {
+    main: '#8BC34A',
+    light: '#E9F4DD'
+  },
+  green: {
+    main: '#0A7B3E',
+    light: '#CEE5D8'
+  },
+  blue: {
+    main: '#56CCF2',
+    light: '#DAF2FD'
+  },
+  gray: {
+    main: grays.g5,
+    light: grays.g8
+  }
+};
+var priority = {
+  critical: {
+    main: '#D84315',
+    light: '#FFCDBE'
+  },
+  high: {
+    main: '#FF9900',
+    light: '#FFE1B4'
+  },
+  medium: {
+    main: '#E7BF11',
+    light: '#FFF7D5'
+  },
+  low: {
+    main: '#8BC34A',
+    light: '#E9F4DD'
+  },
+  minimal: {
+    main: '#56CCF2',
+    light: '#DAF2FD'
+  },
+  neutral: {
+    main: grays.g5,
+    light: grays.g8
+  }
+};
+var criticality = {
+  high: '#FF9900',
+  medium: '#E7BF11',
+  low: '#8BC34A'
+};
+var app = {
+  border: grays.g6,
+  background: {
+    main: '#F6F7FF',
+    lighter: grays.g8
+  },
+  text: {
+    main: grays.g0,
+    light: grays.g3,
+    disabled: grays.g6
+  }
+};
+var _default = exports["default"] = {
+  primary: primary,
+  secondary: secondary,
+  app: app,
+  priority: priority,
+  feedback: feedback,
+  graphic: graphic,
+  criticality: criticality,
+  neutral: neutral,
+  grays: grays,
+  action: action
+};

package/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme';
+export * from './presets';

package/theme/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _theme = require("./theme");
+Object.keys(_theme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _theme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _theme[key];
+    }
+  });
+});
+var _presets = require("./presets");
+Object.keys(_presets).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _presets[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _presets[key];
+    }
+  });
+});

package/theme/presets.d.ts

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,41 @@
+"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;
+}({});