const themeBase = {
  // Area and surface styles.
  background: void 0,
  backgroundBorder: void 0,
  backgroundBorderStrong: void 0,
  backgroundBorderWeak: void 0,
  backgroundOn: void 0,
  backgroundOnStrong: void 0,
  backgroundOnWeak: void 0,
  backgroundStrong: void 0,
  backgroundWeak: void 0,
  // Brand colors.
  brand: "rgba(247, 123, 33, 1.0)",
  brandStrong: void 0,
  brandWeak: void 0,
  // Color schemes
  colorScheme: "normal",
  float: void 0,
  floatBorder: void 0,
  floatBorderStrong: void 0,
  floatBorderWeak: void 0,
  floatOn: void 0,
  floatOnStrong: void 0,
  floatOnWeak: void 0,
  floatStrong: void 0,
  floatWeak: void 0,
  // Font styles.
  fontFamily: "Inter, Arial, Helvetica, sans-serif",
  fontFamilyCode: '"Source Code Pro", monospace',
  // Specialized and unique styles.
  density: "2",
  fontFamilyVar: '"Inter var", Arial, Helvetica, sans-serif',
  borderRadius: "4px",
  // Interactive styles.
  ix: void 0,
  borderRadiusStrong: "8px",
  ixActive: void 0,
  borderRadiusWeak: "2px",
  ixBorder: void 0,
  elevation: void 0,
  ixBorderActive: void 0,
  elevationStrong: void 0,
  stage: void 0,
  elevationWeak: void 0,
  stageBorder: void 0,
  ixBorderInactive: void 0,
  stageBorderStrong: void 0,
  ixBorderStrong: void 0,
  stageBorderWeak: void 0,
  ixBorderWeak: void 0,
  // Palette colors for strong/weak calculations.
  strong: void 0,
  ixInactive: void 0,
  weak: void 0,
  ixOn: void 0,
  stageOn: void 0,
  ixOnActive: void 0,
  stageOnStrong: void 0,
  ixOnInactive: void 0,
  stageOnWeak: void 0,
  ixOnStrong: void 0,
  stageStrong: void 0,
  ixOnWeak: void 0,
  stageWeak: void 0,
  ixStrong: void 0,
  surface: void 0,
  ixWeak: void 0,
  surfaceBorder: void 0,
  overlay: void 0,
  surfaceBorderStrong: void 0,
  overlayStrong: void 0,
  surfaceOn: void 0,
  overlayWeak: void 0,
  surfaceOnStrong: void 0,
  // Status styles.
  statusActive: "rgba(0, 155, 222, 1.0)",
  surfaceStrong: void 0,
  statusActiveOn: "rgba(255, 255, 255, 1.0)",
  surfaceWeak: void 0,
  statusActiveOnStrong: void 0,
  statusActiveOnWeak: void 0,
  surfaceOnWeak: void 0,
  statusActiveStrong: void 0,
  statusActiveWeak: void 0,
  surfaceBorderWeak: void 0,
  statusCritical: "rgba(204, 0, 0, 1.0)",
  statusCriticalOn: "rgba(255, 255, 255, 1.0)",
  statusCriticalOnStrong: void 0,
  statusCriticalOnWeak: void 0,
  statusCriticalStrong: void 0,
  statusCriticalWeak: void 0,
  statusError: "rgb(247, 140, 140)",
  statusInactive: "rgba(102, 102, 102, 1.0)",
  statusInactiveOn: "rgba(255, 255, 255, 1.0)",
  statusInactiveOnStrong: void 0,
  statusInactiveOnWeak: void 0,
  statusInactiveStrong: void 0,
  statusInactiveWeak: void 0,
  statusPending: "rgba(102, 102, 204, 1.0)",
  statusPendingOn: "rgba(255, 255, 255, 1.0)",
  statusPendingOnStrong: void 0,
  statusPendingOnWeak: void 0,
  statusPendingStrong: void 0,
  statusPendingWeak: void 0,
  statusPotential: "rgba(255, 255, 255, 0)",
  statusSuccess: "rgba(0, 153, 0, 1.0)",
  statusSuccessOn: "rgba(255, 255, 255, 1.0)",
  statusSuccessOnStrong: void 0,
  statusSuccessOnWeak: void 0,
  statusSuccessStrong: void 0,
  targetFocus: "0px 0px 4px rgba(0, 155, 222, 0.12)",
  statusSuccessWeak: void 0,
  strokeWidth: "1px",
  statusWarning: "rgba(204, 153, 0, 1.0)",
  strokeWidthStrong: "3px",
  statusWarningOn: "rgba(255, 255, 255, 1.0)",
  strokeWidthWeak: "0.5px",
  statusWarningOnStrong: void 0,
  statusWarningOnWeak: void 0,
  statusWarningStrong: void 0,
  statusWarningWeak: void 0
};
const Spacing = {
  None: 0,
  Xs2: 2,
  Xs: 4,
  Sm: 6,
  Md: 8,
  Lg: 12,
  Xl: 16,
  Xl2: 20,
  Xl3: 24,
  Xl4: 32,
  Xl5: 40,
  Xl6: 48,
  Xl7: 64
};
const generateSizes = () => {
  const sizes = {};
  for (const [key, value] of Object.entries(Spacing)) {
    sizes[`spacing${key}`] = value + "px";
  }
  return sizes;
};
const globalCssVars = {
  animationCurve: "0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86)",
  iconBig: "28px",
  iconEnormous: "40px",
  iconGiant: "44px",
  iconGreat: "32px",
  iconHuge: "36px",
  iconJumbo: "48px",
  iconLarge: "24px",
  iconMedium: "20px",
  iconMega: "52px",
  iconSmall: "16px",
  iconTiny: "12px",
  navBottomBarHeight: "56px",
  navSideBarWidthMax: "240px",
  navSideBarWidthMin: "56px",
  ...generateSizes()
};
export {
  Spacing,
  globalCssVars,
  themeBase
};
