import getTheme from "./getTheme";

const commonOutput = {
  colors: {
    light: {
      neutral1: "$grey1",
      neutral2: "$grey2",
      neutral3: "$grey3",
      neutral4: "$grey4",
      neutral5: "$grey5",
      neutral6: "$grey6",
      neutral7: "$grey7",
      neutral8: "$grey8",
      neutral9: "$grey9",
      neutral10: "$grey10",
      neutral11: "$grey11",
      neutral12: "$grey12",
      neutral13: "$grey13",
      neutral14: "$grey14",
      neutralA1: "$greyA1",
      neutralA2: "$greyA2",
      neutralA3: "$greyA3",
      neutralA4: "$greyA4",
      neutralA5: "$greyA5",
      neutralA6: "$greyA6",
      neutralA7: "$greyA7",
      neutralA8: "$greyA8",
      neutralA9: "$greyA9",
      neutralA10: "$greyA10",
      neutralA11: "$greyA11",
      neutralA12: "$greyA12",
      neutralA13: "$greyA13",
      neutralA14: "$greyA14",
      primary1: "$cyan1",
      primary2: "$cyan2",
      primary3: "$cyan3",
      primary4: "$cyan4",
      primary5: "$cyan5",
      primary6: "$cyan6",
      primary7: "$cyan7",
      primary8: "$cyan8",
      primary9: "$cyan9",
      primary10: "$cyan10",
      primary11: "$cyan11",
      primary12: "$cyan12",
      primary13: "$cyan13",
      primary14: "$cyan14",
      accent1: "$pink1",
      accent2: "$pink2",
      accent3: "$pink3",
      accent4: "$pink4",
      accent5: "$pink5",
      accent6: "$pink6",
      accent7: "$pink7",
      accent8: "$pink8",
      accent9: "$pink9",
      accent10: "$pink10",
      accent11: "$pink11",
      accent12: "$pink12",
      accent13: "$pink13",
      accent14: "$pink14",
      success1: "$green1",
      success2: "$green2",
      success3: "$green3",
      success4: "$green4",
      success5: "$green5",
      success6: "$green6",
      success7: "$green7",
      success8: "$green8",
      success9: "$green9",
      success10: "$green10",
      success11: "$green11",
      success12: "$green12",
      success13: "$green13",
      success14: "$green14",
      info1: "$blue1",
      info2: "$blue2",
      info3: "$blue3",
      info4: "$blue4",
      info5: "$blue5",
      info6: "$blue6",
      info7: "$blue7",
      info8: "$blue8",
      info9: "$blue9",
      info10: "$blue10",
      info11: "$blue11",
      info12: "$blue12",
      info13: "$blue13",
      info14: "$blue14",
      warning1: "$orange1",
      warning2: "$orange2",
      warning3: "$orange3",
      warning4: "$orange4",
      warning5: "$orange5",
      warning6: "$orange6",
      warning7: "$orange7",
      warning8: "$orange8",
      warning9: "$orange9",
      warning10: "$orange10",
      warning11: "$orange11",
      warning12: "$orange12",
      warning13: "$orange13",
      warning14: "$orange14",
      critical1: "$red1",
      critical2: "$red2",
      critical3: "$red3",
      critical4: "$red4",
      critical5: "$red5",
      critical6: "$red6",
      critical7: "$red7",
      critical8: "$red8",
      critical9: "$red9",
      critical10: "$red10",
      critical11: "$red11",
      critical12: "$red12",
      critical13: "$red13",
      critical14: "$red14",
      blue1: "hsl(212, 100%, 99%)",
      blue2: "hsl(212, 100%, 98%)",
      blue3: "hsl(212, 100%, 96%)",
      blue4: "hsl(212, 98%, 94%)",
      blue5: "hsl(212, 95%, 90%)",
      blue6: "hsl(212, 81%, 84%)",
      blue7: "hsl(212, 77%, 76%)",
      blue8: "hsl(212, 81%, 65%)",
      blue9: "hsl(212, 100%, 50%)",
      blue10: "hsl(212, 100%, 42%)",
      blue11: "hsl(212, 100%, 43%)",
      blue12: "hsl(212, 100%, 15%)",
      blue13: "hsl(0, 0%, 100%)",
      blue14: "hsl(212, 35%, 92%)",
      brand1: "$violet1",
      brand10: "$violet10",
      brand11: "$violet11",
      brand12: "$violet12",
      brand13: "$violet13",
      brand14: "$violet14",
      brand2: "$violet2",
      brand3: "$violet3",
      brand4: "$violet4",
      brand5: "$violet5",
      brand6: "$violet6",
      brand7: "$violet7",
      brand8: "$violet8",
      brand9: "$violet9",
      cyan1: "hsl(187, 52%, 98%)",
      cyan2: "hsl(187, 63%, 97%)",
      cyan3: "hsl(187, 60%, 94%)",
      cyan4: "hsl(187, 54%, 90%)",
      cyan5: "hsl(187, 50%, 85%)",
      cyan6: "hsl(187, 46%, 78%)",
      cyan7: "hsl(187, 46%, 68%)",
      cyan8: "hsl(187, 52%, 52%)",
      cyan9: "hsl(187, 100%, 27%)",
      cyan10: "hsl(187, 100%, 23%)",
      cyan11: "hsl(187, 100%, 20%)",
      cyan12: "hsl(187, 76%, 12%)",
      cyan13: "hsl(187, 50%, 99%)",
      cyan14: "hsl(187, 42%, 86%)",
      green1: "hsl(128, 50%, 98%)",
      green2: "hsl(128, 62%, 96%)",
      green3: "hsl(128, 55%, 94%)",
      green4: "hsl(128, 48%, 91%)",
      green5: "hsl(128, 43%, 86%)",
      green6: "hsl(128, 40%, 79%)",
      green7: "hsl(128, 38%, 69%)",
      green8: "hsl(128, 40%, 54%)",
      green9: "hsl(128, 57%, 34%)",
      green10: "hsl(128, 57%, 30%)",
      green11: "hsl(128, 67%, 28%)",
      green12: "hsl(128, 40%, 14%)",
      green13: "hsl(128, 50%, 99%)",
      green14: "hsl(128, 50%, 88%)",
      grey1: "hsl(291, 2%, 99%)",
      grey10: "hsl(291, 6%, 33%)",
      grey11: "hsl(291, 7%, 31%)",
      grey12: "hsl(291, 7%, 6%)",
      grey13: "hsl(0, 0%, 100%)",
      grey14: "hsl(291, 4%, 80%)",
      grey2: "hsl(291, 2%, 97%)",
      grey3: "hsl(291, 2%, 95%)",
      grey4: "hsl(291, 2%, 93%)",
      grey5: "hsl(291, 2%, 90%)",
      grey6: "hsl(291, 2%, 88%)",
      grey7: "hsl(291, 2%, 85%)",
      grey8: "hsl(291, 7%, 66%)",
      grey9: "hsl(291, 6%, 52%)",
      greyA1: "hsla(291, 2%, 99%, 0.9)",
      greyA10: "hsla(293, 9%, 19%, 0.7)",
      greyA11: "hsla(291, 25%, 12%, 0.75)",
      greyA12: "hsl(270, 16%, 9%)",
      greyA13: "hsla(0, 0%, 100%, 0.95)",
      greyA14: "hsla(291, 4%, 88%, 0.95)",
      greyA2: "hsla(291, 5%, 95%, 0.8)",
      greyA3: "hsla(291, 3%, 92%, 0.7)",
      greyA4: "hsla(291, 2%, 88%, 0.65)",
      greyA5: "hsla(280, 7%, 83%, 0.65)",
      greyA6: "hsla(270, 6%, 80%, 0.65)",
      greyA7: "hsla(280, 4%, 80%, 0.65)",
      greyA8: "hsla(296, 6%, 50%, 0.65)",
      greyA9: "hsla(290, 12%, 32%, 0.65)",
      orange1: "hsl(35, 70%, 99%)",
      orange2: "hsl(35, 83%, 97%)",
      orange3: "hsl(35, 100%, 95%)",
      orange4: "hsl(23, 100%, 92%)",
      orange5: "hsl(23, 100%, 88%)",
      orange6: "hsl(23, 100%, 82%)",
      orange7: "hsl(23, 100%, 75%)",
      orange8: "hsl(23, 94%, 64%)",
      orange9: "hsl(23, 100%, 42%)",
      orange10: "hsl(23, 99%, 35%)",
      orange11: "hsl(23, 100%, 37%)",
      orange12: "hsl(23, 60%, 17%)",
      orange13: "hsl(0, 0%, 100%)",
      orange14: "hsl(23, 99%, 97%)",
      pink1: "hsl(332, 100%, 99%)",
      pink2: "hsl(330, 100%, 98%)",
      pink3: "hsl(331, 85%, 96%)",
      pink4: "hsl(331, 78%, 94%)",
      pink5: "hsl(332, 72%, 91%)",
      pink6: "hsl(333, 67%, 86%)",
      pink7: "hsl(335, 63%, 80%)",
      pink8: "hsl(336, 62%, 72%)",
      pink9: "hsl(336, 73%, 53%)",
      pink10: "hsl(336, 80%, 43%)",
      pink11: "hsl(336, 75%, 46%)",
      pink12: "hsl(340, 65%, 11%)",
      pink13: "hsl(0, 0%, 100%)",
      pink14: "hsl(336, 30%, 92%)",
      red1: "hsl(0, 100%, 99%)",
      red2: "hsl(0, 100%, 98%)",
      red3: "hsl(0, 100%, 96%)",
      red4: "hsl(0, 97%, 94%)",
      red5: "hsl(0, 90%, 91%)",
      red6: "hsl(0, 81%, 87%)",
      red7: "hsl(0, 74%, 81%)",
      red8: "hsl(0, 69%, 74%)",
      red9: "hsl(0, 69%, 50%)",
      red10: "hsl(0, 76%, 43%)",
      red11: "hsl(0, 65%, 48%)",
      red12: "hsl(0, 50%, 14%)",
      red13: "hsl(0, 0%, 100%)",
      red14: "hsl(0, 15%, 90%)",
      yellow1: "hsl(49, 54%, 98%)",
      yellow2: "hsl(49, 100%, 95%)",
      yellow3: "hsl(49, 100%, 90%)",
      yellow4: "hsl(49, 100%, 86%)",
      yellow5: "hsl(49, 97%, 82%)",
      yellow6: "hsl(49, 89%, 76%)",
      yellow7: "hsl(49, 80%, 68%)",
      yellow8: "hsl(49, 83%, 65%)",
      yellow9: "hsl(49, 100%, 58%)",
      yellow10: "hsl(49, 92%, 27%)",
      yellow11: "hsl(49, 91%, 27%)",
      yellow12: "hsl(49, 55%, 13%)",
      yellow13: "hsl(0, 0%, 100%)",
      yellow14: "hsl(49, 92%, 93%)",
      violet1: "hsl(317, 28%, 98%)",
      violet10: "hsl(312, 69%, 28%)",
      violet11: "hsl(312, 58%, 28%)",
      violet12: "hsl(312, 100%, 16%)",
      violet13: "hsl(0, 0%, 100%)",
      violet14: "hsl(312, 60%, 82%)",
      violet2: "hsl(317, 28%, 95%)",
      violet3: "hsl(313, 25%, 92%)",
      violet4: "hsl(309, 25%, 90%)",
      violet5: "hsl(309, 35%, 88%)",
      violet6: "hsl(313, 26%, 82%)",
      violet7: "hsl(312, 26%, 73%)",
      violet8: "hsl(312, 27%, 48%)",
      violet9: "hsl(312, 40%, 37%)",
    },
    dark: {
      neutral1: "$grey1",
      neutral2: "$grey2",
      neutral3: "$grey3",
      neutral4: "$grey4",
      neutral5: "$grey5",
      neutral6: "$grey6",
      neutral7: "$grey7",
      neutral8: "$grey8",
      neutral9: "$grey9",
      neutral10: "$grey10",
      neutral11: "$grey11",
      neutral12: "$grey12",
      neutral13: "$grey13",
      neutral14: "$grey14",
      neutralA1: "$greyA1",
      neutralA2: "$greyA2",
      neutralA3: "$greyA3",
      neutralA4: "$greyA4",
      neutralA5: "$greyA5",
      neutralA6: "$greyA6",
      neutralA7: "$greyA7",
      neutralA8: "$greyA8",
      neutralA9: "$greyA9",
      neutralA10: "$greyA10",
      neutralA11: "$greyA11",
      neutralA12: "$greyA12",
      neutralA13: "$greyA13",
      neutralA14: "$greyA14",
      primary1: "$cyan1",
      primary2: "$cyan2",
      primary3: "$cyan3",
      primary4: "$cyan4",
      primary5: "$cyan5",
      primary6: "$cyan6",
      primary7: "$cyan7",
      primary8: "$cyan8",
      primary9: "$cyan9",
      primary10: "$cyan10",
      primary11: "$cyan11",
      primary12: "$cyan12",
      primary13: "$cyan13",
      primary14: "$cyan14",
      accent1: "$pink1",
      accent2: "$pink2",
      accent3: "$pink3",
      accent4: "$pink4",
      accent5: "$pink5",
      accent6: "$pink6",
      accent7: "$pink7",
      accent8: "$pink8",
      accent9: "$pink9",
      accent10: "$pink10",
      accent11: "$pink11",
      accent12: "$pink12",
      accent13: "$pink13",
      accent14: "$pink14",
      success1: "$green1",
      success2: "$green2",
      success3: "$green3",
      success4: "$green4",
      success5: "$green5",
      success6: "$green6",
      success7: "$green7",
      success8: "$green8",
      success9: "$green9",
      success10: "$green10",
      success11: "$green11",
      success12: "$green12",
      success13: "$green13",
      success14: "$green14",
      violet1: "hsl(317, 60%, 7%)",
      violet10: "hsl(312, 69%, 38%)",
      violet11: "hsl(313, 70%, 52%)",
      violet12: "hsl(313, 15%, 89%)",
      violet13: "hsl(312, 98%, 99%)",
      violet14: "hsl(312, 98%, 88%)",
      violet2: "hsl(317, 71%, 8%)",
      violet3: "hsl(317, 75%, 3%)",
      violet4: "hsl(317, 79%, 12%)",
      violet5: "hsl(317, 82%, 14%)",
      violet6: "hsl(317, 86%, 16%)",
      violet7: "hsl(317, 92%, 20%)",
      violet8: "hsl(317, 100%, 24%)",
      violet9: "hsl(312, 35%, 41%)",
      info1: "$blue1",
      info2: "$blue2",
      info3: "$blue3",
      info4: "$blue4",
      info5: "$blue5",
      info6: "$blue6",
      info7: "$blue7",
      info8: "$blue8",
      info9: "$blue9",
      info10: "$blue10",
      info11: "$blue11",
      info12: "$blue12",
      info13: "$blue13",
      info14: "$blue14",
      warning1: "$orange1",
      warning2: "$orange2",
      warning3: "$orange3",
      warning4: "$orange4",
      warning5: "$orange5",
      warning6: "$orange6",
      warning7: "$orange7",
      warning8: "$orange8",
      warning9: "$orange9",
      warning10: "$orange10",
      warning11: "$orange11",
      warning12: "$orange12",
      warning13: "$orange13",
      warning14: "$orange14",
      critical1: "$red1",
      critical2: "$red2",
      critical3: "$red3",
      critical4: "$red4",
      critical5: "$red5",
      critical6: "$red6",
      critical7: "$red7",
      critical8: "$red8",
      critical9: "$red9",
      critical10: "$red10",
      critical11: "$red11",
      critical12: "$red12",
      critical13: "$red13",
      critical14: "$red14",
      blue1: "hsl(212, 35%, 9%)",
      blue2: "hsl(212, 50%, 11%)",
      blue3: "hsl(212, 59%, 15%)",
      blue4: "hsl(212, 65%, 17%)",
      blue5: "hsl(212, 71%, 20%)",
      blue6: "hsl(212, 77%, 23%)",
      blue7: "hsl(212, 85%, 27%)",
      blue8: "hsl(212, 89%, 34%)",
      blue9: "hsl(209, 100%, 60%)",
      blue10: "hsl(212, 100%, 57%)",
      blue11: "hsl(210, 100%, 66%)",
      blue12: "hsl(206, 98%, 95%)",
      blue13: "hsl(212, 100%, 3%)",
      blue14: "hsl(212, 70%, 14%)",
      cyan1: "hsl(187, 60%, 7%)",
      cyan2: "hsl(187, 71%, 8%)",
      cyan3: "hsl(187, 75%, 10%)",
      cyan4: "hsl(187, 79%, 12%)",
      cyan5: "hsl(187, 82%, 14%)",
      cyan6: "hsl(187, 86%, 16%)",
      cyan7: "hsl(187, 92%, 20%)",
      cyan8: "hsl(187, 100%, 22%)",
      cyan9: "hsl(187, 100%, 25%)",
      cyan10: "hsl(187, 100%, 32%)",
      cyan11: "hsl(187, 100%, 35%)",
      cyan12: "hsl(187, 73%, 93%)",
      cyan13: "hsl(0, 0%, 0%)",
      cyan14: "hsl(187, 80%, 6%)",
      green1: "hsl(128, 30%, 7%)",
      green2: "hsl(128, 44%, 8%)",
      green3: "hsl(128, 46%, 10%)",
      green4: "hsl(128, 48%, 12%)",
      green5: "hsl(128, 49%, 14%)",
      green6: "hsl(128, 50%, 17%)",
      green7: "hsl(128, 51%, 21%)",
      green8: "hsl(128, 51%, 28%)",
      green9: "hsl(128, 49%, 46%)",
      green10: "hsl(128, 70%, 44%)",
      green11: "hsl(128, 50%, 53%)",
      green12: "hsl(128, 72%, 94%)",
      green13: "hsl(128, 70%, 5%)",
      green14: "hsl(128, 40%, 15%)",
      grey1: "hsl(291, 10%, 8%)",
      grey10: "hsl(291, 6%, 44%)",
      grey11: "hsl(291, 6%, 74%)",
      grey12: "hsl(291, 4%, 94%)",
      grey13: "hsl(0, 0%, 100%)",
      grey14: "hsl(291, 4%, 94%)",
      grey2: "hsl(291, 6%, 11%)",
      grey3: "hsl(291, 6%, 13%)",
      grey4: "hsl(291, 6%, 15%)",
      grey5: "hsl(291, 6%, 17%)",
      grey6: "hsl(291, 6%, 20%)",
      grey7: "hsl(291, 6%, 24%)",
      grey8: "hsl(291, 6%, 31%)",
      grey9: "hsl(291, 6%, 40%)",
      greyA1: "hsla(291, 24%, 6%, 0.9)",
      greyA10: "hsla(291, 8%, 50%, 0.65)",
      greyA11: "hsla(291, 19%, 84%, 0.85)",
      greyA12: "hsl(291, 14%, 93%)",
      greyA13: "hsla(0, 0%, 100%, 0.95)",
      greyA14: "hsla(291, 4%, 88%, 0.95)",
      greyA2: "hsla(291, 14%, 9%, 0.8)",
      greyA3: "hsla(291, 4%, 13%, 0.65)",
      greyA4: "hsla(291, 7%, 15%, 0.65)",
      greyA5: "hsla(291, 5%, 18%, 0.65)",
      greyA6: "hsla(291, 5%, 22%, 0.65)",
      greyA7: "hsla(291, 4%, 28%, 0.65)",
      greyA8: "hsla(291, 4%, 36%, 0.65)",
      greyA9: "hsla(291, 4%, 39%, 0.65)",
      orange1: "hsl(23, 70%, 7%)",
      orange2: "hsl(23, 100%, 8%)",
      orange3: "hsl(23, 91%, 11%)",
      orange4: "hsl(23, 88%, 14%)",
      orange5: "hsl(23, 87%, 16%)",
      orange6: "hsl(23, 88%, 19%)",
      orange7: "hsl(23, 92%, 24%)",
      orange8: "hsl(23, 100%, 29%)",
      orange9: "hsl(23, 94%, 50%)",
      orange10: "hsl(23, 94%, 56%)",
      orange11: "hsl(23, 100%, 62%)",
      orange12: "hsl(23, 97%, 93%)",
      orange13: "hsl(23, 10%, 6%)",
      orange14: "hsl(23, 7%, 19%)",
      pink1: "hsl(335, 20%, 9%)",
      pink2: "hsl(335, 32%, 11%)",
      pink3: "hsl(335, 42%, 16%)",
      pink4: "hsl(335, 47%, 19%)",
      pink5: "hsl(335, 50%, 21%)",
      pink6: "hsl(335, 55%, 25%)",
      pink7: "hsl(336, 62%, 30%)",
      pink8: "hsl(336, 74%, 39%)",
      pink9: "hsl(339, 84%, 62%)",
      pink10: "hsl(336, 80%, 62%)",
      pink11: "hsl(341, 90%, 67%)",
      pink12: "hsl(332, 87%, 96%)",
      pink13: "hsl(0, 0%, 0%)",
      pink14: "hsl(336, 95%, 14%)",
      red1: "hsl(0, 23%, 9%)",
      red2: "hsl(0, 34%, 12%)",
      red3: "hsl(0, 43%, 16%)",
      red4: "hsl(0, 47%, 19%)",
      red5: "hsl(0, 51%, 21%)",
      red6: "hsl(0, 55%, 25%)",
      red7: "hsl(0, 60%, 31%)",
      red8: "hsl(0, 65%, 40%)",
      red9: "hsl(0, 85%, 60%)",
      red10: "hsl(0, 76%, 63%)",
      red11: "hsl(0, 100%, 69%)",
      red12: "hsl(0, 89%, 96%)",
      red13: "hsl(0, 76%, 3%)",
      red14: "hsl(0, 76%, 16%)",
      yellow1: "hsl(49, 100%, 5%)",
      yellow2: "hsl(49, 100%, 6%)",
      yellow3: "hsl(49, 100%, 8%)",
      yellow4: "hsl(49, 100%, 10%)",
      yellow5: "hsl(49, 100%, 12%)",
      yellow6: "hsl(49, 100%, 14%)",
      yellow7: "hsl(49, 90%, 18%)",
      yellow8: "hsl(49, 100%, 22%)",
      yellow9: "hsl(49, 100%, 58%)",
      yellow10: "hsl(49, 92%, 50%)",
      yellow11: "hsl(49, 91%, 49%)",
      yellow12: "hsl(49, 100%, 91%)",
      yellow13: "hsl(49, 10%, 5%)",
      yellow14: "hsl(49, 92%, 20%)",
      brand1: "$violet1",
      brand10: "$violet10",
      brand11: "$violet11",
      brand12: "$violet12",
      brand13: "$violet13",
      brand14: "$violet14",
      brand2: "$violet2",
      brand3: "$violet3",
      brand4: "$violet4",
      brand5: "$violet5",
      brand6: "$violet6",
      brand7: "$violet7",
      brand8: "$violet8",
      brand9: "$violet9",
    },
  },
  fonts: {
    body: '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    caption:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    pageTitle:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    sectionTitle:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    sectionSubtitle:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    button:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    textInput:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    display100:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    display200:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    display300:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    display400:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    display500:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    display600:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    display700:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    display800:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    display900:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
    default:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
  },
  fontSizes: {
    body: "0.875rem",
    caption: "0.75rem",
    pageTitle: "1.5rem",
    sectionTitle: "1.25rem",
    sectionSubtitle: "1rem",
    button: "0.875rem",
    textInput: "1rem",
    display100: "0.75rem",
    display200: "0.875rem",
    display300: "1rem",
    display400: "1.25rem",
    display500: "1.5rem",
    display600: "2rem",
    display700: "2.8125rem",
    display800: "3.5rem",
    display900: "7rem",
  },
  fontWeights: {
    body: 400,
    caption: 400,
    pageTitle: 400,
    sectionTitle: 500,
    sectionSubtitle: 500,
    button: 600,
    textInput: 400,
    display100: 700,
    display200: 600,
    display300: 500,
    display400: 500,
    display500: 400,
    display600: 500,
    display700: 500,
    display800: 500,
    display900: 500,
  },
  letterSpacings: {
    body: 0,
    caption: 0,
    pageTitle: -0.006,
    sectionTitle: -0.003,
    sectionSubtitle: 0,
    button: 0,
    textInput: 0,
    display100: 0,
    display200: 0,
    display300: 0,
    display400: -0.003,
    display500: -0.003,
    display600: -0.008,
    display700: -0.01,
    display800: -0.01,
    display900: -0.01,
  },
  lineHeights: {
    body: 1.464285,
    caption: 1.375,
    pageTitle: 1.30004,
    sectionTitle: 1.2,
    sectionSubtitle: 1.5,
    button: 1.57,
    textInput: 1.5,
    display100: 1.375,
    display200: 1.464285,
    display300: 1.5,
    display400: 1.2,
    display500: 1.30004,
    display600: 1.2,
    display700: 1.06667,
    display800: 1.2,
    display900: 1.2,
  },
  radii: { default: "4px", large: "8px", rounded: "99999px" },
  shadows: {
    sm: "0 0 0 1px rgba(0, 57, 65, 0.08), 0 4px 4px -4px rgba(0, 57, 65, 0.32)",
    md: "0 0 0 1px rgba(0, 57, 65, 0.08), 0 8px 16px -8px rgba(0, 57, 65, 0.32)",
    lg: "0 0 0 1px rgba(0, 57, 65, 0.08), 0 16px 24px -8px rgba(0, 57, 65, 0.32)",
  },
  space: {
    xs: "2px",
    sm: "4px",
    md: "8px",
    lg: "16px",
    xl: "24px",
    xxl: "32px",
  },
};

