@telegraph/tokens 0.0.0 → 0.0.1

package/dist/index.umd.js

@@ -0,0 +1,2 @@
+(function(e,r){typeof exports=="object"&&typeof module<"u"?module.exports=r():typeof define=="function"&&define.amd?define(r):(e=typeof globalThis<"u"?globalThis:e||self,e.telegraph=r())})(this,function(){"use strict";const e={transparent:"transparent",white:"#ffffff",black:"#000000",surface:{light:"#ffffff",dark:"#111113"},alpha:{white:{1:"rgba(255, 255, 255, 0.05)",2:"rgba(255, 255, 255, 0.1)",3:"rgba(255, 255, 255, 0.15)",4:"rgba(255, 255, 255, 0.2)",5:"rgba(255, 255, 255, 0.3)",6:"rgba(255, 255, 255, 0.4)",7:"rgba(255, 255, 255, 0.5)",8:"rgba(255, 255, 255, 0.6)",9:"rgba(255, 255, 255, 0.7)",10:"rgba(255, 255, 255, 0.8)",11:"rgba(255, 255, 255, 0.9)",12:"rgba(255, 255, 255, 0.95)"},black:{1:"rgba(0, 0, 0, 0.05)",2:"rgba(0, 0, 0, 0.1)",3:"rgba(0, 0, 0, 0.15)",4:"rgba(0, 0, 0, 0.2)",5:"rgba(0, 0, 0, 0.3)",6:"rgba(0, 0, 0, 0.4)",7:"rgba(0, 0, 0, 0.5)",8:"rgba(0, 0, 0, 0.6)",9:"rgba(0, 0, 0, 0.7)",10:"rgba(0, 0, 0, 0.8)",11:"rgba(0, 0, 0, 0.9)",12:"rgba(0, 0, 0, 0.95)"}},gray:{1:{light:"#fcfcfd",dark:"#111113"},2:{light:"#f9f9fb",dark:"#18191b"},3:{light:"#f0f0f3",dark:"#212225"},4:{light:"#e8e8ec",dark:"#272a2d"},5:{light:"#e0e1e6",dark:"#2e3135"},6:{light:"#d9d9e0",dark:"#363a3f"},7:{light:"#cdced6",dark:"#43484e"},8:{light:"#b9bbc6",dark:"#5a6169"},9:{light:"#8b8d98",dark:"#696e77"},10:{light:"#80838d",dark:"#777b84"},11:{light:"#60646c",dark:"#b0b4ba"},12:{light:"#1c2024",dark:"#edeef0"}},beige:{1:{light:"#fdfdfc",dark:"#111110"},2:{light:"#f9f9f8",dark:"#191918"},3:{light:"#f1f0ef",dark:"#222221"},4:{light:"#e9e8e6",dark:"#2a2a28"},5:{light:"#e2e1de",dark:"#31312e"},6:{light:"#dad9d6",dark:"#3b3a37"},7:{light:"#cfceca",dark:"#494844"},8:{light:"#bcbbb5",dark:"#62605b"},9:{light:"#8d8d86",dark:"#6f6d66"},10:{light:"#82827c",dark:"#7c7b74"},11:{light:"#63635e",dark:"#b5b3ad"},12:{light:"#21201c",dark:"#eeeeec"}},accent:{1:{light:"#fffcfc",dark:"#181111"},2:{light:"#fff8f7",dark:"#1f1513"},3:{light:"#feebe7",dark:"#391714"},4:{light:"#ffdcd3",dark:"#4e1511"},5:{light:"#ffcdc2",dark:"#5e1c16"},6:{light:"#fdbdaf",dark:"#6e2920"},7:{light:"#f5a898",dark:"#853a2d"},8:{light:"#ec8e7b",dark:"#ac4d39"},9:{light:"#e54d2e",dark:"#e54d2e"},10:{light:"#dd4425",dark:"#ec6142"},11:{light:"#d13415",dark:"#ff977d"},12:{light:"#5c271f",dark:"#fbd3cb"}},green:{1:{light:"#fbfefd",dark:"#0d1512"},2:{light:"#f4fbf7",dark:"#121c18"},3:{light:"#e6f7ed",dark:"#0f2e22"},4:{light:"#d6f1e3",dark:"#0b3b2c"},5:{light:"#c3e9d7",dark:"#114837"},6:{light:"#acdec8",dark:"#1b5745"},7:{light:"#8bceb6",dark:"#246854"},8:{light:"#56ba9f",dark:"#2a7e68"},9:{light:"#29a383",dark:"#29a383"},10:{light:"#26997b",dark:"#27b08b"},11:{light:"#208368",dark:"#1fd8a4"},12:{light:"#1d3b31",dark:"#adf0d4"}},yellow:{1:{light:"#fbfefd",dark:"#14120b"},2:{light:"#f4fbf7",dark:"#1b180f"},3:{light:"#e6f7ed",dark:"#2d2305"},4:{light:"#d6f1e3",dark:"#362b00"},5:{light:"#c3e9d7",dark:"#433500"},6:{light:"#acdec8",dark:"#524202"},7:{light:"#8bceb6",dark:"#665417"},8:{light:"#56ba9f",dark:"#836a21"},9:{light:"#29a383",dark:"#ffe629"},10:{light:"#26997b",dark:"#ffff57"},11:{light:"#208368",dark:"#f5e147"},12:{light:"#1d3b31",dark:"#ffe7b3"}},blue:{1:{light:"#fdfdfe",dark:"#11131f"},2:{light:"#f7f9ff",dark:"#141726"},3:{light:"#edf2fe",dark:"#182449"},4:{light:"#e1e9ff",dark:"#1d2e62"},5:{light:"#d2deff",dark:"#253974"},6:{light:"#c1d0ff",dark:"#304384"},7:{light:"#abbdf9",dark:"#3a4f97"},8:{light:"#8da4ef",dark:"#435db1"},9:{light:"#3e63dd",dark:"#3e63dd"},10:{light:"#3358d4",dark:"#5472e4"},11:{light:"#3a5bc7",dark:"#9eb1ff"},12:{light:"#1f2d5c",dark:"#d6e1ff"}},red:{1:{light:"#fffcfd",dark:"#191113"},2:{light:"#fff7f8",dark:"#1e1517"},3:{light:"#feeaed",dark:"#3a141e"},4:{light:"#ffdce1",dark:"#4e1325"},5:{light:"#ffced6",dark:"#5e1a2e"},6:{light:"#f8bfc8",dark:"#6f2539"},7:{light:"#efacb8",dark:"#883447"},8:{light:"#e592a3",dark:"#b3445a"},9:{light:"#e54666",dark:"#e54666"},10:{light:"#dc3b5d",dark:"#ec5a72"},11:{light:"#ca244d",dark:"#ff949d"},12:{light:"#64172b",dark:"#fed2e1"}}},r={text:{primary:{black:e.black[12],white:e.white[12],gray:e.gray[12],beige:e.beige[12],accent:e.accent[12],green:e.green[12],yellow:e.yellow[12],blue:e.blue[12],red:e.red[12],disabled:e.gray[8]},secondary:{black:e.black[11],white:e.white[11],gray:e.gray[11],beige:e.beige[11],accent:e.accent[11],green:e.green[11],yellow:e.yellow[11],blue:e.blue[11],red:e.red[11],disabled:e.gray[8]}},button:{solid:{background:{accent:{default:e.accent[9],hover:e.accent[10],focus:e.accent[11]},disabled:{default:e.gray[2]}},text:{accent:e.white,disabled:e.gray[8]},stroke:{accent:e.white,disabled:e.gray[8]}},ghost:{background:{accent:{default:e.transparent,hover:e.accent[3],focus:e.accent[4]},gray:{default:e.transparent,hover:e.gray[3],focus:e.gray[4]},red:{default:e.transparent,hover:e.red[3],focus:e.red[4]},disabled:{default:e.transparent}},text:{accent:e.accent[11],gray:e.gray[11],red:e.red[11],disabled:e.gray[8]},icon:{accent:e.accent[11],gray:e.gray[11],red:e.red[11],disabled:e.gray[8]}},soft:{background:{red:{active:e.red[3],hover:e.red[4],focus:e.red[5]},disabled:e.gray[2]},text:{red:e.white,disabled:e.gray[8]},icon:{red:e.white,disabled:e.gray[8]}},outlined:{background:{gray:e.transparent,disabled:e.gray[2]},border:{gray:{active:e.gray[6],hover:e.gray[7],focus:e.gray[8]}},text:{gray:e.gray[12],disabled:e.gray[8]},icon:{gray:e.gray[12],disabled:e.gray[8]}}}},d={0:"0px",1:"0.125rem",2:"0.25rem",3:"0.375rem",4:"0.5rem",5:"0.75rem",6:"1rem",full:"9999px"},t={button:d[2]},a={px:"1px",0:"0px",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},g={button:{height:{1:a[6],2:a[8],3:a[10]},gap:{1:a[1],2:a[2],3:a[3]},padding:{1:a[2],2:a[3],3:a[4]}}};return{tokens:{color:e,rounded:d,shadow:{0:"0 0 #000000",inner:"inset 0px 0px 1px 0px rgba(28, 32, 36, 0.06),inset 0px 1px 1px 0px rgba(28, 32, 36, 0.05), inset 0px 3px 2px 0px rgba(28, 32, 36, 0.03),inset 0px 5px 2px 0px rgba(28, 32, 36, 0.01)",1:"0px 0px 1px 0px rgba(28, 32, 36, 0.06),0px 1px 1px 0px rgba(28, 32, 36, 0.05), 0px 3px 2px 0px rgba(28, 32, 36, 0.03), 0px 5px 2px 0px rgba(28, 32, 36, 0.01)",2:"0px 1px 2px 0px rgba(28, 32, 36, 0.06),0px 4px 4px 0px rgba(28, 32, 36, 0.05),0px 9px 6px 0px rgba(28, 32, 36, 0.03),0px 16px 7px 0px rgba(28, 32, 36, 0.01)",3:"0px 2px 4px 0px rgba(28, 32, 36, 0.06),0px 7px 7px 0px rgba(28, 32, 36, 0.05),0px 16px 10px 0px rgba(28, 32, 36, 0.03),0px 29px 12px 0px rgba(28, 32, 36, 0.01)"},spacing:a,family:{sans:"Inter, sans-serif",mono:"Menlo, serif"},leading:{0:"1rem",1:"1rem",2:"1.25rem",3:"1.5rem",4:"1.125rem",5:"1.25rem",6:"1.5rem",7:"1.875rem",8:"2.25rem",9:"3rem"},tracking:{0:"0.25%",1:"0.25%",2:"0",3:"0",4:"-0.25%",5:"-0.5%",6:"-0.625%",7:"-0.75%",8:"-1%",9:"-2.5%"},text:{0:"0.6875rem",1:"0.75rem",2:"0.875rem",3:"1rem",4:"1.125rem",5:"1.25rem",6:"1.5rem",7:"1.875rem",8:"2.25rem",9:"3rem"},weight:{regular:"400",medium:"500","semi-bold":"600"}},semantic:{color:r,spacing:g,rounded:t}}});
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../src/tokens/color.ts","../src/semantic/color.ts","../src/tokens/rounded.ts","../src/semantic/rounded.ts","../src/tokens/spacing.ts","../src/semantic/spacing.ts","../src/index.ts","../src/tokens/shadow.ts","../src/tokens/family.ts","../src/tokens/leading.ts","../src/tokens/tracking.ts","../src/tokens/text.ts","../src/tokens/weight.ts"],"sourcesContent":["export const color = {\n  transparent: \"transparent\",\n  white: \"#ffffff\",\n  black: \"#000000\",\n  surface: {\n    light: \"#ffffff\",\n    dark: \"#111113\",\n  },\n  alpha: {\n    white: {\n      1: \"rgba(255, 255, 255, 0.05)\",\n      2: \"rgba(255, 255, 255, 0.1)\",\n      3: \"rgba(255, 255, 255, 0.15)\",\n      4: \"rgba(255, 255, 255, 0.2)\",\n      5: \"rgba(255, 255, 255, 0.3)\",\n      6: \"rgba(255, 255, 255, 0.4)\",\n      7: \"rgba(255, 255, 255, 0.5)\",\n      8: \"rgba(255, 255, 255, 0.6)\",\n      9: \"rgba(255, 255, 255, 0.7)\",\n      10: \"rgba(255, 255, 255, 0.8)\",\n      11: \"rgba(255, 255, 255, 0.9)\",\n      12: \"rgba(255, 255, 255, 0.95)\",\n    },\n    black: {\n      1: \"rgba(0, 0, 0, 0.05)\",\n      2: \"rgba(0, 0, 0, 0.1)\",\n      3: \"rgba(0, 0, 0, 0.15)\",\n      4: \"rgba(0, 0, 0, 0.2)\",\n      5: \"rgba(0, 0, 0, 0.3)\",\n      6: \"rgba(0, 0, 0, 0.4)\",\n      7: \"rgba(0, 0, 0, 0.5)\",\n      8: \"rgba(0, 0, 0, 0.6)\",\n      9: \"rgba(0, 0, 0, 0.7)\",\n      10: \"rgba(0, 0, 0, 0.8)\",\n      11: \"rgba(0, 0, 0, 0.9)\",\n      12: \"rgba(0, 0, 0, 0.95)\",\n    },\n  },\n  gray: {\n    1: { light: \"#fcfcfd\", dark: \"#111113\" },\n    2: { light: \"#f9f9fb\", dark: \"#18191b\" },\n    3: { light: \"#f0f0f3\", dark: \"#212225\" },\n    4: { light: \"#e8e8ec\", dark: \"#272a2d\" },\n    5: { light: \"#e0e1e6\", dark: \"#2e3135\" },\n    6: { light: \"#d9d9e0\", dark: \"#363a3f\" },\n    7: { light: \"#cdced6\", dark: \"#43484e\" },\n    8: { light: \"#b9bbc6\", dark: \"#5a6169\" },\n    9: { light: \"#8b8d98\", dark: \"#696e77\" },\n    10: { light: \"#80838d\", dark: \"#777b84\" },\n    11: { light: \"#60646c\", dark: \"#b0b4ba\" },\n    12: { light: \"#1c2024\", dark: \"#edeef0\" },\n  },\n  beige: {\n    1: { light: \"#fdfdfc\", dark: \"#111110\" },\n    2: { light: \"#f9f9f8\", dark: \"#191918\" },\n    3: { light: \"#f1f0ef\", dark: \"#222221\" },\n    4: { light: \"#e9e8e6\", dark: \"#2a2a28\" },\n    5: { light: \"#e2e1de\", dark: \"#31312e\" },\n    6: { light: \"#dad9d6\", dark: \"#3b3a37\" },\n    7: { light: \"#cfceca\", dark: \"#494844\" },\n    8: { light: \"#bcbbb5\", dark: \"#62605b\" },\n    9: { light: \"#8d8d86\", dark: \"#6f6d66\" },\n    10: { light: \"#82827c\", dark: \"#7c7b74\" },\n    11: { light: \"#63635e\", dark: \"#b5b3ad\" },\n    12: { light: \"#21201c\", dark: \"#eeeeec\" },\n  },\n  accent: {\n    1: { light: \"#fffcfc\", dark: \"#181111\" },\n    2: { light: \"#fff8f7\", dark: \"#1f1513\" },\n    3: { light: \"#feebe7\", dark: \"#391714\" },\n    4: { light: \"#ffdcd3\", dark: \"#4e1511\" },\n    5: { light: \"#ffcdc2\", dark: \"#5e1c16\" },\n    6: { light: \"#fdbdaf\", dark: \"#6e2920\" },\n    7: { light: \"#f5a898\", dark: \"#853a2d\" },\n    8: { light: \"#ec8e7b\", dark: \"#ac4d39\" },\n    9: { light: \"#e54d2e\", dark: \"#e54d2e\" },\n    10: { light: \"#dd4425\", dark: \"#ec6142\" },\n    11: { light: \"#d13415\", dark: \"#ff977d\" },\n    12: { light: \"#5c271f\", dark: \"#fbd3cb\" },\n  },\n  green: {\n    1: { light: \"#fbfefd\", dark: \"#0d1512\" },\n    2: { light: \"#f4fbf7\", dark: \"#121c18\" },\n    3: { light: \"#e6f7ed\", dark: \"#0f2e22\" },\n    4: { light: \"#d6f1e3\", dark: \"#0b3b2c\" },\n    5: { light: \"#c3e9d7\", dark: \"#114837\" },\n    6: { light: \"#acdec8\", dark: \"#1b5745\" },\n    7: { light: \"#8bceb6\", dark: \"#246854\" },\n    8: { light: \"#56ba9f\", dark: \"#2a7e68\" },\n    9: { light: \"#29a383\", dark: \"#29a383\" },\n    10: { light: \"#26997b\", dark: \"#27b08b\" },\n    11: { light: \"#208368\", dark: \"#1fd8a4\" },\n    12: { light: \"#1d3b31\", dark: \"#adf0d4\" },\n  },\n  yellow: {\n    1: { light: \"#fbfefd\", dark: \"#14120b\" },\n    2: { light: \"#f4fbf7\", dark: \"#1b180f\" },\n    3: { light: \"#e6f7ed\", dark: \"#2d2305\" },\n    4: { light: \"#d6f1e3\", dark: \"#362b00\" },\n    5: { light: \"#c3e9d7\", dark: \"#433500\" },\n    6: { light: \"#acdec8\", dark: \"#524202\" },\n    7: { light: \"#8bceb6\", dark: \"#665417\" },\n    8: { light: \"#56ba9f\", dark: \"#836a21\" },\n    9: { light: \"#29a383\", dark: \"#ffe629\" },\n    10: { light: \"#26997b\", dark: \"#ffff57\" },\n    11: { light: \"#208368\", dark: \"#f5e147\" },\n    12: { light: \"#1d3b31\", dark: \"#ffe7b3\" },\n  },\n  blue: {\n    1: { light: \"#fdfdfe\", dark: \"#11131f\" },\n    2: { light: \"#f7f9ff\", dark: \"#141726\" },\n    3: { light: \"#edf2fe\", dark: \"#182449\" },\n    4: { light: \"#e1e9ff\", dark: \"#1d2e62\" },\n    5: { light: \"#d2deff\", dark: \"#253974\" },\n    6: { light: \"#c1d0ff\", dark: \"#304384\" },\n    7: { light: \"#abbdf9\", dark: \"#3a4f97\" },\n    8: { light: \"#8da4ef\", dark: \"#435db1\" },\n    9: { light: \"#3e63dd\", dark: \"#3e63dd\" },\n    10: { light: \"#3358d4\", dark: \"#5472e4\" },\n    11: { light: \"#3a5bc7\", dark: \"#9eb1ff\" },\n    12: { light: \"#1f2d5c\", dark: \"#d6e1ff\" },\n  },\n  red: {\n    1: { light: \"#fffcfd\", dark: \"#191113\" },\n    2: { light: \"#fff7f8\", dark: \"#1e1517\" },\n    3: { light: \"#feeaed\", dark: \"#3a141e\" },\n    4: { light: \"#ffdce1\", dark: \"#4e1325\" },\n    5: { light: \"#ffced6\", dark: \"#5e1a2e\" },\n    6: { light: \"#f8bfc8\", dark: \"#6f2539\" },\n    7: { light: \"#efacb8\", dark: \"#883447\" },\n    8: { light: \"#e592a3\", dark: \"#b3445a\" },\n    9: { light: \"#e54666\", dark: \"#e54666\" },\n    10: { light: \"#dc3b5d\", dark: \"#ec5a72\" },\n    11: { light: \"#ca244d\", dark: \"#ff949d\" },\n    12: { light: \"#64172b\", dark: \"#fed2e1\" },\n  },\n};\n","import { color } from \"../tokens/color\";\n\nexport const semanticColor = {\n  text: {\n    primary: {\n      black: color.black[12],\n      white: color.white[12],\n      gray: color.gray[12],\n      beige: color.beige[12],\n      accent: color.accent[12],\n      green: color.green[12],\n      yellow: color.yellow[12],\n      blue: color.blue[12],\n      red: color.red[12],\n      disabled: color.gray[8],\n    },\n    secondary: {\n      black: color.black[11],\n      white: color.white[11],\n      gray: color.gray[11],\n      beige: color.beige[11],\n      accent: color.accent[11],\n      green: color.green[11],\n      yellow: color.yellow[11],\n      blue: color.blue[11],\n      red: color.red[11],\n      disabled: color.gray[8],\n    },\n  },\n  // color.button.solid.background.accent.focus\n  button: {\n    solid: {\n      background: {\n        accent: {\n          default: color.accent[9],\n          hover: color.accent[10],\n          focus: color.accent[11],\n        },\n        disabled: {\n          default: color.gray[2],\n        },\n      },\n      text: {\n        accent: color.white,\n        disabled: color.gray[8],\n      },\n      stroke: {\n        accent: color.white,\n        disabled: color.gray[8],\n      },\n    },\n    ghost: {\n      background: {\n        accent: {\n          default: color.transparent,\n          hover: color.accent[3],\n          focus: color.accent[4],\n        },\n        gray: {\n          default: color.transparent,\n          hover: color.gray[3],\n          focus: color.gray[4],\n        },\n        red: {\n          default: color.transparent,\n          hover: color.red[3],\n          focus: color.red[4],\n        },\n\n        disabled: {\n          default: color.transparent,\n        },\n      },\n      text: {\n        accent: color.accent[11],\n        gray: color.gray[11],\n        red: color.red[11],\n        disabled: color.gray[8],\n      },\n      icon: {\n        accent: color.accent[11],\n        gray: color.gray[11],\n        red: color.red[11],\n        disabled: color.gray[8],\n      },\n    },\n    soft: {\n      background: {\n        red: {\n          active: color.red[3],\n          hover: color.red[4],\n          focus: color.red[5],\n        },\n        disabled: color.gray[2],\n      },\n      text: {\n        red: color.white,\n        disabled: color.gray[8],\n      },\n      icon: {\n        red: color.white,\n        disabled: color.gray[8],\n      },\n    },\n    outlined: {\n      background: {\n        gray: color.transparent,\n        disabled: color.gray[2],\n      },\n      border: {\n        gray: {\n          active: color.gray[6],\n          hover: color.gray[7],\n          focus: color.gray[8],\n        },\n      },\n      text: {\n        gray: color.gray[12],\n        disabled: color.gray[8],\n      },\n      icon: {\n        gray: color.gray[12],\n        disabled: color.gray[8],\n      },\n    },\n  },\n};\n","export const rounded = {\n  0: \"0px\",\n  1: \"0.125rem\",\n  2: \"0.25rem\",\n  3: \"0.375rem\",\n  4: \"0.5rem\",\n  5: \"0.75rem\",\n  6: \"1rem\",\n  full: \"9999px\",\n};\n","import { rounded } from \"../tokens/rounded\";\n\nexport const semanticRounded = {\n  button: rounded[2],\n};\n","export const spacing = {\n  px: \"1px\",\n  0: \"0px\",\n  1: \"0.25rem\",\n  2: \"0.5rem\",\n  3: \"0.75rem\",\n  4: \"1rem\",\n  5: \"1.25rem\",\n  6: \"1.5rem\",\n  7: \"1.75rem\",\n  8: \"2rem\",\n  9: \"2.25rem\",\n  10: \"2.5rem\",\n  11: \"2.75rem\",\n  12: \"3rem\",\n  14: \"3.5rem\",\n  16: \"4rem\",\n  20: \"5rem\",\n  24: \"6rem\",\n  28: \"7rem\",\n  32: \"8rem\",\n  36: \"9rem\",\n  40: \"10rem\",\n  44: \"11rem\",\n  48: \"12rem\",\n  52: \"13rem\",\n  56: \"14rem\",\n  60: \"15rem\",\n  64: \"16rem\",\n  72: \"18rem\",\n  80: \"20rem\",\n  96: \"24rem\",\n};\n","import { spacing } from \"../tokens/spacing\";\n\nexport const semanticSpacing = {\n  button: {\n    height: {\n      1: spacing[6],\n      2: spacing[8],\n      3: spacing[10],\n    },\n    gap: {\n      1: spacing[1],\n      2: spacing[2],\n      3: spacing[3],\n    },\n    padding: {\n      1: spacing[2],\n      2: spacing[3],\n      3: spacing[4],\n    },\n  },\n};\n","import { semanticColor } from \"./semantic/color\";\nimport { semanticRounded } from \"./semantic/rounded\";\nimport { semanticSpacing } from \"./semantic/spacing\";\nimport { color } from \"./tokens/color\";\nimport { family } from \"./tokens/family\";\nimport { leading } from \"./tokens/leading\";\nimport { rounded } from \"./tokens/rounded\";\nimport { shadow } from \"./tokens/shadow\";\nimport { spacing } from \"./tokens/spacing\";\nimport { text } from \"./tokens/text\";\nimport { tracking } from \"./tokens/tracking\";\nimport { weight } from \"./tokens/weight\";\n\nexport default {\n  tokens: {\n    color,\n    rounded,\n    shadow,\n    spacing,\n    family,\n    leading,\n    tracking,\n    text,\n    weight\n  },\n  semantic: {\n    color: semanticColor,\n    spacing: semanticSpacing,\n    rounded: semanticRounded,\n  },\n};\n","export const shadow = {\n  0: \"0 0 #000000\",\n  inner:\n    \"inset 0px 0px 1px 0px rgba(28, 32, 36, 0.06),inset 0px 1px 1px 0px rgba(28, 32, 36, 0.05), inset 0px 3px 2px 0px rgba(28, 32, 36, 0.03),inset 0px 5px 2px 0px rgba(28, 32, 36, 0.01)\",\n  1: \"0px 0px 1px 0px rgba(28, 32, 36, 0.06),0px 1px 1px 0px rgba(28, 32, 36, 0.05), 0px 3px 2px 0px rgba(28, 32, 36, 0.03), 0px 5px 2px 0px rgba(28, 32, 36, 0.01)\",\n  2: \"0px 1px 2px 0px rgba(28, 32, 36, 0.06),0px 4px 4px 0px rgba(28, 32, 36, 0.05),0px 9px 6px 0px rgba(28, 32, 36, 0.03),0px 16px 7px 0px rgba(28, 32, 36, 0.01)\",\n  3: \"0px 2px 4px 0px rgba(28, 32, 36, 0.06),0px 7px 7px 0px rgba(28, 32, 36, 0.05),0px 16px 10px 0px rgba(28, 32, 36, 0.03),0px 29px 12px 0px rgba(28, 32, 36, 0.01)\",\n};\n","\nexport const family = {\n  sans: \"Inter, sans-serif\",\n  mono: \"Menlo, serif\",\n};\n","export const leading = {\n\n    0: \"1rem\",\n    1: \"1rem\",\n    2: \"1.25rem\",\n    3: \"1.5rem\",\n    4: \"1.125rem\",\n    5: \"1.25rem\",\n    6: \"1.5rem\",\n    7: \"1.875rem\",\n    8: \"2.25rem\",\n    9: \"3rem\",\n}\n","export const tracking = {\n  0: \"0.25%\",\n  1: \"0.25%\",\n  2: \"0\",\n  3: \"0\",\n  4: \"-0.25%\",\n  5: \"-0.5%\",\n  6: \"-0.625%\",\n  7: \"-0.75%\",\n  8: \"-1%\",\n  9: \"-2.5%\",\n};\n","export const text = {\n  0: \"0.6875rem\",\n  1: \"0.75rem\",\n  2: \"0.875rem\",\n  3: \"1rem\",\n  4: \"1.125rem\",\n  5: \"1.25rem\",\n  6: \"1.5rem\",\n  7: \"1.875rem\",\n  8: \"2.25rem\",\n  9: \"3rem\",\n};\n","export const weight = {\n  regular: \"400\",\n  medium: \"500\",\n  \"semi-bold\": \"600\",\n};\n"],"names":["color","semanticColor","rounded","semanticRounded","spacing","semanticSpacing"],"mappings":"0NAAO,MAAMA,EAAQ,CACnB,YAAa,cACb,MAAO,UACP,MAAO,UACP,QAAS,CACP,MAAO,UACP,KAAM,SACR,EACA,MAAO,CACL,MAAO,CACL,EAAG,4BACH,EAAG,2BACH,EAAG,4BACH,EAAG,2BACH,EAAG,2BACH,EAAG,2BACH,EAAG,2BACH,EAAG,2BACH,EAAG,2BACH,GAAI,2BACJ,GAAI,2BACJ,GAAI,2BACN,EACA,MAAO,CACL,EAAG,sBACH,EAAG,qBACH,EAAG,sBACH,EAAG,qBACH,EAAG,qBACH,EAAG,qBACH,EAAG,qBACH,EAAG,qBACH,EAAG,qBACH,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACN,CACF,EACA,KAAM,CACJ,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,EACxC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,EACxC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,CAC1C,EACA,MAAO,CACL,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,EACxC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,EACxC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,CAC1C,EACA,OAAQ,CACN,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,EACxC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,EACxC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,CAC1C,EACA,MAAO,CACL,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,EACxC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,EACxC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,CAC1C,EACA,OAAQ,CACN,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,EACxC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,EACxC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,CAC1C,EACA,KAAM,CACJ,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,EACxC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,EACxC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,CAC1C,EACA,IAAK,CACH,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,EAAG,CAAE,MAAO,UAAW,KAAM,SAAU,EACvC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,EACxC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,EACxC,GAAI,CAAE,MAAO,UAAW,KAAM,SAAU,CAC1C,CACF,ECtIaC,EAAgB,CAC3B,KAAM,CACJ,QAAS,CACP,MAAOD,EAAM,MAAM,EAAE,EACrB,MAAOA,EAAM,MAAM,EAAE,EACrB,KAAMA,EAAM,KAAK,EAAE,EACnB,MAAOA,EAAM,MAAM,EAAE,EACrB,OAAQA,EAAM,OAAO,EAAE,EACvB,MAAOA,EAAM,MAAM,EAAE,EACrB,OAAQA,EAAM,OAAO,EAAE,EACvB,KAAMA,EAAM,KAAK,EAAE,EACnB,IAAKA,EAAM,IAAI,EAAE,EACjB,SAAUA,EAAM,KAAK,CAAC,CACxB,EACA,UAAW,CACT,MAAOA,EAAM,MAAM,EAAE,EACrB,MAAOA,EAAM,MAAM,EAAE,EACrB,KAAMA,EAAM,KAAK,EAAE,EACnB,MAAOA,EAAM,MAAM,EAAE,EACrB,OAAQA,EAAM,OAAO,EAAE,EACvB,MAAOA,EAAM,MAAM,EAAE,EACrB,OAAQA,EAAM,OAAO,EAAE,EACvB,KAAMA,EAAM,KAAK,EAAE,EACnB,IAAKA,EAAM,IAAI,EAAE,EACjB,SAAUA,EAAM,KAAK,CAAC,CACxB,CACF,EAEA,OAAQ,CACN,MAAO,CACL,WAAY,CACV,OAAQ,CACN,QAASA,EAAM,OAAO,CAAC,EACvB,MAAOA,EAAM,OAAO,EAAE,EACtB,MAAOA,EAAM,OAAO,EAAE,CACxB,EACA,SAAU,CACR,QAASA,EAAM,KAAK,CAAC,CACvB,CACF,EACA,KAAM,CACJ,OAAQA,EAAM,MACd,SAAUA,EAAM,KAAK,CAAC,CACxB,EACA,OAAQ,CACN,OAAQA,EAAM,MACd,SAAUA,EAAM,KAAK,CAAC,CACxB,CACF,EACA,MAAO,CACL,WAAY,CACV,OAAQ,CACN,QAASA,EAAM,YACf,MAAOA,EAAM,OAAO,CAAC,EACrB,MAAOA,EAAM,OAAO,CAAC,CACvB,EACA,KAAM,CACJ,QAASA,EAAM,YACf,MAAOA,EAAM,KAAK,CAAC,EACnB,MAAOA,EAAM,KAAK,CAAC,CACrB,EACA,IAAK,CACH,QAASA,EAAM,YACf,MAAOA,EAAM,IAAI,CAAC,EAClB,MAAOA,EAAM,IAAI,CAAC,CACpB,EAEA,SAAU,CACR,QAASA,EAAM,WACjB,CACF,EACA,KAAM,CACJ,OAAQA,EAAM,OAAO,EAAE,EACvB,KAAMA,EAAM,KAAK,EAAE,EACnB,IAAKA,EAAM,IAAI,EAAE,EACjB,SAAUA,EAAM,KAAK,CAAC,CACxB,EACA,KAAM,CACJ,OAAQA,EAAM,OAAO,EAAE,EACvB,KAAMA,EAAM,KAAK,EAAE,EACnB,IAAKA,EAAM,IAAI,EAAE,EACjB,SAAUA,EAAM,KAAK,CAAC,CACxB,CACF,EACA,KAAM,CACJ,WAAY,CACV,IAAK,CACH,OAAQA,EAAM,IAAI,CAAC,EACnB,MAAOA,EAAM,IAAI,CAAC,EAClB,MAAOA,EAAM,IAAI,CAAC,CACpB,EACA,SAAUA,EAAM,KAAK,CAAC,CACxB,EACA,KAAM,CACJ,IAAKA,EAAM,MACX,SAAUA,EAAM,KAAK,CAAC,CACxB,EACA,KAAM,CACJ,IAAKA,EAAM,MACX,SAAUA,EAAM,KAAK,CAAC,CACxB,CACF,EACA,SAAU,CACR,WAAY,CACV,KAAMA,EAAM,YACZ,SAAUA,EAAM,KAAK,CAAC,CACxB,EACA,OAAQ,CACN,KAAM,CACJ,OAAQA,EAAM,KAAK,CAAC,EACpB,MAAOA,EAAM,KAAK,CAAC,EACnB,MAAOA,EAAM,KAAK,CAAC,CACrB,CACF,EACA,KAAM,CACJ,KAAMA,EAAM,KAAK,EAAE,EACnB,SAAUA,EAAM,KAAK,CAAC,CACxB,EACA,KAAM,CACJ,KAAMA,EAAM,KAAK,EAAE,EACnB,SAAUA,EAAM,KAAK,CAAC,CACxB,CACF,CACF,CACF,EC9HaE,EAAU,CACrB,EAAG,MACH,EAAG,WACH,EAAG,UACH,EAAG,WACH,EAAG,SACH,EAAG,UACH,EAAG,OACH,KAAM,QACR,ECPaC,EAAkB,CAC7B,OAAQD,EAAQ,CAAC,CACnB,ECJaE,EAAU,CACrB,GAAI,MACJ,EAAG,MACH,EAAG,UACH,EAAG,SACH,EAAG,UACH,EAAG,OACH,EAAG,UACH,EAAG,SACH,EAAG,UACH,EAAG,OACH,EAAG,UACH,GAAI,SACJ,GAAI,UACJ,GAAI,OACJ,GAAI,SACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACN,EC9BaC,EAAkB,CAC7B,OAAQ,CACN,OAAQ,CACN,EAAGD,EAAQ,CAAC,EACZ,EAAGA,EAAQ,CAAC,EACZ,EAAGA,EAAQ,EAAE,CACf,EACA,IAAK,CACH,EAAGA,EAAQ,CAAC,EACZ,EAAGA,EAAQ,CAAC,EACZ,EAAGA,EAAQ,CAAC,CACd,EACA,QAAS,CACP,EAAGA,EAAQ,CAAC,EACZ,EAAGA,EAAQ,CAAC,EACZ,EAAGA,EAAQ,CAAC,CACd,CACF,CACF,QCPe,CACb,OAAQ,CACN,MAAAJ,EACA,QAAAE,EACA,OCjBkB,CACpB,EAAG,cACH,MACE,uLACF,EAAG,gKACH,EAAG,+JACH,EAAG,iKACL,EDWI,QAAAE,EACA,OElBkB,CACpB,KAAM,oBACN,KAAM,cACR,EFgBI,QGpBmB,CAEnB,EAAG,OACH,EAAG,OACH,EAAG,UACH,EAAG,SACH,EAAG,WACH,EAAG,UACH,EAAG,SACH,EAAG,WACH,EAAG,UACH,EAAG,MACP,EHSI,SIrBoB,CACtB,EAAG,QACH,EAAG,QACH,EAAG,IACH,EAAG,IACH,EAAG,SACH,EAAG,QACH,EAAG,UACH,EAAG,SACH,EAAG,MACH,EAAG,OACL,EJWI,KKtBgB,CAClB,EAAG,YACH,EAAG,UACH,EAAG,WACH,EAAG,OACH,EAAG,WACH,EAAG,UACH,EAAG,SACH,EAAG,WACH,EAAG,UACH,EAAG,MACL,ELYI,OMvBkB,CACpB,QAAS,MACT,OAAQ,MACR,YAAa,KACf,CNoBE,EACA,SAAU,CACR,MAAOH,EACP,QAASI,EACT,QAASF,CACX,CACF"}

