"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var theme_exports = {};
__export(theme_exports, {
  breakpoints: () => breakpoints,
  default: () => theme_default,
  fontFamilies: () => fontFamilies,
  fontSizes: () => fontSizes,
  radii: () => radii,
  shadows: () => shadows,
  space: () => space,
  zIndexes: () => zIndexes
});
module.exports = __toCommonJS(theme_exports);
var import_styled_components = require("styled-components");
var import_ui_shared = require("@ledgerhq/ui-shared");
const breakpoints = {
  sm: "640px",
  md: "768px",
  lg: "1024px",
  xl: "1280px",
  xxl: "1536px"
};
const space = [
  /* space indexes:
  0, 1, 2, 3, 4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */
  0,
  2,
  4,
  8,
  10,
  12,
  16,
  20,
  24,
  28,
  32,
  36,
  40,
  44,
  48,
  52,
  56,
  60,
  64,
  68,
  72,
  76
];
const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36];
[
  fontSizes.micro,
  fontSizes.tiny,
  fontSizes.extraSmall,
  fontSizes.small,
  fontSizes.paragraph,
  fontSizes.body,
  fontSizes.large,
  fontSizes.h5,
  fontSizes.h4,
  fontSizes.h3,
  fontSizes.h2,
  fontSizes.h1
] = fontSizes;
fontSizes.largeLineHeight = fontSizes.large;
fontSizes.bodyLineHeight = fontSizes.body;
fontSizes.paragraphLineHeight = fontSizes.paragraph;
fontSizes.subtitle = fontSizes.extraSmall;
fontSizes.h1Inter = fontSizes.h1;
fontSizes.h2Inter = fontSizes.h2;
fontSizes.h3Inter = fontSizes.h3;
fontSizes.h4Inter = fontSizes.h4;
fontSizes.h5Inter = fontSizes.h5;
const fontWeights = {
  extraLight: "100",
  light: "300",
  regular: "400",
  medium: "500",
  semiBold: "600",
  bold: "700",
  extraBold: "800"
};
const radii = [0, 4, 8, 12, 16, 20];
const shadows = ["0 4px 8px 0 rgba(0, 0, 0, 0.03)"];
const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1e3];
const fontFamilies = {
  Inter: {
    ExtraLight: {
      weight: 100,
      style: "normal"
    },
    Light: {
      weight: 300,
      style: "normal"
    },
    Regular: {
      weight: 400,
      style: "normal"
    },
    Medium: {
      weight: 500,
      style: "normal"
    },
    SemiBold: {
      weight: 600,
      style: "normal"
    },
    Bold: {
      weight: 700,
      style: "normal"
    },
    ExtraBold: {
      weight: 800,
      style: "normal"
    }
  },
  Alpha: {
    Medium: {
      weight: 500,
      style: "normal"
    }
  }
};
const animationDuration = "0.33s";
const easings = {
  outQuadratic: "cubic-bezier(0.25, 0.46, 0.45, 0.94)"
};
const transition = (properties = ["all"], duration = animationDuration, easing = easings.outQuadratic) => import_styled_components.css`
  transition-property: ${properties.join(",")};
  transition-duration: ${duration};
  transition-timing-function: ${easing};
`;
const fadeIn = import_styled_components.keyframes`
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  `;
const fadeOut = import_styled_components.keyframes`
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  `;
const fadeInGrowX = import_styled_components.keyframes`
    0% {
      opacity: 0;
      transform: scaleX(0);
    }
    100% {
      opacity: 1;
      transform: scaleX(1);
    }
`;
const fadeInUp = import_styled_components.keyframes`
    0% {
      opacity: 0;
      transform: translateY(66%);
    }
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  `;
const animations = {
  fadeIn: () => import_styled_components.css`
    ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards
  `,
  fadeOut: () => import_styled_components.css`
    ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards
  `,
  fadeInGrowX: () => import_styled_components.css`
    ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards
  `,
  fadeInUp: () => import_styled_components.css`
    ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards
  `
};
const overflow = {
  x: import_styled_components.css`
    overflow-y: hidden;
    overflow-x: scroll;
    will-change: transform;
    &:hover {
      --track-color: ${(p) => p.theme.colors.neutral.c30};
    }
  `,
  y: import_styled_components.css`
    overflow-x: hidden;
    overflow-y: scroll;
    will-change: transform;
    &:hover {
      --track-color: ${(p) => p.theme.colors.neutral.c30};
    }
  `,
  yAuto: import_styled_components.css`
    overflow-x: hidden;
    overflow-y: auto;
    will-change: transform;
    &:hover {
      --track-color: ${(p) => p.theme.colors.neutral.c30};
    }
  `,
  xy: import_styled_components.css`
    overflow: scroll;
    will-change: transform;
    &:hover {
      --track-color: ${(p) => p.theme.colors.neutral.c30};
    }
  `,
  trackSize: 12
};
const theme = {
  theme: "light",
  sizes: {
    drawer: {
      side: {
        big: {
          width: 580
        },
        small: {
          width: 420
        }
      },
      popin: {
        min: {
          height: 158,
          width: 462
        },
        max: {
          height: 522,
          width: 622
        }
      }
    },
    topBarHeight: 58,
    sideBarWidth: 230
  },
  radii,
  fontFamilies,
  fontSizes,
  fontWeights,
  space,
  shadows,
  colors: import_ui_shared.palettes.light,
  animations,
  overflow,
  transition,
  zIndexes,
  breakpoints
};
var theme_default = theme;
//# sourceMappingURL=theme.js.map
