graphen 2.0.3 → 2.0.5

package/src/index.ts

@@ -4,8 +4,8 @@ import Button from "src/components/Button";
 import Card from "src/components/Card";
 import Dialog from "src/components/Dialog";
 import Icon from "src/components/Icon";
+import * as Icons from "src/components/Icons";
 import Input from "src/components/Input";
-import Image from "src/components/Image";
 import Joystick from "src/components/Joystick";
 import Link from "src/components/Link";
 import Loader from "src/components/Loader";
@@ -23,6 +23,9 @@ import PanelFooter from "src/components/PanelFooter";
 import PanelTitle from "src/components/PanelTitle";
 import Switch from "src/components/Switch";
 import Skeleton from "src/components/Skeleton";
+import CoverEmpty from "src/components/CoverEmpty";
+import SegmentedControl from "src/components/SegmentedControl";
+import Stat from "src/components/Stat";
 import * as constants from "src/variables/constants";
 
 export {
@@ -32,6 +35,7 @@ export {
   Card,
   Dialog,
   Icon,
+  Icons,
   Input,
   Joystick,
   Link,
@@ -41,7 +45,6 @@ export {
   Tooltip,
   Validation,
   Logo,
-  Image,
   Dropdown,
   Flex,
   FlexItem,
@@ -51,5 +54,11 @@ export {
   PanelTitle,
   Switch,
   Skeleton,
+  CoverEmpty,
+  SegmentedControl,
+  Stat,
   constants,
 };
+
+export type { SegmentedControlOption } from "src/components/SegmentedControl";
+export type { StatModifier } from "src/components/Stat";

package/src/style.scss

@@ -20,7 +20,6 @@
 @import "components/Flex/styles/styles";
 @import "components/FlexItem/styles/styles";
 @import "components/Input/styles/styles";
-@import "components/Image/styles/styles";
 @import "components/Joystick/styles/styles";
 @import "components/Led/styles/mixins";
 @import "components/Led/styles/styles";
@@ -47,3 +46,6 @@
 @import "components/Badge/styles/styles";
 @import "components/Dropdown/styles/styles";
 @import "components/Skeleton/styles/styles";
+@import "components/CoverEmpty/styles/styles";
+@import "components/SegmentedControl/styles/styles";
+@import "components/Stat/styles/styles";

package/src/components/Image/index.tsx

@@ -1,26 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-
-type Props = {
-  src: string;
-  className?: string;
-  height?: number;
-  width?: number;
-};
-
-function Image({ className = "", height = 200, width = 200, src }: Props) {
-  const classes = classNames("gc-image", className);
-
-  return (
-    <object
-      className={classes}
-      data={src}
-      type="image/jpg"
-      style={{ height, width }}
-    >
-      <div className="gc-image__fallback" />
-    </object>
-  );
-}
-
-export default Image;

package/src/components/Image/styles/_styles.scss

@@ -1,20 +0,0 @@
-.gc-image {
-  position: relative;
-  display: inline-block;
-  border: 1px solid $gb-color-component-dark;
-  padding: $radius-medium;
-  vertical-align: middle;
-
-  &__fallback {
-    background-color: $gb-color-component-light;
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-    height: 100%;
-
-    &::before {
-      content: "No image loaded";
-      text-align: center;
-    }
-  }
-}