@tenphi/tasty 0.10.1 → 0.12.0

package/dist/tokens/typography.js

@@ -1,237 +0,0 @@
-//#region src/tokens/typography.ts
-/**
-* Typography presets for headings, text, and special styles.
-*
-* Naming conventions:
-* - `h1`-`h6`: Headings (bold by default)
-* - `t1`-`t4`: Text styles (regular weight)
-* - `t1m`-`t4m`: Text styles medium weight
-* - `m1`-`m3`: Markdown/prose styles (larger line-height)
-* - `p1`-`p4`: Paragraph styles
-* - `c1`-`c2`: Caption/uppercase styles
-* - `tag`: Tag/badge typography
-* - `strong`, `em`: Inline semantic styles
-* - `default`: Base text style
-*/
-const TYPOGRAPHY_PRESETS = {
-	text: {
-		fontSize: "14px",
-		lineHeight: "20px",
-		letterSpacing: "0",
-		fontWeight: "400"
-	},
-	h1: {
-		fontSize: "36px",
-		lineHeight: "44px",
-		letterSpacing: "-0.01em",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "40px"
-	},
-	h2: {
-		fontSize: "24px",
-		lineHeight: "32px",
-		letterSpacing: "0em",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "28px"
-	},
-	h3: {
-		fontSize: "20px",
-		lineHeight: "28px",
-		letterSpacing: "0em",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "24px"
-	},
-	h4: {
-		fontSize: "18px",
-		lineHeight: "24px",
-		letterSpacing: "0",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "22px"
-	},
-	h5: {
-		fontSize: "16px",
-		lineHeight: "22px",
-		letterSpacing: "0",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "20px"
-	},
-	h6: {
-		fontSize: "14px",
-		lineHeight: "20px",
-		letterSpacing: "0.01em",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "20px"
-	},
-	t1: {
-		fontSize: "18px",
-		lineHeight: "24px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "20px"
-	},
-	t2: {
-		fontSize: "16px",
-		lineHeight: "22px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "20px"
-	},
-	t2m: {
-		fontSize: "16px",
-		lineHeight: "22px",
-		letterSpacing: "0",
-		fontWeight: "500",
-		boldFontWeight: "600",
-		iconSize: "20px"
-	},
-	t3: {
-		fontSize: "14px",
-		lineHeight: "20px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "18px"
-	},
-	t3m: {
-		fontSize: "14px",
-		lineHeight: "20px",
-		letterSpacing: "0",
-		fontWeight: "500",
-		boldFontWeight: "600",
-		iconSize: "18px"
-	},
-	t4: {
-		fontSize: "12px",
-		lineHeight: "18px",
-		letterSpacing: "0",
-		fontWeight: "500",
-		boldFontWeight: "600",
-		iconSize: "16px"
-	},
-	t4m: {
-		fontSize: "12px",
-		lineHeight: "18px",
-		letterSpacing: "0",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "16px"
-	},
-	m1: {
-		fontSize: "18px",
-		lineHeight: "32px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "22px"
-	},
-	m2: {
-		fontSize: "16px",
-		lineHeight: "28px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "20px"
-	},
-	m3: {
-		fontSize: "14px",
-		lineHeight: "24px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "20px"
-	},
-	p1: {
-		fontSize: "18px",
-		lineHeight: "28px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "22px"
-	},
-	p2: {
-		fontSize: "16px",
-		lineHeight: "24px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "20px"
-	},
-	p3: {
-		fontSize: "14px",
-		lineHeight: "22px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "18px"
-	},
-	p4: {
-		fontSize: "12px",
-		lineHeight: "20px",
-		letterSpacing: "0",
-		fontWeight: "500",
-		boldFontWeight: "600",
-		iconSize: "16px"
-	},
-	c1: {
-		fontSize: "14px",
-		lineHeight: "20px",
-		letterSpacing: "0",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		textTransform: "uppercase",
-		iconSize: "18px"
-	},
-	c2: {
-		fontSize: "12px",
-		lineHeight: "18px",
-		letterSpacing: "0.01em",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		textTransform: "uppercase",
-		iconSize: "16px"
-	},
-	tag: {
-		fontSize: "12px",
-		lineHeight: "18px",
-		letterSpacing: "0.01em",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "16px"
-	},
-	strong: {
-		fontSize: "inherit",
-		lineHeight: "inherit",
-		letterSpacing: "inherit",
-		fontFamily: "inherit",
-		fontStyle: "inherit",
-		fontWeight: "var(--bold-font-weight, var(--default-bold-font-weight, 600))"
-	},
-	em: {
-		fontSize: "inherit",
-		lineHeight: "inherit",
-		letterSpacing: "inherit",
-		fontFamily: "inherit",
-		fontStyle: "italic",
-		fontWeight: "inherit"
-	},
-	default: {
-		fontSize: "var(--t3-font-size)",
-		lineHeight: "var(--t3-line-height)",
-		letterSpacing: "var(--t3-letter-spacing)",
-		fontWeight: "var(--t3-font-weight)",
-		boldFontWeight: "600",
-		iconSize: "inherit"
-	}
-};
-
-//#endregion
-export { TYPOGRAPHY_PRESETS };
-//# sourceMappingURL=typography.js.map