describe("commonGetter", () => {
  it("should return the expected object shape given input tokens", () => {
    const result = getTheme("web");
    expect(result).toStrictEqual({
      ...commonOutput,
      space: {
        ...commonOutput.space,
        outlineWidth: "3px",
      },
      zIndices: {
        floatingElements: 3000,
        blanket: 5000,
        dialog: 5100,
        toast: 5200,
        tooltip: 5500,
        portalElement: 5600,
      },
    });
  });
  it("should return the expected object shape for react Native", () => {
    const result = getTheme("reactNative");
    expect(result).toStrictEqual({
      ...commonOutput,
      fontSizes: {
        body: 16,
        button: 14,
        caption: 14,
        display100: 12,
        display200: 14,
        display300: 16,
        display400: 18,
        display500: 25,
        display600: 31,
        display700: 40,
        display800: 50,
        display900: 95,
        microcopy: 12,
        navTitle: 25,
        navTitleCompacted: 16,
        pageTitle: 25,
        sectionSubtitle: 16,
        sectionTitle: 18,
        textInput: 16,
      },
      fontWeights: {
        body: "400",
        button: "600",
        caption: "400",
        display100: "700",
        display200: "600",
        display300: "500",
        display400: "500",
        display500: "400",
        display600: "500",
        display700: "500",
        display800: "500",
        display900: "500",
        microcopy: "400",
        navTitle: "700",
        navTitleCompacted: "400",
        pageTitle: "500",
        sectionSubtitle: "600",
        sectionTitle: "600",
        textInput: "400",
      },
      fonts: {
        body: "System",
        button: "System",
        caption: "System",
        display100: "System",
        display200: "System",
        display300: "System",
        display400: "System",
        display500: "System",
        display600: "System",
        display700: "System",
        display800: "System",
        display900: "System",
        microcopy: "System",
        navTitle: "System",
        navTitleCompacted: "System",
        pageTitle: "System",
        sectionSubtitle: "System",
        sectionTitle: "System",
        textInput: "System",
      },
      letterSpacings: {
        body: 0,
        button: 0,
        caption: 0,
        display100: 0,
        display200: 0,
        display300: 0,
        display400: -0.003,
        display500: -0.003,
        display600: -0.008,
        display700: -0.01,
        display800: -0.01,
        display900: -0.01,
        microcopy: 0,
        navTitle: 0,
        navTitleCompacted: 0,
        pageTitle: -0.006,
        sectionSubtitle: 0,
        sectionTitle: -0.003,
        textInput: 0,
      },
      lineHeights: {
        body: 24,
        button: 30,
        caption: 22,
        display100: 20,
        display200: 22,
        display300: 24,
        display400: 28,
        display500: 36,
        display600: 44,
        display700: 54,
        display800: 64,
        display900: 114,
        microcopy: 20,
        navTitle: 36,
        navTitleCompacted: 24,
        pageTitle: 36,
        sectionSubtitle: 24,
        sectionTitle: 28,
        textInput: 19,
      },
      radii: {
        default: 4,
        large: 8,
        rounded: 99999,
      },
      shadows: {
        lg: {
          elevation: 6,
          shadowColor: "#003941",
          shadowOffset: {
            height: 12,
            width: 0,
          },
          shadowOpacity: 0.2,
          shadowRadius: 16,
        },
        md: {
          elevation: 4,
          shadowColor: "#003941",
          shadowOffset: {
            height: 5,
            width: 0,
          },
          shadowOpacity: 0.2,
          shadowRadius: 8,
        },
        sm: {
          elevation: 2,
          shadowColor: "#003941",
          shadowOffset: {
            height: 1,
            width: 0,
          },
          shadowOpacity: 0.3,
          shadowRadius: 2,
        },
      },
      space: {
        lg: 16,
        md: 8,
        sm: 4,
        xl: 24,
        xs: 2,
        xxl: 32,
      },
      zIndices: null,
    });
  });
});