contentoh-components-library 0.1.1

package/src/components/pages/RetailerProductEdition/styles.js

@@ -0,0 +1,37 @@
+import styled from "styled-components";
+
+export const Container = styled.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+  .data-container {
+    display: flex;
+    flex: 0%;
+    height: calc(100% - ${({ headerTop }) => headerTop}px);
+    .image-data-panel {
+      width: 340px;
+
+      & + * {
+        margin-left: 7px;
+      }
+    }
+
+    .product-information {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+
+      .services-information-container {
+        overflow: auto;
+      }
+
+      .image-services {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, 179px);
+        column-gap: 15px;
+        row-gap: 15px;
+      }
+    }
+  }
+`;

package/src/global-files/fonts.css

@@ -0,0 +1,45 @@
+@font-face {
+  font-family: "Avenir Next";
+  src: url("../assets/fonts/avenirnext/AvenirNextLTPro-Regular.otf");
+}
+
+@font-face {
+  font-family: "Lato";
+  src: url("../assets/fonts/lato/Lato-Regular.ttf");
+}
+
+@font-face {
+  font-family: "Raleway";
+  src: url("../assets/fonts/raleway/Raleway-Regular.ttf");
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: "Raleway-500";
+  src: url("../assets/fonts/raleway/Raleway-Medium.ttf");
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: "Raleway-600";
+  src: url("../assets/fonts/raleway/Raleway-SemiBold.ttf");
+  font-weight: 600;
+}
+
+@font-face {
+  font-family: "Raleway-700";
+  src: url("../assets/fonts/raleway/Raleway-Bold.ttf");
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: "Raleway-800";
+  src: url("../assets/fonts/raleway/Raleway-ExtraBold.ttf");
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: "Raleway-900";
+  src: url("../assets/fonts/raleway/Raleway-Black.ttf");
+  font-weight: 900;
+}

package/src/global-files/global-styles.css

@@ -0,0 +1,31 @@
+@import "./fonts.css";
+
+*,
+*::after,
+*::before {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+/* width */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: white;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  border-radius: 15px;
+  background: #f0eef2;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: #d4d1d7;
+}

package/src/global-files/variables.js

@@ -0,0 +1,46 @@
+export const GlobalColors = {
+  s1: "#FAFAFA",
+  s2: "#F0EEF2",
+  s3: "#D4D1D7",
+  s4: "#817393",
+  s5: "#503D66",
+  original_magenta: "#B12D84",
+  secondary_magenta: "#BA0070",
+  magenta_s2: "#E33AA9",
+  original_purpura: "#603888",
+  in_progress: "#ED9A4D",
+  deep_gray: "#281F33",
+  reception: "#E57432",
+  finished: "#18A0FB",
+  exported: "#71DE56",
+  white: "#FFFFFF",
+};
+
+export const FontFamily = {
+  AvenirNext: "Avenir Next",
+  Lato: "Lato",
+  Raleway: "Raleway",
+  Raleway_500: "Raleway-500",
+  Raleway_600: "Raleway-600",
+  Raleway_700: "Raleway-700",
+  Raleway_800: "Raleway-800",
+  Raleway_900: "Raleway-900",
+};
+
+export const GlobalStatus = [
+  "-",
+  "As",
+  "Pr",
+  "Rr",
+  "P",
+  "AA",
+  "AP",
+  "Ex",
+  "DDI",
+  "Dat",
+  "Dsc",
+  "Imgs",
+  "GLD",
+  "TAB",
+  "Pt",
+];

package/src/index.js

@@ -0,0 +1,58 @@
+import * as fonts from "./global-files/fonts";
+import * as globalStyles from "./global-files/global-styles";
+import * as variables from "./global-files/variables";
+
+export { fonts, globalStyles, variables };
+
+//atoms
+export * from "./components/atoms/ActivedFilter/index";
+export * from "./components/atoms/AsignationOption/index";
+export * from "./components/atoms/AtomList/index";
+export * from "./components/atoms/Avatar/index";
+export * from "./components/atoms/CheckBox/index";
+export * from "./components/atoms/CustomerTypeImage/index";
+export * from "./components/atoms/DropDownButton/index";
+export * from "./components/atoms/FeatureTag/index";
+export * from "./components/atoms/GeneralButton/index";
+export * from "./components/atoms/GeneralInput/index";
+export * from "./components/atoms/GeneralTextBox/index";
+export * from "./components/atoms/GradientPanel/index";
+export * from "./components/atoms/PriorityFlag/index";
+export * from "./components/atoms/ProductImage/index";
+export * from "./components/atoms/ProgressBar/index";
+export * from "./components/atoms/ScreenHeader/index";
+export * from "./components/atoms/SideMenuButton/index";
+export * from "./components/atoms/StatusTag/index";
+export * from "./components/atoms/TabSection/index";
+export * from "./components/atoms/ValidationPanel/index";
+
+//molecules
+export * from "./components/molecules/AvatarAndValidation/index";
+export * from "./components/molecules/EditionActiveImage/index";
+export * from "./components/molecules/FeaturesBar/index";
+export * from "./components/molecules/GalleryElement/index";
+export * from "./components/molecules/HeaderTop/index";
+export * from "./components/molecules/ImageSelector/index";
+export * from "./components/molecules/PlanSelection/index";
+export * from "./components/molecules/ProductNameHeader/index";
+export * from "./components/molecules/StatusAsignationInfo/index";
+export * from "./components/molecules/TableHeader/index";
+export * from "./components/molecules/TableRow/index";
+export * from "./components/molecules/TabsMenu/index";
+export * from "./components/molecules/TagAndInput/index";
+export * from "./components/molecules/TextAndGradient/index";
+
+//organisms
+export * from "./components/organisms/Fullplan/index";
+export * from "./components/organisms/FullProductNameHeader/index";
+export * from "./components/organisms/FullTabsMenu/index";
+export * from "./components/organisms/ImageDataTable/index";
+export * from "./components/organisms/ImagePreviewer/index";
+export * from "./components/organisms/ImagesGroup/index";
+export * from "./components/organisms/InputGroup/index";
+export * from "./components/organisms/ProductImageModal/index";
+
+//pages
+export * from "./components/pages/CustomerType";
+export * from "./components/pages/OnboardPlan";
+export * from "./components/pages/RetailerProductEdition";