package/dist/tokens/typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.js","names":[],"sources":["../../src/tokens/typography.ts"],"sourcesContent":["/**\n * Typography preset configuration.\n * Each preset defines font properties that get expanded into CSS custom properties.\n */\nexport interface TypographyPreset {\n  fontSize: string;\n  lineHeight: string;\n  letterSpacing?: string;\n  fontWeight: string | number;\n  boldFontWeight?: string | number;\n  iconSize?: string;\n  textTransform?: string;\n  fontFamily?: string;\n  fontStyle?: string;\n}\n\n/**\n * Typography presets for headings, text, and special styles.\n *\n * Naming conventions:\n * - `h1`-`h6`: Headings (bold by default)\n * - `t1`-`t4`: Text styles (regular weight)\n * - `t1m`-`t4m`: Text styles medium weight\n * - `m1`-`m3`: Markdown/prose styles (larger line-height)\n * - `p1`-`p4`: Paragraph styles\n * - `c1`-`c2`: Caption/uppercase styles\n * - `tag`: Tag/badge typography\n * - `strong`, `em`: Inline semantic styles\n * - `default`: Base text style\n */\nexport const TYPOGRAPHY_PRESETS: Record<string, TypographyPreset> = {\n  // Text (basic)\n  text: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '400',\n  },\n\n  // Headings (h1-h6)\n  h1: {\n    fontSize: '36px',\n    lineHeight: '44px',\n    letterSpacing: '-0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '40px',\n  },\n  h2: {\n    fontSize: '24px',\n    lineHeight: '32px',\n    letterSpacing: '0em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '28px',\n  },\n  h3: {\n    fontSize: '20px',\n    lineHeight: '28px',\n    letterSpacing: '0em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '24px',\n  },\n  h4: {\n    fontSize: '18px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '22px',\n  },\n  h5: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '20px',\n  },\n  h6: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '20px',\n  },\n\n  // Text styles (t1-t4)\n  t1: {\n    fontSize: '18px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t2: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t2m: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t3: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  t3m: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  t4: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '16px',\n  },\n  t4m: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '16px',\n  },\n\n  // Markdown/prose styles (m1-m3)\n  m1: {\n    fontSize: '18px',\n    lineHeight: '32px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '22px',\n  },\n  m2: {\n    fontSize: '16px',\n    lineHeight: '28px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  m3: {\n    fontSize: '14px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n\n  // Paragraph styles (p1-p4)\n  p1: {\n    fontSize: '18px',\n    lineHeight: '28px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '22px',\n  },\n  p2: {\n    fontSize: '16px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  p3: {\n    fontSize: '14px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  p4: {\n    fontSize: '12px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '16px',\n  },\n\n  // Caption/uppercase styles (c1-c2)\n  c1: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    textTransform: 'uppercase',\n    iconSize: '18px',\n  },\n  c2: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    textTransform: 'uppercase',\n    iconSize: '16px',\n  },\n\n  // Tag typography\n  tag: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '16px',\n  },\n\n  // Inline semantic styles\n  strong: {\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n    letterSpacing: 'inherit',\n    fontFamily: 'inherit',\n    fontStyle: 'inherit',\n    fontWeight: 'var(--bold-font-weight, var(--default-bold-font-weight, 600))',\n  },\n  em: {\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n    letterSpacing: 'inherit',\n    fontFamily: 'inherit',\n    fontStyle: 'italic',\n    fontWeight: 'inherit',\n  },\n\n  // Default text style (references t3)\n  default: {\n    fontSize: 'var(--t3-font-size)',\n    lineHeight: 'var(--t3-line-height)',\n    letterSpacing: 'var(--t3-letter-spacing)',\n    fontWeight: 'var(--t3-font-weight)',\n    boldFontWeight: '600',\n    iconSize: 'inherit',\n  },\n};\n"],"mappings":";;;;;;;;;;;;;;;AA8BA,MAAa,qBAAuD;CAElE,MAAM;EACJ,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACb;CAGD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CAGD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,KAAK;EACH,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,KAAK;EACH,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,KAAK;EACH,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CAGD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CAGD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CAGD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,eAAe;EACf,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,eAAe;EACf,UAAU;EACX;CAGD,KAAK;EACH,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CAGD,QAAQ;EACN,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,WAAW;EACX,YAAY;EACb;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,WAAW;EACX,YAAY;EACb;CAGD,SAAS;EACP,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACX;CACF"}