@natoora-libs/core 0.0.33 → 0.0.35

package/dist/{chunk-RHG2EMI3.js → chunk-TZJCFK33.js}

@@ -158,7 +158,7 @@ var useStyles = makeStyles()(() => ({
     backgroundColor: isDarkModeEnabled3 ? "rgba(0, 0, 0, 0.5)" : "rgba(255, 255, 255, 0.8)"
   }
 }));
-var Loading = ({ isLoading }) => {
+var Loading = ({ isLoading = false }) => {
   const { classes } = useStyles();
   return /* @__PURE__ */ jsx(
     Backdrop,
@@ -178,4 +178,4 @@ export {
   colors,
   Loading_default
 };
-//# sourceMappingURL=chunk-RHG2EMI3.js.map
+//# sourceMappingURL=chunk-TZJCFK33.js.map

package/dist/chunk-TZJCFK33.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Loading/Loading.tsx","../src/resources/styles/colors/buttons.js","../src/resources/styles/colors/cards.js","../src/resources/styles/colors.js"],"sourcesContent":["import React from 'react';\n\nimport { 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 = false }: 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","const stylesheet = localStorage.getItem('@stylesheet');\nexport const isDarkModeEnabled = stylesheet === 'styles/style-dark.css';\n\nconst buttonColors = {\n  roundButton: {\n    default: {\n      border: isDarkModeEnabled ? '#CECECE' : '#999999',\n      color: isDarkModeEnabled ? '#CECECE' : 'rgba(0, 0, 0, 0.87)',\n      disabled: {\n        color: isDarkModeEnabled ? '#CECECE' : 'rgba(0, 0, 0, 0.26)',\n      },\n      hover: {\n        background: isDarkModeEnabled\n          ? 'rgba(255, 255, 255, 0.08)'\n          : 'rgba(0, 0, 0, 0.04)',\n      },\n    },\n    filled: {\n      background: isDarkModeEnabled ? '#222222' : '#FFFFFF',\n      color: isDarkModeEnabled ? '#CECECE' : 'rgba(0, 0, 0, 0.87)',\n      hover: {\n        background: isDarkModeEnabled ? '#2F2F2F' : '#E0E0E0',\n      },\n    },\n    active: {\n      color: isDarkModeEnabled ? '#E9FB62' : '#0781CE',\n      hover: {\n        background: 'rgba(7, 129, 206, .24)',\n      },\n    },\n    contrast: {\n      border: '#CECECE',\n      color: '#CECECE',\n      hover: {\n        background: 'rgba(255, 255, 255, 0.08)',\n      },\n    },\n    tableButton: {\n      color: isDarkModeEnabled ? '#FFFFFF8F' : '#0000008A',\n    },\n    focused: {\n      background: isDarkModeEnabled\n        ? 'rgba(233, 251, 98, 0.08)'\n        : 'rgba(7, 129, 206, .24)',\n      color: isDarkModeEnabled ? '#E9FB62' : '#0781CE',\n      hover: {\n        background: 'rgba(7, 129, 206, .30)',\n      },\n    },\n    error: '#D32F2F',\n  },\n};\n\nexport default buttonColors;\n","const stylesheet = localStorage.getItem('@stylesheet');\nexport const isDarkModeEnabled = stylesheet === 'styles/style-dark.css';\n\nconst cardColors = {\n  movementCard: {\n    default: {\n      background: isDarkModeEnabled ? '#555' : '#FFF',\n    },\n    disabled: {\n      background: isDarkModeEnabled ? '#2F2F2F' : '#ECECEC',\n    },\n    pill: {\n      color: isDarkModeEnabled ? '#555555' : '#FFFFFF',\n      background: isDarkModeEnabled ? '#FFFFFF' : '#999999',\n    },\n  },\n  rowProductCard: {\n    locationSubtitle: isDarkModeEnabled\n      ? 'rgba(255, 255, 255, 0.54)'\n      : 'rgba(0, 0, 0, 0.54)',\n  },\n};\n\nexport default cardColors;\n","import buttonColors from './colors/buttons';\nimport cardColors from './colors/cards';\n\nconst stylesheet = localStorage.getItem('@stylesheet');\nexport const isDarkModeEnabled = stylesheet === 'styles/style-dark.css';\n\n/**\n * Even thought spliting colors per component is not the best approach, it will help developers when refactoring the color system\n */\nexport const colors = {\n  ...buttonColors,\n  ...cardColors,\n  background: isDarkModeEnabled ? '#424242' : '#FEFEFE',\n  backgroundGrey100: isDarkModeEnabled ? '#424242' : '#F1F1F1',\n  backgroundGrey200: isDarkModeEnabled ? '#1f252a' : '#F0EBE6',\n  backgroundHeader: isDarkModeEnabled ? '#595959' : '#f4f4f4',\n  backgroundHeaderModal: isDarkModeEnabled ? '#595959' : '#fAfAfA',\n  backgroundBorder: isDarkModeEnabled ? '#272727' : '#f0f0f0',\n  backgroundPaper: isDarkModeEnabled ? '#262626' : '#f4f4f4',\n  backgroundPaper100: isDarkModeEnabled ? '#424242' : '#ECECEC',\n  backgroundContentLayer: isDarkModeEnabled ? '#212121' : '#F5F4F4',\n  backgroundTabsContent: isDarkModeEnabled ? '#2A2A2A' : '#FAFAFA',\n  black: '#000',\n  black900: isDarkModeEnabled ? '#F1F1F1' : '#1f252a',\n  brightGray: isDarkModeEnabled ? '#555555' : '#ECECEC',\n  borderColor: isDarkModeEnabled ? '#FFFFFF1F' : '#CECECE',\n  disabledColor: isDarkModeEnabled ? '#424242' : '#f7f5f5',\n  gradientBackground: isDarkModeEnabled\n    ? 'linear-gradient(to right, #e3dbda40, #D2D8DC8a)'\n    : 'linear-gradient(to right, #E3DBDA, #D2D8DC)',\n  grey050: '#FEFEFE',\n  grey100: isDarkModeEnabled ? '#272c34' : '#F1F1F1',\n  grey150: isDarkModeEnabled ? '#424242' : 'rgba(240, 235, 230, 0.5)',\n  grey200: isDarkModeEnabled ? '#2F2F2F' : '#E0E0E0',\n  grey300: isDarkModeEnabled ? '#878787' : '#C8C8C8',\n  grey400: isDarkModeEnabled ? '#9E9E9E' : '#BDBDBD',\n  grey500: isDarkModeEnabled ? '#A8A8A8' : '#878787',\n  grey600: isDarkModeEnabled ? '#606060' : '#DFDFDF',\n  grey650: isDarkModeEnabled ? '#CECECE' : '#555555',\n  grey700: '#4D4D4D',\n  grey750: '#424242',\n  grey800: '#2F2F2F',\n  grey900: isDarkModeEnabled ? '#222222' : '#F0F0F0',\n  iconSearch: isDarkModeEnabled ? '#E0E0E0' : '#606060',\n  muiDefault: isDarkModeEnabled ? '#606060' : '#E0E0E0',\n  muiPrimary: isDarkModeEnabled ? '#E9FB62' : '#0781CE',\n  muiPrimaryBlack: isDarkModeEnabled ? '#E9FB62' : '#000',\n  lightMuiPrimaryColorBackground: isDarkModeEnabled ? '#e9fb6214' : '#eff4fb',\n  lightBlueBackground: isDarkModeEnabled ? '#3c4248' : '#eff4fb',\n  muiPrimaryAlternate: '#07BAF1',\n  muiPrimaryHover: isDarkModeEnabled ? '#cddc39' : '#1565c0',\n  muiSecondary: '#A42966',\n  muiSecondaryAlternate: '#EC613C',\n  muiSuccess: '#4caf50',\n  muiSuccessAlternate: '#357a38',\n  paper: isDarkModeEnabled ? '#424242' : '#FFFFFF',\n  shadow: isDarkModeEnabled ? '#1f252a' : '#878787',\n  tableRow1: isDarkModeEnabled ? '#333333' : '#FFFFFF',\n  tableRow2: isDarkModeEnabled ? '#212121' : '#FAFAFA',\n  topBar: '#111111',\n  transparent: {\n    black10: isDarkModeEnabled ? 'inherit' : 'rgba(0,0,0,0.1)',\n    black20: isDarkModeEnabled ? 'inherit' : 'rgba(0,0,0,0.2)',\n    black30: isDarkModeEnabled ? 'inherit' : 'rgba(0,0,0,0.3)',\n    black50: isDarkModeEnabled ? 'inherit' : 'rgba(0,0,0,0.5)',\n    black80: isDarkModeEnabled ? 'inherit' : 'rgba(0,0,0,0.8)',\n    coralRed80: 'rgba(244,67,54,0.08)',\n    muiPrimary10: isDarkModeEnabled\n      ? 'rgba(233, 251, 98, 0.10)'\n      : 'rgba(7, 129, 206, .10)',\n    muiPrimary20: isDarkModeEnabled\n      ? 'rgba(233, 251, 98, 0.20)'\n      : 'rgba(7, 129, 206, .20)',\n    muiPrimary30: isDarkModeEnabled\n      ? 'rgba(233, 251, 98, 0.30)'\n      : 'rgba(7, 129, 206, .30)',\n    muiSecondaryAlternate30: 'rgba(236, 97, 60, .3)',\n    navyBlue: 'rgba(25, 118, 210, 0.08)',\n    white10: 'rgba(255,255,255,0.1)',\n    white20: 'rgba(255,255,255,0.2)',\n    white40: 'rgba(255,255,255,0.4)',\n  },\n  white: isDarkModeEnabled ? '#222222' : '#FFFFFF',\n  contrast: isDarkModeEnabled ? '#FFF' : '#000',\n  inputLabel: isDarkModeEnabled ? '#FFF' : '#6c6c6c',\n};\n"],"mappings":"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","names":["stylesheet","isDarkModeEnabled","stylesheet","isDarkModeEnabled","isDarkModeEnabled"]}