package/dist/light.css

@@ -1 +1 @@
-:root{--tgph-surface:#fff;--tgph-gray-1:#fcfcfd;--tgph-gray-2:#f9f9fb;--tgph-gray-3:#f0f0f3;--tgph-gray-4:#e8e8ec;--tgph-gray-5:#e0e1e6;--tgph-gray-6:#d9d9e0;--tgph-gray-7:#cdced6;--tgph-gray-8:#b9bbc6;--tgph-gray-9:#8b8d98;--tgph-gray-10:#80838d;--tgph-gray-11:#60646c;--tgph-gray-12:#1c2024;--tgph-beige-1:#fdfdfc;--tgph-beige-2:#f9f9f8;--tgph-beige-3:#f1f0ef;--tgph-beige-4:#e9e8e6;--tgph-beige-5:#e2e1de;--tgph-beige-6:#dad9d6;--tgph-beige-7:#cfceca;--tgph-beige-8:#bcbbb5;--tgph-beige-9:#8d8d86;--tgph-beige-10:#82827c;--tgph-beige-11:#63635e;--tgph-beige-12:#21201c;--tgph-accent-1:#fffcfc;--tgph-accent-2:#fff8f7;--tgph-accent-3:#feebe7;--tgph-accent-4:#ffdcd3;--tgph-accent-5:#ffcdc2;--tgph-accent-6:#fdbdaf;--tgph-accent-7:#f5a898;--tgph-accent-8:#ec8e7b;--tgph-accent-9:#e54d2e;--tgph-accent-10:#dd4425;--tgph-accent-11:#d13415;--tgph-accent-12:#5c271f;--tgph-green-1:#fbfefd;--tgph-green-2:#f4fbf7;--tgph-green-3:#e6f7ed;--tgph-green-4:#d6f1e3;--tgph-green-5:#c3e9d7;--tgph-green-6:#acdec8;--tgph-green-7:#8bceb6;--tgph-green-8:#56ba9f;--tgph-green-9:#29a383;--tgph-green-10:#26997b;--tgph-green-11:#208368;--tgph-green-12:#1d3b31;--tgph-yellow-1:#fbfefd;--tgph-yellow-2:#f4fbf7;--tgph-yellow-3:#e6f7ed;--tgph-yellow-4:#d6f1e3;--tgph-yellow-5:#c3e9d7;--tgph-yellow-6:#acdec8;--tgph-yellow-7:#8bceb6;--tgph-yellow-8:#56ba9f;--tgph-yellow-9:#29a383;--tgph-yellow-10:#26997b;--tgph-yellow-11:#208368;--tgph-yellow-12:#1d3b31;--tgph-blue-1:#fdfdfe;--tgph-blue-2:#f7f9ff;--tgph-blue-3:#edf2fe;--tgph-blue-4:#e1e9ff;--tgph-blue-5:#d2deff;--tgph-blue-6:#c1d0ff;--tgph-blue-7:#abbdf9;--tgph-blue-8:#8da4ef;--tgph-blue-9:#3e63dd;--tgph-blue-10:#3358d4;--tgph-blue-11:#3a5bc7;--tgph-blue-12:#1f2d5c;--tgph-red-1:#fffcfd;--tgph-red-2:#fff7f8;--tgph-red-3:#feeaed;--tgph-red-4:#ffdce1;--tgph-red-5:#ffced6;--tgph-red-6:#f8bfc8;--tgph-red-7:#efacb8;--tgph-red-8:#e592a3;--tgph-red-9:#e54666;--tgph-red-10:#dc3b5d;--tgph-red-11:#ca244d;--tgph-red-12:#64172b;--tgph-transparent:transparent;--tgph-white:#fff;--tgph-black:#000;--tgph-alpha-white-1:#ffffff0d;--tgph-alpha-white-2:#ffffff1a;--tgph-alpha-white-3:#ffffff26;--tgph-alpha-white-4:#fff3;--tgph-alpha-white-5:#ffffff4d;--tgph-alpha-white-6:#fff6;--tgph-alpha-white-7:#ffffff80;--tgph-alpha-white-8:#fff9;--tgph-alpha-white-9:#ffffffb3;--tgph-alpha-white-10:#fffc;--tgph-alpha-white-11:#ffffffe6;--tgph-alpha-white-12:#fffffff2;--tgph-alpha-black-1:#0000000d;--tgph-alpha-black-2:#0000001a;--tgph-alpha-black-3:#00000026;--tgph-alpha-black-4:#0003;--tgph-alpha-black-5:#0000004d;--tgph-alpha-black-6:#0006;--tgph-alpha-black-7:#00000080;--tgph-alpha-black-8:#0009;--tgph-alpha-black-9:#000000b3;--tgph-alpha-black-10:#000c;--tgph-alpha-black-11:#000000e6;--tgph-alpha-black-12:#000000f2;--tgph-font-family-sans:Inter,sans-serif;--tgph-font-family-mono:Menlo,serif;--tgph-font-body-family:Inter,sans-serif;--tgph-font-body-size-0:.6875rem;--tgph-font-body-size-1:.75rem;--tgph-font-body-size-2:.875rem;--tgph-font-body-size-3:1rem;--tgph-font-body-size-4:1.125rem;--tgph-font-body-size-5:1.25rem;--tgph-font-body-size-6:1.5rem;--tgph-font-body-size-7:1.875rem;--tgph-font-body-size-8:2.25rem;--tgph-font-body-size-9:3rem;--tgph-font-body-leading-0:1rem;--tgph-font-body-leading-1:1rem;--tgph-font-body-leading-2:1.25rem;--tgph-font-body-leading-3:1.5rem;--tgph-font-body-leading-4:1.125rem;--tgph-font-body-leading-5:1.25rem;--tgph-font-body-leading-6:1.5rem;--tgph-font-body-leading-7:1.875rem;--tgph-font-body-leading-8:2.25rem;--tgph-font-body-leading-9:3rem;--tgph-font-body-tracking-0:0.25%;--tgph-font-body-tracking-1:0.25%;--tgph-font-body-tracking-2:0;--tgph-font-body-tracking-3:0;--tgph-font-body-tracking-4:-0.25%;--tgph-font-body-tracking-5:-0.5%;--tgph-font-body-tracking-6:-0.625%;--tgph-font-body-tracking-7:-0.75%;--tgph-font-body-tracking-8:-1%;--tgph-font-body-tracking-9:-2.5%;--tgph-font-code-family:Menlo,serif;--tgph-rounded-0:0px;--tgph-rounded-1:.125rem;--tgph-rounded-2:.25rem;--tgph-rounded-3:.375rem;--tgph-rounded-4:.5rem;--tgph-rounded-5:.75rem;--tgph-rounded-6:1rem;--tgph-rounded-full:9999px;--tgph-shadow-0:0 0 #000;--tgph-shadow-1:0px 0px 1px 0px rgba(28, 32, 36, 0.06),0px 1px 1px 0px rgba(28, 32, 36, 0.05), 0px 3px 2px 0px rgba(28, 32, 36, 0.03), 0px 5px 2px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-2:0px 1px 2px 0px rgba(28, 32, 36, 0.06),0px 4px 4px 0px rgba(28, 32, 36, 0.05),0px 9px 6px 0px rgba(28, 32, 36, 0.03),0px 16px 7px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-3:0px 2px 4px 0px rgba(28, 32, 36, 0.06),0px 7px 7px 0px rgba(28, 32, 36, 0.05),0px 16px 10px 0px rgba(28, 32, 36, 0.03),0px 29px 12px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-inner:inset 0px 0px 1px 0px rgba(28, 32, 36, 0.06),inset 0px 1px 1px 0px rgba(28, 32, 36, 0.05), inset 0px 3px 2px 0px rgba(28, 32, 36, 0.03),inset 0px 5px 2px 0px rgba(28, 32, 36, 0.01);--tgph-spacing-0:0px;--tgph-spacing-1:.25rem;--tgph-spacing-2:.5rem;--tgph-spacing-3:.75rem;--tgph-spacing-4:1rem;--tgph-spacing-5:1.25rem;--tgph-spacing-6:1.5rem;--tgph-spacing-7:1.75rem;--tgph-spacing-8:2rem;--tgph-spacing-9:2.25rem;--tgph-spacing-10:2.5rem;--tgph-spacing-11:2.75rem;--tgph-spacing-12:3rem;--tgph-spacing-14:3.5rem;--tgph-spacing-16:4rem;--tgph-spacing-20:5rem;--tgph-spacing-24:6rem;--tgph-spacing-28:7rem;--tgph-spacing-32:8rem;--tgph-spacing-36:9rem;--tgph-spacing-40:10rem;--tgph-spacing-44:11rem;--tgph-spacing-48:12rem;--tgph-spacing-52:13rem;--tgph-spacing-56:14rem;--tgph-spacing-60:15rem;--tgph-spacing-64:16rem;--tgph-spacing-72:18rem;--tgph-spacing-80:20rem;--tgph-spacing-96:24rem;--tgph-spacing-px:1px}
+:root{--tgph-surface:#fff;--tgph-gray-1:#fcfcfd;--tgph-gray-2:#f9f9fb;--tgph-gray-3:#f0f0f3;--tgph-gray-4:#e8e8ec;--tgph-gray-5:#e0e1e6;--tgph-gray-6:#d9d9e0;--tgph-gray-7:#cdced6;--tgph-gray-8:#b9bbc6;--tgph-gray-9:#8b8d98;--tgph-gray-10:#80838d;--tgph-gray-11:#60646c;--tgph-gray-12:#1c2024;--tgph-beige-1:#fdfdfc;--tgph-beige-2:#f9f9f8;--tgph-beige-3:#f1f0ef;--tgph-beige-4:#e9e8e6;--tgph-beige-5:#e2e1de;--tgph-beige-6:#dad9d6;--tgph-beige-7:#cfceca;--tgph-beige-8:#bcbbb5;--tgph-beige-9:#8d8d86;--tgph-beige-10:#82827c;--tgph-beige-11:#63635e;--tgph-beige-12:#21201c;--tgph-accent-1:#fffcfc;--tgph-accent-2:#fff8f7;--tgph-accent-3:#feebe7;--tgph-accent-4:#ffdcd3;--tgph-accent-5:#ffcdc2;--tgph-accent-6:#fdbdaf;--tgph-accent-7:#f5a898;--tgph-accent-8:#ec8e7b;--tgph-accent-9:#e54d2e;--tgph-accent-10:#dd4425;--tgph-accent-11:#d13415;--tgph-accent-12:#5c271f;--tgph-green-1:#fbfefd;--tgph-green-2:#f4fbf7;--tgph-green-3:#e6f7ed;--tgph-green-4:#d6f1e3;--tgph-green-5:#c3e9d7;--tgph-green-6:#acdec8;--tgph-green-7:#8bceb6;--tgph-green-8:#56ba9f;--tgph-green-9:#29a383;--tgph-green-10:#26997b;--tgph-green-11:#208368;--tgph-green-12:#1d3b31;--tgph-yellow-1:#fbfefd;--tgph-yellow-2:#f4fbf7;--tgph-yellow-3:#e6f7ed;--tgph-yellow-4:#d6f1e3;--tgph-yellow-5:#c3e9d7;--tgph-yellow-6:#acdec8;--tgph-yellow-7:#8bceb6;--tgph-yellow-8:#56ba9f;--tgph-yellow-9:#29a383;--tgph-yellow-10:#26997b;--tgph-yellow-11:#208368;--tgph-yellow-12:#1d3b31;--tgph-blue-1:#fdfdfe;--tgph-blue-2:#f7f9ff;--tgph-blue-3:#edf2fe;--tgph-blue-4:#e1e9ff;--tgph-blue-5:#d2deff;--tgph-blue-6:#c1d0ff;--tgph-blue-7:#abbdf9;--tgph-blue-8:#8da4ef;--tgph-blue-9:#3e63dd;--tgph-blue-10:#3358d4;--tgph-blue-11:#3a5bc7;--tgph-blue-12:#1f2d5c;--tgph-red-1:#fffcfd;--tgph-red-2:#fff7f8;--tgph-red-3:#feeaed;--tgph-red-4:#ffdce1;--tgph-red-5:#ffced6;--tgph-red-6:#f8bfc8;--tgph-red-7:#efacb8;--tgph-red-8:#e592a3;--tgph-red-9:#e54666;--tgph-red-10:#dc3b5d;--tgph-red-11:#ca244d;--tgph-red-12:#64172b;--tgph-transparent:transparent;--tgph-white:#fff;--tgph-black:#000;--tgph-alpha-white-1:#ffffff0d;--tgph-alpha-white-2:#ffffff1a;--tgph-alpha-white-3:#ffffff26;--tgph-alpha-white-4:#fff3;--tgph-alpha-white-5:#ffffff4d;--tgph-alpha-white-6:#fff6;--tgph-alpha-white-7:#ffffff80;--tgph-alpha-white-8:#fff9;--tgph-alpha-white-9:#ffffffb3;--tgph-alpha-white-10:#fffc;--tgph-alpha-white-11:#ffffffe6;--tgph-alpha-white-12:#fffffff2;--tgph-alpha-black-1:#0000000d;--tgph-alpha-black-2:#0000001a;--tgph-alpha-black-3:#00000026;--tgph-alpha-black-4:#0003;--tgph-alpha-black-5:#0000004d;--tgph-alpha-black-6:#0006;--tgph-alpha-black-7:#00000080;--tgph-alpha-black-8:#0009;--tgph-alpha-black-9:#000000b3;--tgph-alpha-black-10:#000c;--tgph-alpha-black-11:#000000e6;--tgph-alpha-black-12:#000000f2;--tgph-rounded-0:0px;--tgph-rounded-1:.125rem;--tgph-rounded-2:.25rem;--tgph-rounded-3:.375rem;--tgph-rounded-4:.5rem;--tgph-rounded-5:.75rem;--tgph-rounded-6:1rem;--tgph-rounded-full:9999px;--tgph-shadow-0:0 0 #000;--tgph-shadow-1:0px 0px 1px 0px rgba(28, 32, 36, 0.06),0px 1px 1px 0px rgba(28, 32, 36, 0.05), 0px 3px 2px 0px rgba(28, 32, 36, 0.03), 0px 5px 2px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-2:0px 1px 2px 0px rgba(28, 32, 36, 0.06),0px 4px 4px 0px rgba(28, 32, 36, 0.05),0px 9px 6px 0px rgba(28, 32, 36, 0.03),0px 16px 7px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-3:0px 2px 4px 0px rgba(28, 32, 36, 0.06),0px 7px 7px 0px rgba(28, 32, 36, 0.05),0px 16px 10px 0px rgba(28, 32, 36, 0.03),0px 29px 12px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-inner:inset 0px 0px 1px 0px rgba(28, 32, 36, 0.06),inset 0px 1px 1px 0px rgba(28, 32, 36, 0.05), inset 0px 3px 2px 0px rgba(28, 32, 36, 0.03),inset 0px 5px 2px 0px rgba(28, 32, 36, 0.01);--tgph-spacing-0:0px;--tgph-spacing-1:.25rem;--tgph-spacing-2:.5rem;--tgph-spacing-3:.75rem;--tgph-spacing-4:1rem;--tgph-spacing-5:1.25rem;--tgph-spacing-6:1.5rem;--tgph-spacing-7:1.75rem;--tgph-spacing-8:2rem;--tgph-spacing-9:2.25rem;--tgph-spacing-10:2.5rem;--tgph-spacing-11:2.75rem;--tgph-spacing-12:3rem;--tgph-spacing-14:3.5rem;--tgph-spacing-16:4rem;--tgph-spacing-20:5rem;--tgph-spacing-24:6rem;--tgph-spacing-28:7rem;--tgph-spacing-32:8rem;--tgph-spacing-36:9rem;--tgph-spacing-40:10rem;--tgph-spacing-44:11rem;--tgph-spacing-48:12rem;--tgph-spacing-52:13rem;--tgph-spacing-56:14rem;--tgph-spacing-60:15rem;--tgph-spacing-64:16rem;--tgph-spacing-72:18rem;--tgph-spacing-80:20rem;--tgph-spacing-96:24rem;--tgph-spacing-px:1px;--tgph-family-sans:Inter,sans-serif;--tgph-family-mono:Menlo,serif;--tgph-leading-0:1rem;--tgph-leading-1:1rem;--tgph-leading-2:1.25rem;--tgph-leading-3:1.5rem;--tgph-leading-4:1.125rem;--tgph-leading-5:1.25rem;--tgph-leading-6:1.5rem;--tgph-leading-7:1.875rem;--tgph-leading-8:2.25rem;--tgph-leading-9:3rem;--tgph-tracking-0:0.25%;--tgph-tracking-1:0.25%;--tgph-tracking-2:0;--tgph-tracking-3:0;--tgph-tracking-4:-0.25%;--tgph-tracking-5:-0.5%;--tgph-tracking-6:-0.625%;--tgph-tracking-7:-0.75%;--tgph-tracking-8:-1%;--tgph-tracking-9:-2.5%;--tgph-text-0:.6875rem;--tgph-text-1:.75rem;--tgph-text-2:.875rem;--tgph-text-3:1rem;--tgph-text-4:1.125rem;--tgph-text-5:1.25rem;--tgph-text-6:1.5rem;--tgph-text-7:1.875rem;--tgph-text-8:2.25rem;--tgph-text-9:3rem;--tgph-weight-regular:400;--tgph-weight-medium:500;--tgph-weight-semi-bold:600}

package/dist/mappings/semantic.json

@@ -0,0 +1 @@
+{"color":{"text-primary-black":"var(--tgph-color-text-primary-black)","text-primary-white":"var(--tgph-color-text-primary-white)","text-primary-gray":"var(--tgph-color-text-primary-gray)","text-primary-beige":"var(--tgph-color-text-primary-beige)","text-primary-accent":"var(--tgph-color-text-primary-accent)","text-primary-green":"var(--tgph-color-text-primary-green)","text-primary-yellow":"var(--tgph-color-text-primary-yellow)","text-primary-blue":"var(--tgph-color-text-primary-blue)","text-primary-red":"var(--tgph-color-text-primary-red)","text-primary-disabled":"var(--tgph-color-text-primary-disabled)","text-secondary-black":"var(--tgph-color-text-secondary-black)","text-secondary-white":"var(--tgph-color-text-secondary-white)","text-secondary-gray":"var(--tgph-color-text-secondary-gray)","text-secondary-beige":"var(--tgph-color-text-secondary-beige)","text-secondary-accent":"var(--tgph-color-text-secondary-accent)","text-secondary-green":"var(--tgph-color-text-secondary-green)","text-secondary-yellow":"var(--tgph-color-text-secondary-yellow)","text-secondary-blue":"var(--tgph-color-text-secondary-blue)","text-secondary-red":"var(--tgph-color-text-secondary-red)","text-secondary-disabled":"var(--tgph-color-text-secondary-disabled)","button-solid-background-accent-default":"var(--tgph-color-button-solid-background-accent-default)","button-solid-background-accent-hover":"var(--tgph-color-button-solid-background-accent-hover)","button-solid-background-accent-focus":"var(--tgph-color-button-solid-background-accent-focus)","button-solid-background-disabled-default":"var(--tgph-color-button-solid-background-disabled-default)","button-solid-text-accent":"var(--tgph-color-button-solid-text-accent)","button-solid-text-disabled":"var(--tgph-color-button-solid-text-disabled)","button-solid-stroke-accent":"var(--tgph-color-button-solid-stroke-accent)","button-solid-stroke-disabled":"var(--tgph-color-button-solid-stroke-disabled)","button-ghost-background-accent-default":"var(--tgph-color-button-ghost-background-accent-default)","button-ghost-background-accent-hover":"var(--tgph-color-button-ghost-background-accent-hover)","button-ghost-background-accent-focus":"var(--tgph-color-button-ghost-background-accent-focus)","button-ghost-background-gray-default":"var(--tgph-color-button-ghost-background-gray-default)","button-ghost-background-gray-hover":"var(--tgph-color-button-ghost-background-gray-hover)","button-ghost-background-gray-focus":"var(--tgph-color-button-ghost-background-gray-focus)","button-ghost-background-red-default":"var(--tgph-color-button-ghost-background-red-default)","button-ghost-background-red-hover":"var(--tgph-color-button-ghost-background-red-hover)","button-ghost-background-red-focus":"var(--tgph-color-button-ghost-background-red-focus)","button-ghost-background-disabled-default":"var(--tgph-color-button-ghost-background-disabled-default)","button-ghost-text-accent":"var(--tgph-color-button-ghost-text-accent)","button-ghost-text-gray":"var(--tgph-color-button-ghost-text-gray)","button-ghost-text-red":"var(--tgph-color-button-ghost-text-red)","button-ghost-text-disabled":"var(--tgph-color-button-ghost-text-disabled)","button-ghost-icon-accent":"var(--tgph-color-button-ghost-icon-accent)","button-ghost-icon-gray":"var(--tgph-color-button-ghost-icon-gray)","button-ghost-icon-red":"var(--tgph-color-button-ghost-icon-red)","button-ghost-icon-disabled":"var(--tgph-color-button-ghost-icon-disabled)","button-soft-background-red-active":"var(--tgph-color-button-soft-background-red-active)","button-soft-background-red-hover":"var(--tgph-color-button-soft-background-red-hover)","button-soft-background-red-focus":"var(--tgph-color-button-soft-background-red-focus)","button-soft-background-disabled":"var(--tgph-color-button-soft-background-disabled)","button-soft-text-red":"var(--tgph-color-button-soft-text-red)","button-soft-text-disabled":"var(--tgph-color-button-soft-text-disabled)","button-soft-icon-red":"var(--tgph-color-button-soft-icon-red)","button-soft-icon-disabled":"var(--tgph-color-button-soft-icon-disabled)","button-outlined-background-gray":"var(--tgph-color-button-outlined-background-gray)","button-outlined-background-disabled":"var(--tgph-color-button-outlined-background-disabled)","button-outlined-border-gray-active":"var(--tgph-color-button-outlined-border-gray-active)","button-outlined-border-gray-hover":"var(--tgph-color-button-outlined-border-gray-hover)","button-outlined-border-gray-focus":"var(--tgph-color-button-outlined-border-gray-focus)","button-outlined-text-gray":"var(--tgph-color-button-outlined-text-gray)","button-outlined-text-disabled":"var(--tgph-color-button-outlined-text-disabled)","button-outlined-icon-gray":"var(--tgph-color-button-outlined-icon-gray)","button-outlined-icon-disabled":"var(--tgph-color-button-outlined-icon-disabled)"},"spacing":{"button-height-1":"var(--tgph-spacing-button-height-1)","button-height-2":"var(--tgph-spacing-button-height-2)","button-height-3":"var(--tgph-spacing-button-height-3)","button-gap-1":"var(--tgph-spacing-button-gap-1)","button-gap-2":"var(--tgph-spacing-button-gap-2)","button-gap-3":"var(--tgph-spacing-button-gap-3)","button-padding-1":"var(--tgph-spacing-button-padding-1)","button-padding-2":"var(--tgph-spacing-button-padding-2)","button-padding-3":"var(--tgph-spacing-button-padding-3)"},"rounded":{"button":"var(--tgph-rounded-button)"}}

package/dist/mappings/tokens.json

@@ -0,0 +1 @@
+{"color":{"transparent":"var(--tgph-transparent)","white":"var(--tgph-white)","black":"var(--tgph-black)","surface":"var(--tgph-surface)","alpha-white-1":"var(--tgph-alpha-white-1)","alpha-white-2":"var(--tgph-alpha-white-2)","alpha-white-3":"var(--tgph-alpha-white-3)","alpha-white-4":"var(--tgph-alpha-white-4)","alpha-white-5":"var(--tgph-alpha-white-5)","alpha-white-6":"var(--tgph-alpha-white-6)","alpha-white-7":"var(--tgph-alpha-white-7)","alpha-white-8":"var(--tgph-alpha-white-8)","alpha-white-9":"var(--tgph-alpha-white-9)","alpha-white-10":"var(--tgph-alpha-white-10)","alpha-white-11":"var(--tgph-alpha-white-11)","alpha-white-12":"var(--tgph-alpha-white-12)","alpha-black-1":"var(--tgph-alpha-black-1)","alpha-black-2":"var(--tgph-alpha-black-2)","alpha-black-3":"var(--tgph-alpha-black-3)","alpha-black-4":"var(--tgph-alpha-black-4)","alpha-black-5":"var(--tgph-alpha-black-5)","alpha-black-6":"var(--tgph-alpha-black-6)","alpha-black-7":"var(--tgph-alpha-black-7)","alpha-black-8":"var(--tgph-alpha-black-8)","alpha-black-9":"var(--tgph-alpha-black-9)","alpha-black-10":"var(--tgph-alpha-black-10)","alpha-black-11":"var(--tgph-alpha-black-11)","alpha-black-12":"var(--tgph-alpha-black-12)","gray-1":"var(--tgph-gray-1)","gray-2":"var(--tgph-gray-2)","gray-3":"var(--tgph-gray-3)","gray-4":"var(--tgph-gray-4)","gray-5":"var(--tgph-gray-5)","gray-6":"var(--tgph-gray-6)","gray-7":"var(--tgph-gray-7)","gray-8":"var(--tgph-gray-8)","gray-9":"var(--tgph-gray-9)","gray-10":"var(--tgph-gray-10)","gray-11":"var(--tgph-gray-11)","gray-12":"var(--tgph-gray-12)","beige-1":"var(--tgph-beige-1)","beige-2":"var(--tgph-beige-2)","beige-3":"var(--tgph-beige-3)","beige-4":"var(--tgph-beige-4)","beige-5":"var(--tgph-beige-5)","beige-6":"var(--tgph-beige-6)","beige-7":"var(--tgph-beige-7)","beige-8":"var(--tgph-beige-8)","beige-9":"var(--tgph-beige-9)","beige-10":"var(--tgph-beige-10)","beige-11":"var(--tgph-beige-11)","beige-12":"var(--tgph-beige-12)","accent-1":"var(--tgph-accent-1)","accent-2":"var(--tgph-accent-2)","accent-3":"var(--tgph-accent-3)","accent-4":"var(--tgph-accent-4)","accent-5":"var(--tgph-accent-5)","accent-6":"var(--tgph-accent-6)","accent-7":"var(--tgph-accent-7)","accent-8":"var(--tgph-accent-8)","accent-9":"var(--tgph-accent-9)","accent-10":"var(--tgph-accent-10)","accent-11":"var(--tgph-accent-11)","accent-12":"var(--tgph-accent-12)","green-1":"var(--tgph-green-1)","green-2":"var(--tgph-green-2)","green-3":"var(--tgph-green-3)","green-4":"var(--tgph-green-4)","green-5":"var(--tgph-green-5)","green-6":"var(--tgph-green-6)","green-7":"var(--tgph-green-7)","green-8":"var(--tgph-green-8)","green-9":"var(--tgph-green-9)","green-10":"var(--tgph-green-10)","green-11":"var(--tgph-green-11)","green-12":"var(--tgph-green-12)","yellow-1":"var(--tgph-yellow-1)","yellow-2":"var(--tgph-yellow-2)","yellow-3":"var(--tgph-yellow-3)","yellow-4":"var(--tgph-yellow-4)","yellow-5":"var(--tgph-yellow-5)","yellow-6":"var(--tgph-yellow-6)","yellow-7":"var(--tgph-yellow-7)","yellow-8":"var(--tgph-yellow-8)","yellow-9":"var(--tgph-yellow-9)","yellow-10":"var(--tgph-yellow-10)","yellow-11":"var(--tgph-yellow-11)","yellow-12":"var(--tgph-yellow-12)","blue-1":"var(--tgph-blue-1)","blue-2":"var(--tgph-blue-2)","blue-3":"var(--tgph-blue-3)","blue-4":"var(--tgph-blue-4)","blue-5":"var(--tgph-blue-5)","blue-6":"var(--tgph-blue-6)","blue-7":"var(--tgph-blue-7)","blue-8":"var(--tgph-blue-8)","blue-9":"var(--tgph-blue-9)","blue-10":"var(--tgph-blue-10)","blue-11":"var(--tgph-blue-11)","blue-12":"var(--tgph-blue-12)","red-1":"var(--tgph-red-1)","red-2":"var(--tgph-red-2)","red-3":"var(--tgph-red-3)","red-4":"var(--tgph-red-4)","red-5":"var(--tgph-red-5)","red-6":"var(--tgph-red-6)","red-7":"var(--tgph-red-7)","red-8":"var(--tgph-red-8)","red-9":"var(--tgph-red-9)","red-10":"var(--tgph-red-10)","red-11":"var(--tgph-red-11)","red-12":"var(--tgph-red-12)"},"rounded":{"0":"var(--tgph-rounded-0)","1":"var(--tgph-rounded-1)","2":"var(--tgph-rounded-2)","3":"var(--tgph-rounded-3)","4":"var(--tgph-rounded-4)","5":"var(--tgph-rounded-5)","6":"var(--tgph-rounded-6)","full":"var(--tgph-rounded-full)"},"shadow":{"0":"var(--tgph-shadow-0)","1":"var(--tgph-shadow-1)","2":"var(--tgph-shadow-2)","3":"var(--tgph-shadow-3)","inner":"var(--tgph-shadow-inner)"},"spacing":{"0":"var(--tgph-spacing-0)","1":"var(--tgph-spacing-1)","2":"var(--tgph-spacing-2)","3":"var(--tgph-spacing-3)","4":"var(--tgph-spacing-4)","5":"var(--tgph-spacing-5)","6":"var(--tgph-spacing-6)","7":"var(--tgph-spacing-7)","8":"var(--tgph-spacing-8)","9":"var(--tgph-spacing-9)","10":"var(--tgph-spacing-10)","11":"var(--tgph-spacing-11)","12":"var(--tgph-spacing-12)","14":"var(--tgph-spacing-14)","16":"var(--tgph-spacing-16)","20":"var(--tgph-spacing-20)","24":"var(--tgph-spacing-24)","28":"var(--tgph-spacing-28)","32":"var(--tgph-spacing-32)","36":"var(--tgph-spacing-36)","40":"var(--tgph-spacing-40)","44":"var(--tgph-spacing-44)","48":"var(--tgph-spacing-48)","52":"var(--tgph-spacing-52)","56":"var(--tgph-spacing-56)","60":"var(--tgph-spacing-60)","64":"var(--tgph-spacing-64)","72":"var(--tgph-spacing-72)","80":"var(--tgph-spacing-80)","96":"var(--tgph-spacing-96)","px":"var(--tgph-spacing-px)"},"family":{"sans":"var(--tgph-family-sans)","mono":"var(--tgph-family-mono)"},"leading":{"0":"var(--tgph-leading-0)","1":"var(--tgph-leading-1)","2":"var(--tgph-leading-2)","3":"var(--tgph-leading-3)","4":"var(--tgph-leading-4)","5":"var(--tgph-leading-5)","6":"var(--tgph-leading-6)","7":"var(--tgph-leading-7)","8":"var(--tgph-leading-8)","9":"var(--tgph-leading-9)"},"tracking":{"0":"var(--tgph-tracking-0)","1":"var(--tgph-tracking-1)","2":"var(--tgph-tracking-2)","3":"var(--tgph-tracking-3)","4":"var(--tgph-tracking-4)","5":"var(--tgph-tracking-5)","6":"var(--tgph-tracking-6)","7":"var(--tgph-tracking-7)","8":"var(--tgph-tracking-8)","9":"var(--tgph-tracking-9)"},"text":{"0":"var(--tgph-text-0)","1":"var(--tgph-text-1)","2":"var(--tgph-text-2)","3":"var(--tgph-text-3)","4":"var(--tgph-text-4)","5":"var(--tgph-text-5)","6":"var(--tgph-text-6)","7":"var(--tgph-text-7)","8":"var(--tgph-text-8)","9":"var(--tgph-text-9)"},"weight":{"regular":"var(--tgph-weight-regular)","medium":"var(--tgph-weight-medium)","semi-bold":"var(--tgph-weight-semi-bold)"}}

package/dist/tokens/family.d.ts

@@ -0,0 +1,5 @@
+export declare const family: {
+    sans: string;
+    mono: string;
+};
+//# sourceMappingURL=family.d.ts.map

package/dist/tokens/family.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"family.d.ts","sourceRoot":"","sources":["../../src/tokens/family.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}

package/dist/tokens/leading.d.ts

@@ -0,0 +1,13 @@
+export declare const leading: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+};
+//# sourceMappingURL=leading.d.ts.map

package/dist/tokens/leading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"leading.d.ts","sourceRoot":"","sources":["../../src/tokens/leading.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;CAYnB,CAAA"}

package/dist/tokens/text.d.ts

@@ -0,0 +1,13 @@
+export declare const text: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+};
+//# sourceMappingURL=text.d.ts.map

package/dist/tokens/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/tokens/text.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;CAWhB,CAAC"}

package/dist/tokens/tracking.d.ts

@@ -0,0 +1,13 @@
+export declare const tracking: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+};
+//# sourceMappingURL=tracking.d.ts.map

