contentoh-components-library 21.0.9 → 21.0.13

package/dist/index.js

@@ -1,13 +1,34 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  fonts: true,
+  globalStyles: true,
+  variables: true
+};
+exports.variables = exports.globalStyles = exports.fonts = void 0;
+
+var fonts = _interopRequireWildcard(require("./global-files/fonts"));
+
+exports.fonts = fonts;
+
+var globalStyles = _interopRequireWildcard(require("./global-files/global-styles"));
+
+exports.globalStyles = globalStyles;
+
+var variables = _interopRequireWildcard(require("./global-files/variables"));
+
+exports.variables = variables;
 
 var _index = require("./components/atoms/ActivedFilter/index");
 
 Object.keys(_index).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -21,6 +42,7 @@ var _index2 = require("./components/atoms/AsignationOption/index");
 
 Object.keys(_index2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -34,6 +56,7 @@ var _index3 = require("./components/atoms/AtomList/index");
 
 Object.keys(_index3).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index3[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -47,6 +70,7 @@ var _index4 = require("./components/atoms/Avatar/index");
 
 Object.keys(_index4).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index4[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -60,6 +84,7 @@ var _index5 = require("./components/atoms/CheckBox/index");
 
 Object.keys(_index5).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index5[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -73,6 +98,7 @@ var _index6 = require("./components/atoms/CustomerTypeImage/index");
 
 Object.keys(_index6).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index6[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -86,6 +112,7 @@ var _index7 = require("./components/atoms/DropDownButton/index");
 
 Object.keys(_index7).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index7[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -99,6 +126,7 @@ var _index8 = require("./components/atoms/FeatureTag/index");
 
 Object.keys(_index8).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index8[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -112,6 +140,7 @@ var _index9 = require("./components/atoms/GeneralButton/index");
 
 Object.keys(_index9).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index9[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -125,6 +154,7 @@ var _index10 = require("./components/atoms/GeneralInput/index");
 
 Object.keys(_index10).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index10[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -138,6 +168,7 @@ var _index11 = require("./components/atoms/GeneralTextBox/index");
 
 Object.keys(_index11).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index11[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -151,6 +182,7 @@ var _index12 = require("./components/atoms/GradientPanel/index");
 
 Object.keys(_index12).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index12[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -164,6 +196,7 @@ var _index13 = require("./components/atoms/PriorityFlag/index");
 
 Object.keys(_index13).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index13[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -177,6 +210,7 @@ var _index14 = require("./components/atoms/ProductImage/index");
 
 Object.keys(_index14).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index14[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -190,6 +224,7 @@ var _index15 = require("./components/atoms/ProgressBar/index");
 
 Object.keys(_index15).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index15[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -203,6 +238,7 @@ var _index16 = require("./components/atoms/ScreenHeader/index");
 
 Object.keys(_index16).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index16[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -216,6 +252,7 @@ var _index17 = require("./components/atoms/SideMenuButton/index");
 
 Object.keys(_index17).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index17[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -229,6 +266,7 @@ var _index18 = require("./components/atoms/StatusTag/index");
 
 Object.keys(_index18).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index18[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -242,6 +280,7 @@ var _index19 = require("./components/atoms/TabSection/index");
 
 Object.keys(_index19).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index19[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -255,6 +294,7 @@ var _index20 = require("./components/atoms/ValidationPanel/index");
 
 Object.keys(_index20).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index20[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -268,6 +308,7 @@ var _index21 = require("./components/molecules/AvatarAndValidation/index");
 
 Object.keys(_index21).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index21[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -281,6 +322,7 @@ var _index22 = require("./components/molecules/EditionActiveImage/index");
 
 Object.keys(_index22).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index22[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -294,6 +336,7 @@ var _index23 = require("./components/molecules/FeaturesBar/index");
 
 Object.keys(_index23).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index23[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -307,6 +350,7 @@ var _index24 = require("./components/molecules/GalleryElement/index");
 
 Object.keys(_index24).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index24[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -320,6 +364,7 @@ var _index25 = require("./components/molecules/HeaderTop/index");
 
 Object.keys(_index25).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index25[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -333,6 +378,7 @@ var _index26 = require("./components/molecules/ImageSelector/index");
 
 Object.keys(_index26).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index26[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -346,6 +392,7 @@ var _index27 = require("./components/molecules/PlanSelection/index");
 
 Object.keys(_index27).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index27[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -359,6 +406,7 @@ var _index28 = require("./components/molecules/ProductNameHeader/index");
 
 Object.keys(_index28).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index28[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -372,6 +420,7 @@ var _index29 = require("./components/molecules/StatusAsignationInfo/index");
 
 Object.keys(_index29).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index29[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -385,6 +434,7 @@ var _index30 = require("./components/molecules/TableHeader/index");
 
 Object.keys(_index30).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index30[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -398,6 +448,7 @@ var _index31 = require("./components/molecules/TableRow/index");
 
 Object.keys(_index31).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index31[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -411,6 +462,7 @@ var _index32 = require("./components/molecules/TabsMenu/index");
 
 Object.keys(_index32).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index32[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -424,6 +476,7 @@ var _index33 = require("./components/molecules/TagAndInput/index");
 
 Object.keys(_index33).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index33[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -437,6 +490,7 @@ var _index34 = require("./components/molecules/TextAndGradient/index");
 
 Object.keys(_index34).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index34[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -450,6 +504,7 @@ var _index35 = require("./components/organisms/Fullplan/index");
 
 Object.keys(_index35).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index35[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -463,6 +518,7 @@ var _index36 = require("./components/organisms/FullProductNameHeader/index");
 
 Object.keys(_index36).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index36[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -476,6 +532,7 @@ var _index37 = require("./components/organisms/FullTabsMenu/index");
 
 Object.keys(_index37).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index37[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -489,6 +546,7 @@ var _index38 = require("./components/organisms/ImageDataTable/index");
 
 Object.keys(_index38).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index38[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -502,6 +560,7 @@ var _index39 = require("./components/organisms/ImagePreviewer/index");
 
 Object.keys(_index39).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index39[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -515,6 +574,7 @@ var _index40 = require("./components/organisms/ImagesGroup/index");
 
 Object.keys(_index40).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index40[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -528,6 +588,7 @@ var _index41 = require("./components/organisms/InputGroup/index");
 
 Object.keys(_index41).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index41[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -541,6 +602,7 @@ var _index42 = require("./components/organisms/ProductImageModal/index");
 
 Object.keys(_index42).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _index42[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -554,6 +616,7 @@ var _CustomerType = require("./components/pages/CustomerType");
 
 Object.keys(_CustomerType).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _CustomerType[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -567,6 +630,7 @@ var _OnboardPlan = require("./components/pages/OnboardPlan");
 
 Object.keys(_OnboardPlan).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _OnboardPlan[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -580,6 +644,7 @@ var _RetailerProductEdition = require("./components/pages/RetailerProductEdition
 
 Object.keys(_RetailerProductEdition).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _RetailerProductEdition[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,

package/package.json

@@ -1,29 +1,22 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.0.9",
+  "version": "21.0.13",
   "dependencies": {
     "@babel/runtime": "^7.17.2",
     "@storybook/addon-postcss": "^2.0.0",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
-    "aws-sdk": "^2.1088.0",
     "axios": "^0.25.0",
     "babel-preset-react-app": "^10.0.1",
     "chart.js": "^3.7.1",
-    "draft-js": "^0.11.7",
-    "file-saver": "^2.0.5",
     "js-base64": "^3.7.2",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
-    "react-chartjs-2": "^4.0.1",
+    "react-chartjs-2": "^4.1.0",
     "react-dom": "^17.0.2",
-    "react-draft-wysiwyg": "^1.14.7",
-    "react-dropzone": "^12.0.4",
     "react-image-fallback": "^8.0.0",
-    "react-quill": "^1.3.5",
     "styled-components": "^5.3.3",
-    "uuid": "^8.3.2",
     "web-vitals": "^1.0.1"
   },
   "scripts": {
@@ -56,24 +49,17 @@
         {
           "absoluteRuntime": false
         }
-      ],
-      "@babel/preset-env",
-      [
-        "@babel/preset-react",
-        {
-          "runtime": "automatic"
-        }
       ]
     ]
   },
   "devDependencies": {
-    "@babel/cli": "^7.17.6",
+    "@babel/cli": "^7.17.0",
     "@babel/core": "^7.16.0",
     "@storybook/addon-actions": "^6.4.1",
     "@storybook/addon-essentials": "^6.4.1",
     "@storybook/addon-links": "^6.4.1",
     "@storybook/react": "^6.4.1",
-    "auto": "^10.36.5",
+    "auto": "^10.32.6",
     "babel-loader": "^8.2.3",
     "chromatic": "^6.3.3",
     "cross-env": "^7.0.3",
@@ -81,7 +67,7 @@
   },
   "description": "contentoh components packed library.",
   "main": "dist/index.js",
-  "repository": "https://git@github.com:Content-oh/components-library.git",
+  "repository": "git@github.com:Content-oh/components-library.git",
   "author": "asael06 <asael.mb@hotmail.com>",
   "license": "MIT"
 }

package/src/components/atoms/AsignationOption/index.js

@@ -9,15 +9,13 @@ import availableIcon from "../../../assets/images/asignationOptions/availableIco
 export const AsignationOption = ({
   profileImage,
   asignationType = "available",
-  imageType = "profile-image",
   name,
   team,
   onClick,
-  btnOnClick,
 }) => {
   const iconsAsignation = {
     assigned: (
-      <button onClick={btnOnClick}>
+      <button onClick={onClick}>
         <img src={removeAsigned} alt="remove asigned" />
       </button>
     ),
@@ -27,17 +25,17 @@ export const AsignationOption = ({
   };
 
   return (
-    <Container onClick={onClick}>
+    <Container>
       <Avatar
-        imageType={imageType}
-        image={profileImage}
+        imageType={"profile-image"}
+        image={profileImage?.image}
         altText={"profile image"}
       />
       <div className="labels-container">
         <p className="name-label">{name}</p>
         <p className="team-label">{team}</p>
       </div>
-      {asignationType && iconsAsignation[asignationType]}
+      {iconsAsignation[asignationType]}
     </Container>
   );
 };

package/src/components/atoms/AsignationOption/styles.js

@@ -5,12 +5,8 @@ export const Container = styled.div`
   display: flex;
   width: fit-content;
   align-items: center;
-  cursor: pointer;
-  border-radius: 3px;
-  padding: 5px;
 
-  .profile-image,
-  .medium-image {
+  .profile-image {
     & + * {
       margin-left: 15px;
     }
@@ -47,10 +43,6 @@ export const Container = styled.div`
     border: none;
   }
 
-  &:hover {
-    background-color: ${GlobalColors.s3};
-  }
-
   & + * {
     margin-top: 10px;
   }

package/src/components/atoms/CheckBox/index.js

@@ -1,15 +1,9 @@
 import { Container } from "./styles";
 
-export const CheckBox = ({ id, label, onChange, isFilter, defaultChecked }) => {
+export const CheckBox = ({ id, label, onChange, isFilter }) => {
   return (
     <Container key={`check-${id}`}>
-      <input
-        type="checkbox"
-        name={id}
-        id={id}
-        onChange={onChange}
-        defaultChecked={defaultChecked}
-      />
+      <input type="checkbox" name={id} id={id} onChange={onChange} />
       <label htmlFor={id}>
         {label && <p className={isFilter && "filter-text"}>{label}</p>}
       </label>

package/src/components/atoms/GeneralButton/index.js

@@ -1,5 +1,4 @@
 import { Container } from "./styles";
-import React from "react";
 
 export const Button = ({
   buttonType,
@@ -10,15 +9,9 @@ export const Button = ({
   onClick,
 }) => {
   return (
-    <Container
-      className={buttonType}
-      buttonFont={buttonFont}
-      onClick={onClick}
-      key={`button-${buttonType}`}
-      disabled={buttonType === "general-button-disabled"}
-    >
+    <Container className={buttonType} buttonFont={buttonFont} onClick={onClick} key={`button-${buttonType}`}>
       {buttonType.includes("general") && label}
-      {image && <img src={image} alt={altText} />}
+      {image && <img src={image} alt={altText}/>}
     </Container>
   );
 };

package/src/components/atoms/GeneralButton/styles.js

@@ -12,7 +12,6 @@ import saveIcon from "../../../assets/images/generalButton/saveIcon.svg";
 import saveIconHover from "../../../assets/images/generalButton/saveIconHover.svg";
 import deleteIcon from "../../../assets/images/generalButton/deleteIcon.svg";
 import deleteIconHover from "../../../assets/images/generalButton/deleteIconHover.svg";
-import downloadIcon from "../../../assets/images/generalButton/downloadIcon.svg";
 import { GlobalColors } from "../../../global-files/variables";
 
 export const Container = styled.button`
@@ -93,19 +92,6 @@ export const Container = styled.button`
         border: 1px solid ${GlobalColors.magenta_s2};
       }
     }
-
-    &.download-button {
-      background-image: url(${downloadIcon});
-      border: 1px solid ${GlobalColors.s3};
-      border-radius: 15px;
-      background-size: 15px;
-
-      &:hover {
-        color: white;
-        background-color: ${GlobalColors.magenta_s2};
-        border: 1px solid ${GlobalColors.magenta_s2};
-      }
-    }
   }
 
   &.general-arrow-button {
@@ -159,13 +145,4 @@ export const Container = styled.button`
   &.row-layout {
     background-image: url(${gridLayout});
   }
-
-  &.general-button-disabled {
-    background-color: grey;
-    color: ${GlobalColors.white};
-
-    &:hover {
-      opacity: 1;
-    }
-  }
 `;