@fastwork/xosmoz-theme 0.0.3

package/dist/tokens.js

@@ -0,0 +1,547 @@
+'use strict';
+
+// src/tokens/colors.ts
+var primary = {
+  50: "#E5F0FF",
+  100: "#CCE0FF",
+  200: "#99C2FF",
+  300: "#66A3FF",
+  400: "#3385FF",
+  500: "#0569FF",
+  600: "#0052CC",
+  700: "#003D99",
+  800: "#002966",
+  900: "#001433"
+};
+var neutral = {
+  50: "#FFFFFF",
+  100: "#FBFBFC",
+  200: "#F6F7F8",
+  300: "#E8EAEE",
+  400: "#D6DAE1",
+  500: "#9BA6B5",
+  600: "#8793A6",
+  700: "#728197",
+  800: "#485261",
+  900: "#38404C",
+  1e3: "#2B313B",
+  1100: "#000000"
+};
+var green = {
+  50: "#EBFFF3",
+  100: "#D7F1E2",
+  200: "#AFE3C5",
+  300: "#87D5A7",
+  400: "#5FC78A",
+  500: "#37B96D",
+  600: "#2C9457",
+  700: "#216F41",
+  800: "#164A2C",
+  900: "#0B2516"
+};
+var yellow = {
+  50: "#FFF8E5",
+  100: "#FFF4CC",
+  200: "#FFE999",
+  300: "#FFDE66",
+  400: "#FFD333",
+  500: "#FFC800",
+  600: "#CCA000",
+  700: "#997800",
+  800: "#665000",
+  900: "#332800"
+};
+var red = {
+  50: "#FCE3E3",
+  100: "#FAD8D7",
+  200: "#F5B0AF",
+  300: "#F08987",
+  400: "#EC615F",
+  500: "#E73A37",
+  600: "#B92E2C",
+  700: "#8A2321",
+  800: "#5C1716",
+  900: "#411110"
+};
+var orange = {
+  50: "#FEF0E6",
+  100: "#FEE1CD",
+  200: "#FCC49C",
+  300: "#FBA66A",
+  400: "#FA8938",
+  500: "#F97416",
+  600: "#C75605",
+  700: "#954004",
+  800: "#632B03",
+  900: "#321501"
+};
+var purple = {
+  50: "#F0F2FD",
+  100: "#E9E8FA",
+  200: "#D2D1F6",
+  300: "#BCBBF1",
+  400: "#A5A4ED",
+  500: "#8F8DE8",
+  600: "#7271BA",
+  700: "#56558B",
+  800: "#39385D",
+  900: "#1D1C2E"
+};
+var cyan = {
+  50: "#E5F5FC",
+  100: "#D7EFF8",
+  200: "#AFDEF1",
+  300: "#88CEEA",
+  400: "#60BDE3",
+  500: "#38ADDC",
+  600: "#2D8AB0",
+  700: "#226884",
+  800: "#164558",
+  900: "#0B232C"
+};
+var blackAlpha = {
+  50: "rgb(0 0 0 / 0.05)",
+  100: "rgb(0 0 0 / 0.1)",
+  200: "rgb(0 0 0 / 0.2)",
+  300: "rgb(0 0 0 / 0.3)",
+  400: "rgb(0 0 0 / 0.4)",
+  500: "rgb(0 0 0 / 0.5)",
+  600: "rgb(0 0 0 / 0.6)",
+  700: "rgb(0 0 0 / 0.7)",
+  800: "rgb(0 0 0 / 0.8)",
+  900: "rgb(0 0 0 / 0.9)"
+};
+var whiteAlpha = {
+  50: "rgb(255 255 255 / 0.05)",
+  100: "rgb(255 255 255 / 0.1)",
+  200: "rgb(255 255 255 / 0.2)",
+  300: "rgb(255 255 255 / 0.3)",
+  400: "rgb(255 255 255 / 0.4)",
+  500: "rgb(255 255 255 / 0.5)",
+  600: "rgb(255 255 255 / 0.6)",
+  700: "rgb(255 255 255 / 0.7)",
+  800: "rgb(255 255 255 / 0.8)",
+  900: "rgb(255 255 255 / 0.9)"
+};
+var colors = {
+  primary,
+  neutral,
+  green,
+  yellow,
+  red,
+  orange,
+  purple,
+  cyan,
+  "black-alpha": blackAlpha,
+  "white-alpha": whiteAlpha
+};
+
+// src/tokens/typography.ts
+var fontSize = {
+  50: "0.5rem",
+  // 8px
+  100: "0.625rem",
+  // 10px
+  200: "0.75rem",
+  // 12px
+  300: "0.875rem",
+  // 14px
+  400: "1rem",
+  // 16px
+  500: "1.125rem",
+  // 18px
+  600: "1.25rem",
+  // 20px
+  700: "1.5rem",
+  // 24px
+  800: "1.625rem",
+  // 26px
+  900: "2rem",
+  // 32px
+  1e3: "2.375rem",
+  // 38px
+  1100: "2.5rem",
+  // 40px
+  1200: "2.6875rem",
+  // 43px
+  1300: "3rem",
+  // 48px
+  1400: "3.5rem",
+  // 56px
+  1500: "4rem",
+  // 64px
+  1600: "4.5rem"
+  // 72px
+};
+var fontWeight = {
+  100: 100,
+  200: 200,
+  300: 300,
+  400: 400,
+  500: 500,
+  600: 600,
+  700: 700,
+  800: 800,
+  900: 900
+};
+var fontFamily = {
+  primary: '-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif',
+  secondary: '"Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif'
+};
+var lineHeight = {
+  "100pct": "1",
+  "125pct": "1.25",
+  "135pct": "1.35",
+  "150pct": "1.5",
+  "165pct": "1.65",
+  "200pct": "2"
+};
+var headings = {
+  h1: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[1600],
+      // 72px
+      mobile: fontSize[1300]
+      // 48px
+    },
+    fontWeight: fontWeight[700]
+  },
+  h2: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[1500],
+      // 64px
+      mobile: fontSize[1200]
+      // 43px
+    },
+    fontWeight: fontWeight[700]
+  },
+  h3: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[1400],
+      // 56px
+      mobile: fontSize[1e3]
+      // 38px
+    },
+    fontWeight: fontWeight[700]
+  },
+  h4: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[1300],
+      // 48px
+      mobile: fontSize[900]
+      // 32px
+    },
+    fontWeight: fontWeight[700]
+  },
+  h5: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[1100],
+      // 40px
+      mobile: fontSize[800]
+      // 26px
+    },
+    fontWeight: fontWeight[700]
+  },
+  h6: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[900],
+      // 32px
+      mobile: fontSize[700]
+      // 24px
+    },
+    fontWeight: fontWeight[700]
+  }
+};
+var titles = {
+  title1: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[700],
+      // 24px
+      mobile: fontSize[600]
+      // 20px
+    },
+    fontWeight: fontWeight[700]
+  },
+  title2: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[600],
+      // 20px
+      mobile: fontSize[500]
+      // 18px
+    },
+    fontWeight: fontWeight[700]
+  },
+  title3: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[500],
+      // 18px
+      mobile: fontSize[400]
+      // 16px
+    },
+    fontWeight: fontWeight[700]
+  },
+  title4: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[400],
+      // 16px
+      mobile: fontSize[300]
+      // 14px
+    },
+    fontWeight: fontWeight[700]
+  }
+};
+var subtitles = {
+  subtitle1Bold: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[400],
+      // 16px
+      mobile: fontSize[300]
+      // 14px
+    },
+    fontWeight: fontWeight[700]
+  },
+  subtitle1Regular: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[400],
+      // 16px
+      mobile: fontSize[300]
+      // 14px
+    },
+    fontWeight: fontWeight[400]
+  },
+  subtitle2Bold: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[300],
+      // 14px
+      mobile: fontSize[200]
+      // 12px
+    },
+    fontWeight: fontWeight[700]
+  },
+  subtitle2Regular: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[300],
+      // 14px
+      mobile: fontSize[200]
+      // 12px
+    },
+    fontWeight: fontWeight[400]
+  },
+  subtitle3Bold: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[200],
+      // 12px
+      mobile: fontSize[100]
+      // 10px
+    },
+    fontWeight: fontWeight[700]
+  },
+  subtitle3Regular: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[200],
+      // 12px
+      mobile: fontSize[100]
+      // 10px
+    },
+    fontWeight: fontWeight[400]
+  }
+};
+var body = {
+  body1: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[400],
+      // 16px
+      mobile: fontSize[300]
+      // 14px
+    },
+    fontWeight: fontWeight[400]
+  },
+  body2: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[300],
+      // 14px
+      mobile: fontSize[200]
+      // 12px
+    },
+    fontWeight: fontWeight[400]
+  },
+  body3: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[200],
+      // 12px
+      mobile: fontSize[100]
+      // 10px
+    },
+    fontWeight: fontWeight[400]
+  },
+  body4: {
+    fontFamily: fontFamily.secondary,
+    fontSize: {
+      desktop: fontSize[100],
+      // 10px
+      mobile: fontSize[50]
+      // 8px
+    },
+    fontWeight: fontWeight[400]
+  }
+};
+var typography = {
+  fontSize,
+  fontWeight,
+  fontFamily,
+  lineHeight,
+  headings,
+  titles,
+  subtitles,
+  body
+};
+
+// src/tokens/spacing.ts
+var spacing = {
+  0: "0",
+  px: "1px",
+  0.5: "0.125rem",
+  // 2px
+  1: "0.25rem",
+  // 4px
+  1.5: "0.375rem",
+  // 6px
+  2: "0.5rem",
+  // 8px
+  2.5: "0.625rem",
+  // 10px
+  3: "0.75rem",
+  // 12px
+  3.5: "0.875rem",
+  // 14px
+  4: "1rem",
+  // 16px
+  5: "1.25rem",
+  // 20px
+  6: "1.5rem",
+  // 24px
+  7: "1.75rem",
+  // 28px
+  8: "2rem",
+  // 32px
+  9: "2.25rem",
+  // 36px
+  10: "2.5rem",
+  // 40px
+  11: "2.75rem",
+  // 44px
+  12: "3rem",
+  // 48px
+  14: "3.5rem",
+  // 56px
+  16: "4rem",
+  // 64px
+  20: "5rem",
+  // 80px
+  24: "6rem",
+  // 96px
+  28: "7rem",
+  // 112px
+  32: "8rem",
+  // 128px
+  36: "9rem",
+  // 144px
+  40: "10rem",
+  // 160px
+  44: "11rem",
+  // 176px
+  48: "12rem",
+  // 192px
+  52: "13rem",
+  // 208px
+  56: "14rem",
+  // 224px
+  60: "15rem",
+  // 240px
+  64: "16rem",
+  // 256px
+  72: "18rem",
+  // 288px
+  80: "20rem",
+  // 320px
+  96: "24rem"
+  // 384px
+};
+
+// src/tokens/shadows.ts
+var shadows = {
+  xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+  base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+  md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+  lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+  xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+  "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+  inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+  none: "0 0 #0000"
+};
+
+// src/tokens/radius.ts
+var borderRadius = {
+  none: "0",
+  sm: "0.125rem",
+  // 2px
+  base: "0.25rem",
+  // 4px
+  md: "0.375rem",
+  // 6px
+  lg: "0.5rem",
+  // 8px
+  xl: "0.75rem",
+  // 12px
+  "2xl": "1rem",
+  // 16px
+  "3xl": "1.5rem",
+  // 24px
+  full: "9999px"
+};
+
+exports.blackAlpha = blackAlpha;
+exports.body = body;
+exports.borderRadius = borderRadius;
+exports.colors = colors;
+exports.cyan = cyan;
+exports.fontFamily = fontFamily;
+exports.fontSize = fontSize;
+exports.fontWeight = fontWeight;
+exports.green = green;
+exports.headings = headings;
+exports.lineHeight = lineHeight;
+exports.neutral = neutral;
+exports.orange = orange;
+exports.primary = primary;
+exports.purple = purple;
+exports.red = red;
+exports.shadows = shadows;
+exports.spacing = spacing;
+exports.subtitles = subtitles;
+exports.titles = titles;
+exports.typography = typography;
+exports.whiteAlpha = whiteAlpha;
+exports.yellow = yellow;
+//# sourceMappingURL=tokens.js.map
+//# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/colors.ts","../src/tokens/typography.ts","../src/tokens/spacing.ts","../src/tokens/shadows.ts","../src/tokens/radius.ts"],"names":[],"mappings":"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","file":"tokens.js","sourcesContent":["/**\n * Color design tokens\n */\n\nimport type { ColorToken, ThemeColors } from '../types';\n\nexport const primary: ColorToken = {\n\t50: '#E5F0FF',\n\t100: '#CCE0FF',\n\t200: '#99C2FF',\n\t300: '#66A3FF',\n\t400: '#3385FF',\n\t500: '#0569FF',\n\t600: '#0052CC',\n\t700: '#003D99',\n\t800: '#002966',\n\t900: '#001433',\n};\n\nexport const neutral: ColorToken = {\n\t50: '#FFFFFF',\n\t100: '#FBFBFC',\n\t200: '#F6F7F8',\n\t300: '#E8EAEE',\n\t400: '#D6DAE1',\n\t500: '#9BA6B5',\n\t600: '#8793A6',\n\t700: '#728197',\n\t800: '#485261',\n\t900: '#38404C',\n\t1000: '#2B313B',\n\t1100: '#000000',\n};\n\nexport const green: ColorToken = {\n\t50: '#EBFFF3',\n\t100: '#D7F1E2',\n\t200: '#AFE3C5',\n\t300: '#87D5A7',\n\t400: '#5FC78A',\n\t500: '#37B96D',\n\t600: '#2C9457',\n\t700: '#216F41',\n\t800: '#164A2C',\n\t900: '#0B2516',\n};\n\nexport const yellow: ColorToken = {\n\t50: '#FFF8E5',\n\t100: '#FFF4CC',\n\t200: '#FFE999',\n\t300: '#FFDE66',\n\t400: '#FFD333',\n\t500: '#FFC800',\n\t600: '#CCA000',\n\t700: '#997800',\n\t800: '#665000',\n\t900: '#332800',\n};\n\nexport const red: ColorToken = {\n\t50: '#FCE3E3',\n\t100: '#FAD8D7',\n\t200: '#F5B0AF',\n\t300: '#F08987',\n\t400: '#EC615F',\n\t500: '#E73A37',\n\t600: '#B92E2C',\n\t700: '#8A2321',\n\t800: '#5C1716',\n\t900: '#411110',\n};\n\nexport const orange: ColorToken = {\n\t50: '#FEF0E6',\n\t100: '#FEE1CD',\n\t200: '#FCC49C',\n\t300: '#FBA66A',\n\t400: '#FA8938',\n\t500: '#F97416',\n\t600: '#C75605',\n\t700: '#954004',\n\t800: '#632B03',\n\t900: '#321501',\n};\n\nexport const purple: ColorToken = {\n\t50: '#F0F2FD',\n\t100: '#E9E8FA',\n\t200: '#D2D1F6',\n\t300: '#BCBBF1',\n\t400: '#A5A4ED',\n\t500: '#8F8DE8',\n\t600: '#7271BA',\n\t700: '#56558B',\n\t800: '#39385D',\n\t900: '#1D1C2E',\n};\n\nexport const cyan: ColorToken = {\n\t50: '#E5F5FC',\n\t100: '#D7EFF8',\n\t200: '#AFDEF1',\n\t300: '#88CEEA',\n\t400: '#60BDE3',\n\t500: '#38ADDC',\n\t600: '#2D8AB0',\n\t700: '#226884',\n\t800: '#164558',\n\t900: '#0B232C',\n};\n\nexport const blackAlpha: ColorToken = {\n\t50: 'rgb(0 0 0 / 0.05)',\n\t100: 'rgb(0 0 0 / 0.1)',\n\t200: 'rgb(0 0 0 / 0.2)',\n\t300: 'rgb(0 0 0 / 0.3)',\n\t400: 'rgb(0 0 0 / 0.4)',\n\t500: 'rgb(0 0 0 / 0.5)',\n\t600: 'rgb(0 0 0 / 0.6)',\n\t700: 'rgb(0 0 0 / 0.7)',\n\t800: 'rgb(0 0 0 / 0.8)',\n\t900: 'rgb(0 0 0 / 0.9)',\n};\n\nexport const whiteAlpha: ColorToken = {\n\t50: 'rgb(255 255 255 / 0.05)',\n\t100: 'rgb(255 255 255 / 0.1)',\n\t200: 'rgb(255 255 255 / 0.2)',\n\t300: 'rgb(255 255 255 / 0.3)',\n\t400: 'rgb(255 255 255 / 0.4)',\n\t500: 'rgb(255 255 255 / 0.5)',\n\t600: 'rgb(255 255 255 / 0.6)',\n\t700: 'rgb(255 255 255 / 0.7)',\n\t800: 'rgb(255 255 255 / 0.8)',\n\t900: 'rgb(255 255 255 / 0.9)',\n};\n\nexport const colors: ThemeColors = {\n\tprimary,\n\tneutral,\n\tgreen,\n\tyellow,\n\tred,\n\torange,\n\tpurple,\n\tcyan,\n\t'black-alpha': blackAlpha,\n\t'white-alpha': whiteAlpha,\n};\n","/**\n * Typography design tokens\n */\n\nimport type {\n\tTypographyScale,\n\tFontWeights,\n\tHeadingTokens,\n\tTitleTokens,\n\tSubtitleTokens,\n\tBodyTokens,\n} from '../types';\n\nexport const fontSize: TypographyScale = {\n\t50: '0.5rem', // 8px\n\t100: '0.625rem', // 10px\n\t200: '0.75rem', // 12px\n\t300: '0.875rem', // 14px\n\t400: '1rem', // 16px\n\t500: '1.125rem', // 18px\n\t600: '1.25rem', // 20px\n\t700: '1.5rem', // 24px\n\t800: '1.625rem', // 26px\n\t900: '2rem', // 32px\n\t1000: '2.375rem', // 38px\n\t1100: '2.5rem', // 40px\n\t1200: '2.6875rem', // 43px\n\t1300: '3rem', // 48px\n\t1400: '3.5rem', // 56px\n\t1500: '4rem', // 64px\n\t1600: '4.5rem', // 72px\n};\n\nexport const fontWeight: FontWeights = {\n\t100: 100,\n\t200: 200,\n\t300: 300,\n\t400: 400,\n\t500: 500,\n\t600: 600,\n\t700: 700,\n\t800: 800,\n\t900: 900,\n};\n\nexport const fontFamily = {\n\tprimary:\n\t\t'-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n\tsecondary:\n\t\t'\"Fastwork\", \"Noto Sans Thai\", \"Noto Sans\", -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n};\n\nexport const lineHeight = {\n\t'100pct': '1',\n\t'125pct': '1.25',\n\t'135pct': '1.35',\n\t'150pct': '1.5',\n\t'165pct': '1.65',\n\t'200pct': '2',\n};\n\nexport const headings: HeadingTokens = {\n\th1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1600], // 72px\n\t\t\tmobile: fontSize[1300], // 48px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1500], // 64px\n\t\t\tmobile: fontSize[1200], // 43px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1400], // 56px\n\t\t\tmobile: fontSize[1000], // 38px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1300], // 48px\n\t\t\tmobile: fontSize[900], // 32px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th5: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1100], // 40px\n\t\t\tmobile: fontSize[800], // 26px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th6: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[900], // 32px\n\t\t\tmobile: fontSize[700], // 24px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n};\n\nexport const titles: TitleTokens = {\n\ttitle1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[700], // 24px\n\t\t\tmobile: fontSize[600], // 20px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\ttitle2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[600], // 20px\n\t\t\tmobile: fontSize[500], // 18px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\ttitle3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[500], // 18px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\ttitle4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n};\n\nexport const subtitles: SubtitleTokens = {\n\tsubtitle1Bold: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\tsubtitle1Regular: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tsubtitle2Bold: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\tsubtitle2Regular: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tsubtitle3Bold: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\tsubtitle3Regular: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n};\n\nexport const body: BodyTokens = {\n\tbody1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tbody2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tbody3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tbody4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[100], // 10px\n\t\t\tmobile: fontSize[50], // 8px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n};\n\nexport const typography = {\n\tfontSize,\n\tfontWeight,\n\tfontFamily,\n\tlineHeight,\n\theadings,\n\ttitles,\n\tsubtitles,\n\tbody,\n};\n","/**\n * Spacing design tokens\n */\n\nimport type { SpacingScale } from '../types';\n\nexport const spacing: SpacingScale = {\n\t0: '0',\n\tpx: '1px',\n\t0.5: '0.125rem', // 2px\n\t1: '0.25rem', // 4px\n\t1.5: '0.375rem', // 6px\n\t2: '0.5rem', // 8px\n\t2.5: '0.625rem', // 10px\n\t3: '0.75rem', // 12px\n\t3.5: '0.875rem', // 14px\n\t4: '1rem', // 16px\n\t5: '1.25rem', // 20px\n\t6: '1.5rem', // 24px\n\t7: '1.75rem', // 28px\n\t8: '2rem', // 32px\n\t9: '2.25rem', // 36px\n\t10: '2.5rem', // 40px\n\t11: '2.75rem', // 44px\n\t12: '3rem', // 48px\n\t14: '3.5rem', // 56px\n\t16: '4rem', // 64px\n\t20: '5rem', // 80px\n\t24: '6rem', // 96px\n\t28: '7rem', // 112px\n\t32: '8rem', // 128px\n\t36: '9rem', // 144px\n\t40: '10rem', // 160px\n\t44: '11rem', // 176px\n\t48: '12rem', // 192px\n\t52: '13rem', // 208px\n\t56: '14rem', // 224px\n\t60: '15rem', // 240px\n\t64: '16rem', // 256px\n\t72: '18rem', // 288px\n\t80: '20rem', // 320px\n\t96: '24rem', // 384px\n};\n","/**\n * Shadow design tokens\n */\n\nimport type { Shadows } from '../types';\n\nexport const shadows: Shadows = {\n\txs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n\tsm: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n\tbase: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n\tmd: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n\tlg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n\txl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n\t'2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n\tinner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',\n\tnone: '0 0 #0000',\n};\n","/**\n * Border radius design tokens\n */\n\nimport type { BorderRadius } from '../types';\n\nexport const borderRadius: BorderRadius = {\n\tnone: '0',\n\tsm: '0.125rem', // 2px\n\tbase: '0.25rem', // 4px\n\tmd: '0.375rem', // 6px\n\tlg: '0.5rem', // 8px\n\txl: '0.75rem', // 12px\n\t'2xl': '1rem', // 16px\n\t'3xl': '1.5rem', // 24px\n\tfull: '9999px',\n};\n"]}