package/dist/tokens/tracking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tracking.d.ts","sourceRoot":"","sources":["../../src/tokens/tracking.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;CAWpB,CAAC"}

package/dist/tokens/weight.d.ts

@@ -0,0 +1,6 @@
+export declare const weight: {
+    regular: string;
+    medium: string;
+    "semi-bold": string;
+};
+//# sourceMappingURL=weight.d.ts.map

package/dist/tokens/weight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weight.d.ts","sourceRoot":"","sources":["../../src/tokens/weight.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;CAIlB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telegraph/tokens",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "author": "@knocklabs",
   "license": "MIT",
   "repository": "https://github.com/knocklabs/telegraph/tree/main/packages/tokens",
@@ -8,8 +8,9 @@
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.js",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js",
+      "types": "./dist/index.d.ts",
       "default": "./dist/default.css"
     },
     "./default": {
@@ -23,6 +24,14 @@
     },
     "./semantic": {
       "default": "./dist/semantic.css"
+    },
+    "./mappings/semantic": {
+      "import": "./dist/mappings/semantic.json",
+      "default": "./dist/mappings/semantic.json"
+    },
+    "./mappings/tokens": {
+      "import": "./dist/mappings/tokens.json",
+      "default": "./dist/mappings/tokens.json"
     }
   },
   "files": [
@@ -32,15 +41,20 @@
   "prettier": "@telegraph/prettier-config",
   "scripts": {
     "clean": "rm -rf dist",
-    "generate-css-file": "node ./scripts/generate-css-file.js ../dist/index.js",
-    "build": "yarn clean && tsc && yarn generate-css-file"
+    "generate-css-file": "node ./scripts/generate-css-file.js ../dist/index.umd.js",
+    "generate-css-var-map": "node ./scripts/generate-css-var-map.js ../dist/index.umd.js",
+    "build": "yarn clean && yarn build:esm && yarn build:cjs && yarn generate-css-file && yarn generate-css-var-map",
+    "build:esm": "BUILD_TARGET=esm; tsc && vite build",
+    "build:cjs": "BUILD_TARGET=cjs; tsc && vite build"
   },
   "devDependencies": {
     "@knocklabs/eslint-config": "^0.0.3",
     "@knocklabs/typescript-config": "^0.0.2",
     "@telegraph/prettier-config": "^0.0.5",
+    "@telegraph/vite-config": "^0.0.5",
     "eslint": "^8.56.0",
     "lightningcss": "^1.23.0",
-    "typescript": "^5.3.3"
+    "typescript": "^5.3.3",
+    "vite": "^5.0.12"
   }
 }

