@natoora-libs/core 0.1.6 → 0.1.8-dev-doug-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@natoora-libs/core",
-  "version": "0.1.6",
+  "version": "0.1.8-dev-doug-1",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -30,7 +30,6 @@
     }
   },
   "scripts": {
-    "prepare": "cd ../../../ && husky libraries/frontend-libs/react/.husky",
     "dev": "yalc publish && tsup --watch --onSuccess 'yalc push --changed'",
     "build": "tsup",
     "build-storybook": "storybook build",
@@ -55,11 +54,6 @@
     "yup": "^0.32.9"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.0",
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-env": "^7.28.0",
-    "@babel/preset-react": "^7.27.1",
-    "@babel/preset-typescript": "^7.27.1",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@mui/icons-material": "^6.4.7",
@@ -71,7 +65,9 @@
     "@storybook/addon-docs": "^9.0.16",
     "@storybook/addon-links": "^9.0.16",
     "@storybook/addon-onboarding": "^9.0.16",
-    "@storybook/react": "^9.0.16",
+    "@storybook/builder-webpack5": "^9.1.2",
+    "@storybook/manager-webpack5": "^6.5.16",
+    "@storybook/react-webpack5": "^9.1.2",
     "@storybook/testing-library": "^0.2.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "16.3.0",
@@ -81,38 +77,25 @@
     "@types/lodash": "^4.17.0",
     "@types/moment": "^2.13.0",
     "@types/node": "^24.0.12",
+    "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@types/react-test-renderer": "^19.1.0",
-    "@types/react": "^19.0.0",
     "@types/redux": "^3.6.0",
     "@types/uuid": "^10.0.0",
-    "@typescript-eslint/eslint-plugin": "^8.39.0",
-    "@typescript-eslint/parser": "^8.39.0",
     "babel-jest": "^30.0.4",
     "babel-plugin-named-exports-order": "^0.0.2",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-import-resolver-typescript": "^4.4.3",
-    "eslint-plugin-import-helpers": "^2.0.1",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-prettier": "^5.5.3",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-storybook": "^9.1.1",
-    "eslint": "^9.32.0",
-    "husky": "^9.1.7",
-    "jest-environment-jsdom": "^30.0.4",
     "jest": "^30.0.4",
-    "lint-staged": "^16.1.2",
+    "jest-environment-jsdom": "^30.0.4",
     "mdi-material-ui": "^7.9.3",
-    "prettier": "^3.6.2",
+    "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-hook-form": "^7.12.2",
     "react-query": "^3.19.6",
     "react-router": "^7.6.3",
     "react-test-renderer": "^19.1.0",
-    "react": "19.0.0",
     "storybook": "^9.0.16",
     "ts-jest": "^29.4.0",
+    "ts-loader": "^9.5.2",
     "tsup": "8.3.0",
     "typescript": "^5.8.3",
     "yalc": "^1.0.0-pre.53",

package/dist/chunk-5WRI5ZAA.js

@@ -1,31 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-
-export {
-  __commonJS,
-  __toESM
-};
-//# sourceMappingURL=chunk-5WRI5ZAA.js.map

package/dist/chunk-5WRI5ZAA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-6VEWNVPA.js

@@ -1,23 +0,0 @@
-// src/components/LeftDrawer/helpers/featuresAreEnabled.tsx
-function featuresAreEnabled(featureSettings, features, requireAll = true) {
-  const storedPermissions = localStorage.getItem("permissions") || [];
-  let enabled = false;
-  if (requireAll) {
-    enabled = features.every(
-      (feature) => featureSettings.enabled_features.includes(feature) && // @ts-ignore
-      storedPermissions.includes(`${feature}_read`)
-    );
-  } else {
-    enabled = features.some(
-      (feature) => featureSettings.enabled_features.includes(feature) && // @ts-ignore
-      storedPermissions.includes(`${feature}_read`)
-    );
-  }
-  return enabled;
-}
-var featuresAreEnabled_default = featuresAreEnabled;
-
-export {
-  featuresAreEnabled_default
-};
-//# sourceMappingURL=chunk-6VEWNVPA.js.map

package/dist/chunk-6VEWNVPA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/LeftDrawer/helpers/featuresAreEnabled.tsx"],"sourcesContent":["function featuresAreEnabled(featureSettings, features, requireAll = true) {\n  const storedPermissions = localStorage.getItem('permissions') || [];\n  let enabled = false;\n\n  if (requireAll) {\n    enabled = features.every(\n      (feature) =>\n        featureSettings.enabled_features.includes(feature) &&\n        // @ts-ignore\n        storedPermissions.includes(`${feature}_read`),\n    );\n  } else {\n    enabled = features.some(\n      (feature) =>\n        featureSettings.enabled_features.includes(feature) &&\n        // @ts-ignore\n        storedPermissions.includes(`${feature}_read`),\n    );\n  }\n\n  return enabled;\n}\n\nexport default featuresAreEnabled;\n"],"mappings":";AAAA,SAAS,mBAAmB,iBAAiB,UAAU,aAAa,MAAM;AACxE,QAAM,oBAAoB,aAAa,QAAQ,aAAa,KAAK,CAAC;AAClE,MAAI,UAAU;AAEd,MAAI,YAAY;AACd,cAAU,SAAS;AAAA,MACjB,CAAC,YACC,gBAAgB,iBAAiB,SAAS,OAAO;AAAA,MAEjD,kBAAkB,SAAS,GAAG,OAAO,OAAO;AAAA,IAChD;AAAA,EACF,OAAO;AACL,cAAU,SAAS;AAAA,MACjB,CAAC,YACC,gBAAgB,iBAAiB,SAAS,OAAO;AAAA,MAEjD,kBAAkB,SAAS,GAAG,OAAO,OAAO;AAAA,IAChD;AAAA,EACF;AAEA,SAAO;AACT;AAEA,IAAO,6BAAQ;","names":[]}

package/dist/chunk-ZYZWAAFL.js

@@ -1,275 +0,0 @@
-// src/components/Loading/Loading.tsx
-import { Backdrop, CircularProgress } from "@mui/material";
-import { makeStyles } from "tss-react/mui";
-
-// src/resources/styles/colors/darkPalette.ts
-var darkPalette = {
-  // General colors
-  white: "#FFFFFF",
-  black: "#000000",
-  // Neutral
-  neutral50: "#1C1B1A",
-  neutral100: "#1F1F1F",
-  neutral150: "#262626",
-  neutral200: "#2E2E2E",
-  neutral250: "#383838",
-  neutral300: "#424242",
-  neutral400: "#4C4C4C",
-  neutral500: "#666666",
-  neutral600: "#808080",
-  neutral700: "#A3A3A3",
-  neutral750: "#B3B3B3",
-  neutral800: "#CCCCCC",
-  neutral900: "#F5F5F5",
-  // Input and contrast
-  contrast: "#FFFFFF",
-  constrastOpacity50: "rgba(255,255,255,0.5)",
-  // Icon and Material UI colors
-  iconSearch: "#B0B0B0",
-  default: "#444444",
-  muiPrimary: "#E9FB62",
-  muiPrimaryBlack: "#FFFFFF",
-  lightMuiPrimaryColorBackground: "#e9fb6214",
-  lightBlueBackground: "#e9fb6214",
-  muiPrimaryAlternate: "#07BAF1",
-  muiPrimaryHover: "#1890d5",
-  muiSecondary: "#DE5B99",
-  muiSecondaryAlternate: "#EC613C",
-  muiSuccess: "#66BB6A",
-  muiSuccessAlternate: "#81C784",
-  // Transparency variants
-  blackOpacity10: "inherit",
-  blackOpacity20: "inherit",
-  blackOpacity30: "inherit",
-  blackOpacity50: "inherit",
-  blackOpacity80: "inherit",
-  primaryOpacity10: "rgba(233, 251, 98, 0.10)",
-  primaryOpacity20: "rgba(233, 251, 98, 0.20)",
-  primaryOpacity30: "rgba(233, 251, 98, 0.30)",
-  secondaryAlternateOpacity30: "rgba(236, 97, 60, .3)",
-  blueOpacity08: "rgba(25, 118, 210, 0.08)",
-  whiteOpacity10: "rgba(255,255,255,0.1)",
-  whiteOpacity20: "rgba(255,255,255,0.2)",
-  whiteOpacity40: "rgba(255,255,255,0.4)",
-  // Table rows and top bar
-  topBar: "#2e3133",
-  // Button colors
-  // Round Button (default)
-  buttonHoverBackground: "rgba(255, 255, 255, 0.08)",
-  // Active Button
-  buttonActiveText: "#E9FB62",
-  // Contrast Button
-  buttonContrastBorder: "#CECECE",
-  buttonContrastText: "#CECECE",
-  // Error Button
-  error: "#EF5350"
-};
-var darkPalette_default = darkPalette;
-
-// src/resources/styles/colors/lightPalette.ts
-var lightPalette = {
-  // General colors
-  white: "#FFFFFF",
-  black: "#000000",
-  // Neutral
-  neutral50: "#F0EBE6",
-  neutral100: "#FAFAFA",
-  neutral150: "#F4F4F4",
-  neutral200: "#F1F1F1",
-  neutral250: "#ECECEC",
-  neutral300: "#E0E0E0",
-  neutral400: "#C8C8C8",
-  neutral500: "#BDBDBD",
-  neutral600: "#999999",
-  neutral700: "#878787",
-  neutral750: "#6c6c6c",
-  neutral800: "#555555",
-  neutral900: "#4D4D4D",
-  // Input and contrast
-  contrast: "#000000",
-  constrastOpacity50: "rgba(0,0,0,0.5)",
-  // Icon and Material UI colors
-  iconSearch: "#606060",
-  default: "#E0E0E0",
-  muiPrimary: "#0781CE",
-  muiPrimaryBlack: "#000000",
-  lightMuiPrimaryColorBackground: "#eff4fb",
-  lightBlueBackground: "#eff4fb",
-  muiPrimaryAlternate: "#07BAF1",
-  muiPrimaryHover: "#1565c0",
-  muiSecondary: "#A42966",
-  muiSecondaryAlternate: "#EC613C",
-  muiSuccess: "#4caf50",
-  muiSuccessAlternate: "#357a38",
-  // Transparency variants
-  blackOpacity10: "rgba(0,0,0,0.1)",
-  blackOpacity20: "rgba(0,0,0,0.2)",
-  blackOpacity30: "rgba(0,0,0,0.3)",
-  blackOpacity50: "rgba(0,0,0,0.5)",
-  blackOpacity80: "rgba(0,0,0,0.8)",
-  primaryOpacity10: "rgba(7, 129, 206, 0.10)",
-  primaryOpacity20: "rgba(7, 129, 206, 0.20)",
-  primaryOpacity30: "rgba(7, 129, 206, 0.30)",
-  secondaryAlternateOpacity30: "rgba(236, 97, 60, 0.3)",
-  blueOpacity08: "rgba(25, 118, 210, 0.08)",
-  whiteOpacity10: "rgba(255,255,255,0.1)",
-  whiteOpacity20: "rgba(255,255,255,0.2)",
-  whiteOpacity40: "rgba(255,255,255,0.4)",
-  // Table rows and top bar
-  topBar: "#2e3133",
-  // Button colors
-  // Round Button (default)
-  buttonHoverBackground: "rgba(0, 0, 0, 0.04)",
-  // Active Button
-  buttonActiveText: "#0781CE",
-  // Contrast Button
-  buttonContrastBorder: "#CECECE",
-  buttonContrastText: "#CECECE",
-  // Error Button
-  error: "#D32F2F"
-};
-var lightPalette_default = lightPalette;
-
-// src/resources/styles/colors.ts
-var stylesheet = localStorage.getItem("@stylesheet");
-var isDarkModeEnabled = stylesheet === "styles/style-dark.css";
-var palette = isDarkModeEnabled ? darkPalette_default : lightPalette_default;
-var colors = {
-  white: palette.white,
-  black: palette.black,
-  neutral50: palette.neutral50,
-  neutral100: palette.neutral100,
-  neutral150: palette.neutral150,
-  neutral200: palette.neutral200,
-  neutral250: palette.neutral250,
-  neutral300: palette.neutral300,
-  neutral400: palette.neutral400,
-  neutral500: palette.neutral500,
-  neutral600: palette.neutral600,
-  neutral700: palette.neutral700,
-  neutral750: palette.neutral750,
-  neutral800: palette.neutral800,
-  neutral900: palette.neutral900,
-  // Input and contrast
-  contrast: palette.contrast,
-  constrastOpacity50: palette.constrastOpacity50,
-  iconSearch: palette.iconSearch,
-  default: palette.default,
-  muiPrimary: palette.muiPrimary,
-  muiPrimaryBlack: palette.muiPrimaryBlack,
-  lightMuiPrimaryColorBackground: palette.lightMuiPrimaryColorBackground,
-  lightBlueBackground: palette.lightBlueBackground,
-  muiPrimaryAlternate: palette.muiPrimaryAlternate,
-  muiPrimaryHover: palette.muiPrimaryHover,
-  muiSecondary: palette.muiSecondary,
-  muiSecondaryAlternate: palette.muiSecondaryAlternate,
-  muiSuccess: palette.muiSuccess,
-  muiSuccessAlternate: palette.muiSuccessAlternate,
-  // Transparency
-  blackOpacity10: palette.blackOpacity10,
-  blackOpacity20: palette.blackOpacity20,
-  blackOpacity30: palette.blackOpacity30,
-  blackOpacity50: palette.blackOpacity50,
-  blackOpacity80: palette.blackOpacity80,
-  primaryOpacity10: palette.primaryOpacity10,
-  primaryOpacity20: palette.primaryOpacity20,
-  primaryOpacity30: palette.primaryOpacity30,
-  secondaryAlternateOpacity30: palette.secondaryAlternateOpacity30,
-  blueOpacity08: palette.blueOpacity08,
-  whiteOpacity10: palette.whiteOpacity10,
-  whiteOpacity20: palette.whiteOpacity20,
-  whiteOpacity40: palette.whiteOpacity40,
-  topBar: palette.topBar,
-  error: palette.error,
-  roundButton: {
-    default: {
-      border: palette.neutral600,
-      color: palette.contrast,
-      disabled: {
-        color: palette.blackOpacity20
-      },
-      hover: {
-        background: palette.buttonHoverBackground
-      }
-    },
-    filled: {
-      background: palette.neutral100,
-      color: palette.blackOpacity80,
-      hover: {
-        background: palette.neutral250
-      }
-    },
-    active: {
-      color: palette.buttonActiveText,
-      hover: {
-        background: palette.primaryOpacity20
-      }
-    },
-    contrast: {
-      border: palette.buttonContrastBorder,
-      color: palette.buttonContrastText,
-      hover: {
-        background: palette.whiteOpacity10
-      }
-    },
-    tableButton: {
-      color: palette.neutral800
-    },
-    focused: {
-      background: palette.primaryOpacity20,
-      color: palette.buttonActiveText,
-      hover: {
-        background: palette.primaryOpacity30
-      }
-    },
-    error: palette.error
-  },
-  movementCard: {
-    default: {
-      background: palette.neutral100
-    },
-    disabled: {
-      background: palette.neutral250
-    },
-    pill: {
-      color: palette.neutral200,
-      background: palette.neutral600
-    }
-  },
-  rowProductCard: {
-    locationSubtitle: palette.neutral800
-  }
-};
-
-// src/components/Loading/Loading.tsx
-import { jsx } from "react/jsx-runtime";
-var useStyles = makeStyles()(() => ({
-  wrapper: {
-    /**
-     * MUI Dialogs have z-index = 1300
-     */
-    zIndex: 1301,
-    backgroundColor: isDarkModeEnabled ? "rgba(0, 0, 0, 0.5)" : "rgba(255, 255, 255, 0.8)"
-  }
-}));
-var Loading = ({ isLoading }) => {
-  const { classes } = useStyles();
-  return /* @__PURE__ */ jsx(
-    Backdrop,
-    {
-      "aria-hidden": !isLoading,
-      className: classes.wrapper,
-      open: isLoading,
-      "data-testid": "backdrop-loading",
-      children: /* @__PURE__ */ jsx(CircularProgress, { color: "primary" })
-    }
-  );
-};
-var Loading_default = Loading;
-
-export {
-  isDarkModeEnabled,
-  colors,
-  Loading_default
-};
-//# sourceMappingURL=chunk-ZYZWAAFL.js.map

package/dist/chunk-ZYZWAAFL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Loading/Loading.tsx","../src/resources/styles/colors/darkPalette.ts","../src/resources/styles/colors/lightPalette.ts","../src/resources/styles/colors.ts"],"sourcesContent":["import { Backdrop, CircularProgress } from '@mui/material';\nimport { makeStyles } from 'tss-react/mui';\n\nimport { isDarkModeEnabled } from '@/resources/styles/colors';\n\nconst useStyles = makeStyles()(() => ({\n  wrapper: {\n    /**\n     * MUI Dialogs have z-index = 1300\n     */\n    zIndex: 1301,\n    backgroundColor: isDarkModeEnabled\n      ? 'rgba(0, 0, 0, 0.5)'\n      : 'rgba(255, 255, 255, 0.8)',\n  },\n}));\n\ninterface ILoading {\n  isLoading: boolean;\n}\n\nconst Loading = ({ isLoading }: ILoading) => {\n  const { classes } = useStyles();\n\n  return (\n    <Backdrop\n      aria-hidden={!isLoading}\n      className={classes.wrapper}\n      open={isLoading}\n      data-testid=\"backdrop-loading\"\n    >\n      <CircularProgress color=\"primary\" />\n    </Backdrop>\n  );\n};\n\nexport default Loading;\n","import { ThemePalette } from './interface';\n\n/**\n * Define the dark palette using the same ThemePalette interface.\n * Any missing or extra keys compared to lightPalette will trigger a TypeScript error.\n */\nconst darkPalette: ThemePalette = {\n  // General colors\n  white: '#FFFFFF',\n  black: '#000000',\n\n  // Neutral\n  neutral50: '#1C1B1A',\n  neutral100: '#1F1F1F',\n  neutral150: '#262626',\n  neutral200: '#2E2E2E',\n  neutral250: '#383838',\n  neutral300: '#424242',\n  neutral400: '#4C4C4C',\n  neutral500: '#666666',\n  neutral600: '#808080',\n  neutral700: '#A3A3A3',\n  neutral750: '#B3B3B3',\n  neutral800: '#CCCCCC',\n  neutral900: '#F5F5F5',\n\n  // Input and contrast\n  contrast: '#FFFFFF',\n  constrastOpacity50: 'rgba(255,255,255,0.5)',\n\n  // Icon and Material UI colors\n  iconSearch: '#B0B0B0',\n  default: '#444444',\n  muiPrimary: '#E9FB62',\n  muiPrimaryBlack: '#FFFFFF',\n  lightMuiPrimaryColorBackground: '#e9fb6214',\n  lightBlueBackground: '#e9fb6214',\n  muiPrimaryAlternate: '#07BAF1',\n  muiPrimaryHover: '#1890d5',\n  muiSecondary: '#DE5B99',\n  muiSecondaryAlternate: '#EC613C',\n  muiSuccess: '#66BB6A',\n  muiSuccessAlternate: '#81C784',\n\n  // Transparency variants\n  blackOpacity10: 'inherit',\n  blackOpacity20: 'inherit',\n  blackOpacity30: 'inherit',\n  blackOpacity50: 'inherit',\n  blackOpacity80: 'inherit',\n  primaryOpacity10: 'rgba(233, 251, 98, 0.10)',\n  primaryOpacity20: 'rgba(233, 251, 98, 0.20)',\n  primaryOpacity30: 'rgba(233, 251, 98, 0.30)',\n  secondaryAlternateOpacity30: 'rgba(236, 97, 60, .3)',\n  blueOpacity08: 'rgba(25, 118, 210, 0.08)',\n  whiteOpacity10: 'rgba(255,255,255,0.1)',\n  whiteOpacity20: 'rgba(255,255,255,0.2)',\n  whiteOpacity40: 'rgba(255,255,255,0.4)',\n\n  // Table rows and top bar\n  topBar: '#2e3133',\n\n  // Button colors\n  // Round Button (default)\n  buttonHoverBackground: 'rgba(255, 255, 255, 0.08)',\n  // Active Button\n  buttonActiveText: '#E9FB62',\n  // Contrast Button\n  buttonContrastBorder: '#CECECE',\n  buttonContrastText: '#CECECE',\n\n  // Error Button\n  error: '#EF5350',\n};\n\nexport default darkPalette;\n","import { ThemePalette } from './interface';\n\n/**\n * Define the light palette using the ThemePalette interface.\n */\nconst lightPalette: ThemePalette = {\n  // General colors\n  white: '#FFFFFF',\n  black: '#000000',\n\n  // Neutral\n  neutral50: '#F0EBE6',\n  neutral100: '#FAFAFA',\n  neutral150: '#F4F4F4',\n  neutral200: '#F1F1F1',\n  neutral250: '#ECECEC',\n  neutral300: '#E0E0E0',\n  neutral400: '#C8C8C8',\n  neutral500: '#BDBDBD',\n  neutral600: '#999999',\n  neutral700: '#878787',\n  neutral750: '#6c6c6c',\n  neutral800: '#555555',\n  neutral900: '#4D4D4D',\n\n  // Input and contrast\n  contrast: '#000000',\n  constrastOpacity50: 'rgba(0,0,0,0.5)',\n\n  // Icon and Material UI colors\n  iconSearch: '#606060',\n  default: '#E0E0E0',\n  muiPrimary: '#0781CE',\n  muiPrimaryBlack: '#000000',\n  lightMuiPrimaryColorBackground: '#eff4fb',\n  lightBlueBackground: '#eff4fb',\n  muiPrimaryAlternate: '#07BAF1',\n  muiPrimaryHover: '#1565c0',\n  muiSecondary: '#A42966',\n  muiSecondaryAlternate: '#EC613C',\n  muiSuccess: '#4caf50',\n  muiSuccessAlternate: '#357a38',\n\n  // Transparency variants\n  blackOpacity10: 'rgba(0,0,0,0.1)',\n  blackOpacity20: 'rgba(0,0,0,0.2)',\n  blackOpacity30: 'rgba(0,0,0,0.3)',\n  blackOpacity50: 'rgba(0,0,0,0.5)',\n  blackOpacity80: 'rgba(0,0,0,0.8)',\n  primaryOpacity10: 'rgba(7, 129, 206, 0.10)',\n  primaryOpacity20: 'rgba(7, 129, 206, 0.20)',\n  primaryOpacity30: 'rgba(7, 129, 206, 0.30)',\n  secondaryAlternateOpacity30: 'rgba(236, 97, 60, 0.3)',\n  blueOpacity08: 'rgba(25, 118, 210, 0.08)',\n  whiteOpacity10: 'rgba(255,255,255,0.1)',\n  whiteOpacity20: 'rgba(255,255,255,0.2)',\n  whiteOpacity40: 'rgba(255,255,255,0.4)',\n\n  // Table rows and top bar\n  topBar: '#2e3133',\n\n  // Button colors\n  // Round Button (default)\n  buttonHoverBackground: 'rgba(0, 0, 0, 0.04)',\n  // Active Button\n  buttonActiveText: '#0781CE',\n  // Contrast Button\n  buttonContrastBorder: '#CECECE',\n  buttonContrastText: '#CECECE',\n\n  // Error Button\n  error: '#D32F2F',\n};\n\nexport default lightPalette;\n","import darkPalette from './colors/darkPalette';\nimport lightPalette from './colors/lightPalette';\n\nconst stylesheet = localStorage.getItem('@stylesheet');\nexport const isDarkModeEnabled = stylesheet === 'styles/style-dark.css';\nconst palette = isDarkModeEnabled ? darkPalette : lightPalette;\n\ninterface Colors {\n  // General colors\n  white: string;\n  black: string;\n\n  // Neutral\n  neutral50: string;\n  neutral100: string;\n  neutral150: string;\n  neutral200: string;\n  neutral250: string;\n  neutral300: string;\n  neutral400: string;\n  neutral500: string;\n  neutral600: string;\n  neutral700: string;\n  neutral750: string;\n  neutral800: string;\n  neutral900: string;\n\n  // Input and contrast\n  contrast: string;\n  constrastOpacity50: string;\n\n  // Icon and Material UI colors\n  iconSearch: string;\n  default: string;\n  muiPrimary: string;\n  muiPrimaryBlack: string;\n  lightMuiPrimaryColorBackground: string;\n  lightBlueBackground: string;\n  muiPrimaryAlternate: string;\n  muiPrimaryHover: string;\n  muiSecondary: string;\n  muiSecondaryAlternate: string;\n  muiSuccess: string;\n  muiSuccessAlternate: string;\n\n  // Transparency\n  blackOpacity10: string;\n  blackOpacity20: string;\n  blackOpacity30: string;\n  blackOpacity50: string;\n  blackOpacity80: string;\n  primaryOpacity10: string;\n  primaryOpacity20: string;\n  primaryOpacity30: string;\n  secondaryAlternateOpacity30: string;\n  blueOpacity08: string;\n  whiteOpacity10: string;\n  whiteOpacity20: string;\n  whiteOpacity40: string;\n\n  // Table rows and top bar\n  topBar: string;\n  // Error Button\n  error: string;\n\n  roundButton: {\n    default: {\n      border: string;\n      color: string;\n      disabled: {\n        color: string;\n      };\n      hover: {\n        background: string;\n      };\n    };\n    filled: {\n      background: string;\n      color: string;\n      hover: {\n        background: string;\n      };\n    };\n    active: {\n      color: string;\n      hover: {\n        background: string;\n      };\n    };\n    contrast: {\n      border: string;\n      color: string;\n      hover: {\n        background: string;\n      };\n    };\n    tableButton: {\n      color: string;\n    };\n    focused: {\n      background: string;\n      color: string;\n      hover: {\n        background: string;\n      };\n    };\n    error: string;\n  };\n\n  movementCard: {\n    default: {\n      background: string;\n    };\n    disabled: {\n      background: string;\n    };\n    pill: {\n      color: string;\n      background: string;\n    };\n  };\n\n  rowProductCard: {\n    locationSubtitle: string;\n  };\n}\n\nexport const colors: Colors = {\n  white: palette.white,\n  black: palette.black,\n\n  neutral50: palette.neutral50,\n  neutral100: palette.neutral100,\n  neutral150: palette.neutral150,\n  neutral200: palette.neutral200,\n  neutral250: palette.neutral250,\n  neutral300: palette.neutral300,\n  neutral400: palette.neutral400,\n  neutral500: palette.neutral500,\n  neutral600: palette.neutral600,\n  neutral700: palette.neutral700,\n  neutral750: palette.neutral750,\n  neutral800: palette.neutral800,\n  neutral900: palette.neutral900,\n\n  // Input and contrast\n  contrast: palette.contrast,\n  constrastOpacity50: palette.constrastOpacity50,\n\n  iconSearch: palette.iconSearch,\n  default: palette.default,\n  muiPrimary: palette.muiPrimary,\n  muiPrimaryBlack: palette.muiPrimaryBlack,\n  lightMuiPrimaryColorBackground: palette.lightMuiPrimaryColorBackground,\n  lightBlueBackground: palette.lightBlueBackground,\n  muiPrimaryAlternate: palette.muiPrimaryAlternate,\n  muiPrimaryHover: palette.muiPrimaryHover,\n  muiSecondary: palette.muiSecondary,\n  muiSecondaryAlternate: palette.muiSecondaryAlternate,\n  muiSuccess: palette.muiSuccess,\n  muiSuccessAlternate: palette.muiSuccessAlternate,\n\n  // Transparency\n  blackOpacity10: palette.blackOpacity10,\n  blackOpacity20: palette.blackOpacity20,\n  blackOpacity30: palette.blackOpacity30,\n  blackOpacity50: palette.blackOpacity50,\n  blackOpacity80: palette.blackOpacity80,\n  primaryOpacity10: palette.primaryOpacity10,\n  primaryOpacity20: palette.primaryOpacity20,\n  primaryOpacity30: palette.primaryOpacity30,\n  secondaryAlternateOpacity30: palette.secondaryAlternateOpacity30,\n  blueOpacity08: palette.blueOpacity08,\n  whiteOpacity10: palette.whiteOpacity10,\n  whiteOpacity20: palette.whiteOpacity20,\n  whiteOpacity40: palette.whiteOpacity40,\n\n  topBar: palette.topBar,\n  error: palette.error,\n\n  roundButton: {\n    default: {\n      border: palette.neutral600,\n      color: palette.contrast,\n      disabled: {\n        color: palette.blackOpacity20,\n      },\n      hover: {\n        background: palette.buttonHoverBackground,\n      },\n    },\n    filled: {\n      background: palette.neutral100,\n      color: palette.blackOpacity80,\n      hover: {\n        background: palette.neutral250,\n      },\n    },\n    active: {\n      color: palette.buttonActiveText,\n      hover: {\n        background: palette.primaryOpacity20,\n      },\n    },\n    contrast: {\n      border: palette.buttonContrastBorder,\n      color: palette.buttonContrastText,\n      hover: {\n        background: palette.whiteOpacity10,\n      },\n    },\n    tableButton: {\n      color: palette.neutral800,\n    },\n    focused: {\n      background: palette.primaryOpacity20,\n      color: palette.buttonActiveText,\n      hover: {\n        background: palette.primaryOpacity30,\n      },\n    },\n    error: palette.error,\n  },\n\n  movementCard: {\n    default: {\n      background: palette.neutral100,\n    },\n    disabled: {\n      background: palette.neutral250,\n    },\n    pill: {\n      color: palette.neutral200,\n      background: palette.neutral600,\n    },\n  },\n\n  rowProductCard: {\n    locationSubtitle: palette.neutral800,\n  },\n};\n"],"mappings":"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","names":[]}