'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var react = require('@chakra-ui/react');
var components = require('./components.cjs');
var colors = require('./colors.cjs');
var styles = require('./styles.cjs');
require('@fontsource/inter');
require('@fontsource/inter/100.css');
require('@fontsource/inter/200.css');
require('@fontsource/inter/300.css');
require('@fontsource/inter/400.css');
require('@fontsource/inter/500.css');
require('@fontsource/inter/600.css');
require('@fontsource/inter/700.css');
require('react-datepicker/dist/react-datepicker.css');

const theme = react.extendTheme(
  {
    initialColorMode: "light",
    useSystemColorMode: false,
    styles: styles.styles,
    colors: colors.colors,
    // Some of the usages of this theme still work with Ant design which uses zIndex: 1000
    // This part should go away once we complete the migration and we should let Chakra do the job.
    zIndices: {
      hide: -1,
      auto: "auto",
      base: 0,
      docked: 10,
      dropdown: 100,
      sticky: 110,
      banner: 120,
      overlay: 130,
      modal: 140,
      popover: 150,
      skipLink: 160,
      toast: 170,
      tooltip: 180
    },
    components: components.components,
    borders: {
      borderColor: "green.500"
    },
    fonts: {
      heading: "Inter, sans-serif",
      subHeading: "Inter, sans-serif",
      text: "Inter, sans-serif"
    },
    lineHeights: {
      base: "1.5"
    },
    fontSizes: {
      sm: "0.85rem",
      lg: "1.14rem",
      xl: "1.28rem"
    },
    shadows: { outline: `0 0 0 3px ${colors.colors.focus[500]}` }
  },
  // Use 'colors.primary' as the default coloring.
  // Use 'colors.brand' for emphasis.
  react.withDefaultColorScheme({
    colorScheme: "darkblue"
  })
);
const toastOptions = {
  defaultOptions: {
    variant: "left-accent",
    position: "top-right",
    duration: 5e3,
    isClosable: true
  }
};

exports.theme = theme;
exports.toastOptions = toastOptions;
//# sourceMappingURL=theme.cjs.map