package/dist/index.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.tgph = void 0;
-const color_1 = require("./semantic/color");
-const rounded_1 = require("./semantic/rounded");
-const spacing_1 = require("./semantic/spacing");
-const color_2 = require("./tokens/color");
-const font_1 = require("./tokens/font");
-const rounded_2 = require("./tokens/rounded");
-const shadow_1 = require("./tokens/shadow");
-const spacing_2 = require("./tokens/spacing");
-exports.tgph = {
-    tokens: {
-        color: color_2.color,
-        font: font_1.font,
-        rounded: rounded_2.rounded,
-        shadow: shadow_1.shadow,
-        spacing: spacing_2.spacing,
-    },
-    semantic: {
-        color: color_1.semanticColor,
-        spacing: spacing_1.semanticSpacing,
-        rounded: rounded_1.semanticRounded,
-    },
-};

package/dist/semantic/color.js

@@ -1,128 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.semanticColor = void 0;
-const color_1 = require("../tokens/color");
-exports.semanticColor = {
-    text: {
-        primary: {
-            black: color_1.color.black[12],
-            white: color_1.color.white[12],
-            gray: color_1.color.gray[12],
-            beige: color_1.color.beige[12],
-            accent: color_1.color.accent[12],
-            green: color_1.color.green[12],
-            yellow: color_1.color.yellow[12],
-            blue: color_1.color.blue[12],
-            red: color_1.color.red[12],
-            disabled: color_1.color.gray[8],
-        },
-        secondary: {
-            black: color_1.color.black[11],
-            white: color_1.color.white[11],
-            gray: color_1.color.gray[11],
-            beige: color_1.color.beige[11],
-            accent: color_1.color.accent[11],
-            green: color_1.color.green[11],
-            yellow: color_1.color.yellow[11],
-            blue: color_1.color.blue[11],
-            red: color_1.color.red[11],
-            disabled: color_1.color.gray[8],
-        },
-    },
-    // color.button.solid.background.accent.focus
-    button: {
-        solid: {
-            background: {
-                accent: {
-                    default: color_1.color.accent[9],
-                    hover: color_1.color.accent[10],
-                    focus: color_1.color.accent[11],
-                },
-                disabled: {
-                    default: color_1.color.gray[2],
-                },
-            },
-            text: {
-                accent: color_1.color.white,
-                disabled: color_1.color.gray[8],
-            },
-            stroke: {
-                accent: color_1.color.white,
-                disabled: color_1.color.gray[8],
-            },
-        },
-        ghost: {
-            background: {
-                accent: {
-                    default: color_1.color.transparent,
-                    hover: color_1.color.accent[3],
-                    focus: color_1.color.accent[4],
-                },
-                gray: {
-                    default: color_1.color.transparent,
-                    hover: color_1.color.gray[3],
-                    focus: color_1.color.gray[4],
-                },
-                red: {
-                    default: color_1.color.transparent,
-                    hover: color_1.color.red[3],
-                    focus: color_1.color.red[4],
-                },
-                disabled: {
-                    default: color_1.color.transparent,
-                },
-            },
-            text: {
-                accent: color_1.color.accent[11],
-                gray: color_1.color.gray[11],
-                red: color_1.color.red[11],
-                disabled: color_1.color.gray[8],
-            },
-            icon: {
-                accent: color_1.color.accent[11],
-                gray: color_1.color.gray[11],
-                red: color_1.color.red[11],
-                disabled: color_1.color.gray[8],
-            },
-        },
-        soft: {
-            background: {
-                red: {
-                    active: color_1.color.red[3],
-                    hover: color_1.color.red[4],
-                    focus: color_1.color.red[5],
-                },
-                disabled: color_1.color.gray[2],
-            },
-            text: {
-                red: color_1.color.white,
-                disabled: color_1.color.gray[8],
-            },
-            icon: {
-                red: color_1.color.white,
-                disabled: color_1.color.gray[8],
-            },
-        },
-        outlined: {
-            background: {
-                gray: color_1.color.transparent,
-                disabled: color_1.color.gray[2],
-            },
-            border: {
-                gray: {
-                    active: color_1.color.gray[6],
-                    hover: color_1.color.gray[7],
-                    focus: color_1.color.gray[8],
-                },
-            },
-            text: {
-                gray: color_1.color.gray[12],
-                disabled: color_1.color.gray[8],
-            },
-            icon: {
-                gray: color_1.color.gray[12],
-                disabled: color_1.color.gray[8],
-            },
-        },
-    },
-};

package/dist/semantic/rounded.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.semanticRounded = void 0;
-const rounded_1 = require("../tokens/rounded");
-exports.semanticRounded = {
-    button: rounded_1.rounded[2],
-};

package/dist/semantic/spacing.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.semanticSpacing = void 0;
-const spacing_1 = require("../tokens/spacing");
-exports.semanticSpacing = {
-    button: {
-        height: {
-            1: spacing_1.spacing[6],
-            2: spacing_1.spacing[8],
-            3: spacing_1.spacing[10],
-        },
-        gap: {
-            1: spacing_1.spacing[1],
-            2: spacing_1.spacing[2],
-            3: spacing_1.spacing[3],
-        },
-        padding: {
-            1: spacing_1.spacing[2],
-            2: spacing_1.spacing[3],
-            3: spacing_1.spacing[4],
-        },
-    },
-};

package/dist/tokens/color.js

@@ -1,140 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.color = void 0;
-exports.color = {
-    transparent: "transparent",
-    white: "#ffffff",
-    black: "#000000",
-    surface: {
-        light: "#ffffff",
-        dark: "#111113",
-    },
-    alpha: {
-        white: {
-            1: "rgba(255, 255, 255, 0.05)",
-            2: "rgba(255, 255, 255, 0.1)",
-            3: "rgba(255, 255, 255, 0.15)",
-            4: "rgba(255, 255, 255, 0.2)",
-            5: "rgba(255, 255, 255, 0.3)",
-            6: "rgba(255, 255, 255, 0.4)",
-            7: "rgba(255, 255, 255, 0.5)",
-            8: "rgba(255, 255, 255, 0.6)",
-            9: "rgba(255, 255, 255, 0.7)",
-            10: "rgba(255, 255, 255, 0.8)",
-            11: "rgba(255, 255, 255, 0.9)",
-            12: "rgba(255, 255, 255, 0.95)",
-        },
-        black: {
-            1: "rgba(0, 0, 0, 0.05)",
-            2: "rgba(0, 0, 0, 0.1)",
-            3: "rgba(0, 0, 0, 0.15)",
-            4: "rgba(0, 0, 0, 0.2)",
-            5: "rgba(0, 0, 0, 0.3)",
-            6: "rgba(0, 0, 0, 0.4)",
-            7: "rgba(0, 0, 0, 0.5)",
-            8: "rgba(0, 0, 0, 0.6)",
-            9: "rgba(0, 0, 0, 0.7)",
-            10: "rgba(0, 0, 0, 0.8)",
-            11: "rgba(0, 0, 0, 0.9)",
-            12: "rgba(0, 0, 0, 0.95)",
-        },
-    },
-    gray: {
-        1: { light: "#fcfcfd", dark: "#111113" },
-        2: { light: "#f9f9fb", dark: "#18191b" },
-        3: { light: "#f0f0f3", dark: "#212225" },
-        4: { light: "#e8e8ec", dark: "#272a2d" },
-        5: { light: "#e0e1e6", dark: "#2e3135" },
-        6: { light: "#d9d9e0", dark: "#363a3f" },
-        7: { light: "#cdced6", dark: "#43484e" },
-        8: { light: "#b9bbc6", dark: "#5a6169" },
-        9: { light: "#8b8d98", dark: "#696e77" },
-        10: { light: "#80838d", dark: "#777b84" },
-        11: { light: "#60646c", dark: "#b0b4ba" },
-        12: { light: "#1c2024", dark: "#edeef0" },
-    },
-    beige: {
-        1: { light: "#fdfdfc", dark: "#111110" },
-        2: { light: "#f9f9f8", dark: "#191918" },
-        3: { light: "#f1f0ef", dark: "#222221" },
-        4: { light: "#e9e8e6", dark: "#2a2a28" },
-        5: { light: "#e2e1de", dark: "#31312e" },
-        6: { light: "#dad9d6", dark: "#3b3a37" },
-        7: { light: "#cfceca", dark: "#494844" },
-        8: { light: "#bcbbb5", dark: "#62605b" },
-        9: { light: "#8d8d86", dark: "#6f6d66" },
-        10: { light: "#82827c", dark: "#7c7b74" },
-        11: { light: "#63635e", dark: "#b5b3ad" },
-        12: { light: "#21201c", dark: "#eeeeec" },
-    },
-    accent: {
-        1: { light: "#fffcfc", dark: "#181111" },
-        2: { light: "#fff8f7", dark: "#1f1513" },
-        3: { light: "#feebe7", dark: "#391714" },
-        4: { light: "#ffdcd3", dark: "#4e1511" },
-        5: { light: "#ffcdc2", dark: "#5e1c16" },
-        6: { light: "#fdbdaf", dark: "#6e2920" },
-        7: { light: "#f5a898", dark: "#853a2d" },
-        8: { light: "#ec8e7b", dark: "#ac4d39" },
-        9: { light: "#e54d2e", dark: "#e54d2e" },
-        10: { light: "#dd4425", dark: "#ec6142" },
-        11: { light: "#d13415", dark: "#ff977d" },
-        12: { light: "#5c271f", dark: "#fbd3cb" },
-    },
-    green: {
-        1: { light: "#fbfefd", dark: "#0d1512" },
-        2: { light: "#f4fbf7", dark: "#121c18" },
-        3: { light: "#e6f7ed", dark: "#0f2e22" },
-        4: { light: "#d6f1e3", dark: "#0b3b2c" },
-        5: { light: "#c3e9d7", dark: "#114837" },
-        6: { light: "#acdec8", dark: "#1b5745" },
-        7: { light: "#8bceb6", dark: "#246854" },
-        8: { light: "#56ba9f", dark: "#2a7e68" },
-        9: { light: "#29a383", dark: "#29a383" },
-        10: { light: "#26997b", dark: "#27b08b" },
-        11: { light: "#208368", dark: "#1fd8a4" },
-        12: { light: "#1d3b31", dark: "#adf0d4" },
-    },
-    yellow: {
-        1: { light: "#fbfefd", dark: "#14120b" },
-        2: { light: "#f4fbf7", dark: "#1b180f" },
-        3: { light: "#e6f7ed", dark: "#2d2305" },
-        4: { light: "#d6f1e3", dark: "#362b00" },
-        5: { light: "#c3e9d7", dark: "#433500" },
-        6: { light: "#acdec8", dark: "#524202" },
-        7: { light: "#8bceb6", dark: "#665417" },
-        8: { light: "#56ba9f", dark: "#836a21" },
-        9: { light: "#29a383", dark: "#ffe629" },
-        10: { light: "#26997b", dark: "#ffff57" },
-        11: { light: "#208368", dark: "#f5e147" },
-        12: { light: "#1d3b31", dark: "#ffe7b3" },
-    },
-    blue: {
-        1: { light: "#fdfdfe", dark: "#11131f" },
-        2: { light: "#f7f9ff", dark: "#141726" },
-        3: { light: "#edf2fe", dark: "#182449" },
-        4: { light: "#e1e9ff", dark: "#1d2e62" },
-        5: { light: "#d2deff", dark: "#253974" },
-        6: { light: "#c1d0ff", dark: "#304384" },
-        7: { light: "#abbdf9", dark: "#3a4f97" },
-        8: { light: "#8da4ef", dark: "#435db1" },
-        9: { light: "#3e63dd", dark: "#3e63dd" },
-        10: { light: "#3358d4", dark: "#5472e4" },
-        11: { light: "#3a5bc7", dark: "#9eb1ff" },
-        12: { light: "#1f2d5c", dark: "#d6e1ff" },
-    },
-    red: {
-        1: { light: "#fffcfd", dark: "#191113" },
-        2: { light: "#fff7f8", dark: "#1e1517" },
-        3: { light: "#feeaed", dark: "#3a141e" },
-        4: { light: "#ffdce1", dark: "#4e1325" },
-        5: { light: "#ffced6", dark: "#5e1a2e" },
-        6: { light: "#f8bfc8", dark: "#6f2539" },
-        7: { light: "#efacb8", dark: "#883447" },
-        8: { light: "#e592a3", dark: "#b3445a" },
-        9: { light: "#e54666", dark: "#e54666" },
-        10: { light: "#dc3b5d", dark: "#ec5a72" },
-        11: { light: "#ca244d", dark: "#ff949d" },
-        12: { light: "#64172b", dark: "#fed2e1" },
-    },
-};