@envive-ai/react-toolkit-v3 0.3.31 → 0.3.33

package/dist/packages/components-v3/tokens/typography/lineHeight.cjs

@@ -2,41 +2,50 @@ const require_utils = require('../utils.cjs');
 
 //#region tokens/typography/lineHeight.ts
 let LineHeightCSSVar = /* @__PURE__ */ function(LineHeightCSSVar$1) {
-	LineHeightCSSVar$1["LineHeight124"] = "envive-typography-line-height-124";
-	LineHeightCSSVar$1["LineHeight120"] = "envive-typography-line-height-120";
-	LineHeightCSSVar$1["LineHeight118"] = "envive-typography-line-height-118";
-	LineHeightCSSVar$1["LineHeight116"] = "envive-typography-line-height-116";
-	LineHeightCSSVar$1["LineHeight114"] = "envive-typography-line-height-114";
-	LineHeightCSSVar$1["LineHeight148"] = "envive-typography-line-height-148";
-	LineHeightCSSVar$1["LineHeight140"] = "envive-typography-line-height-140";
-	LineHeightCSSVar$1["LineHeight128"] = "envive-typography-line-height-128";
-	LineHeightCSSVar$1["LineHeight130"] = "envive-typography-line-height-130";
-	LineHeightCSSVar$1["LineHeight133"] = "envive-typography-line-height-133";
+	LineHeightCSSVar$1["T1"] = "envive-typography-line-height-t1";
+	LineHeightCSSVar$1["T2"] = "envive-typography-line-height-t2";
+	LineHeightCSSVar$1["T3"] = "envive-typography-line-height-t3";
+	LineHeightCSSVar$1["H1"] = "envive-typography-line-height-h1";
+	LineHeightCSSVar$1["H2"] = "envive-typography-line-height-h2";
+	LineHeightCSSVar$1["H3"] = "envive-typography-line-height-h3";
+	LineHeightCSSVar$1["B1"] = "envive-typography-line-height-b1";
+	LineHeightCSSVar$1["B2"] = "envive-typography-line-height-b2";
+	LineHeightCSSVar$1["B3"] = "envive-typography-line-height-b3";
+	LineHeightCSSVar$1["B4"] = "envive-typography-line-height-b4";
+	LineHeightCSSVar$1["B5"] = "envive-typography-line-height-b5";
+	LineHeightCSSVar$1["L1"] = "envive-typography-line-height-l1";
+	LineHeightCSSVar$1["L2"] = "envive-typography-line-height-l2";
 	return LineHeightCSSVar$1;
 }({});
 const lineHeight = {
-	124: 1.24,
-	120: 1.2,
-	118: 1.18,
-	116: 1.16,
-	114: 1.14,
-	148: 1.48,
-	140: 1.4,
-	128: 1.28,
-	130: 1.3,
-	133: 1.33
+	t1: 1.24,
+	t2: 1.14,
+	t3: 1.18,
+	h1: 1.2,
+	h2: 1.24,
+	h3: 1.16,
+	b1: 1.2,
+	b2: 1.48,
+	b3: 1.4,
+	b4: 1.3,
+	b5: 1.3,
+	l1: 1.28,
+	l2: 1.33
 };
 const lineHeightVariables = {
-	"124": require_utils.addVar(LineHeightCSSVar.LineHeight124),
-	"120": require_utils.addVar(LineHeightCSSVar.LineHeight120),
-	"118": require_utils.addVar(LineHeightCSSVar.LineHeight118),
-	"116": require_utils.addVar(LineHeightCSSVar.LineHeight116),
-	"114": require_utils.addVar(LineHeightCSSVar.LineHeight114),
-	"148": require_utils.addVar(LineHeightCSSVar.LineHeight148),
-	"140": require_utils.addVar(LineHeightCSSVar.LineHeight140),
-	"128": require_utils.addVar(LineHeightCSSVar.LineHeight128),
-	"130": require_utils.addVar(LineHeightCSSVar.LineHeight130),
-	"133": require_utils.addVar(LineHeightCSSVar.LineHeight133)
+	t1: require_utils.addVar(LineHeightCSSVar.T1),
+	t2: require_utils.addVar(LineHeightCSSVar.T2),
+	t3: require_utils.addVar(LineHeightCSSVar.T3),
+	h1: require_utils.addVar(LineHeightCSSVar.H1),
+	h2: require_utils.addVar(LineHeightCSSVar.H2),
+	h3: require_utils.addVar(LineHeightCSSVar.H3),
+	b1: require_utils.addVar(LineHeightCSSVar.B1),
+	b2: require_utils.addVar(LineHeightCSSVar.B2),
+	b3: require_utils.addVar(LineHeightCSSVar.B3),
+	b4: require_utils.addVar(LineHeightCSSVar.B4),
+	b5: require_utils.addVar(LineHeightCSSVar.B5),
+	l1: require_utils.addVar(LineHeightCSSVar.L1),
+	l2: require_utils.addVar(LineHeightCSSVar.L2)
 };
 const convertLineHeightToPercentage = (lineHeightNumber) => {
 	return `${Math.round(lineHeightNumber * 100)}%`;

package/dist/packages/components-v3/tokens/typography/lineHeight.d.ts

@@ -1,17 +1,20 @@
 //#region tokens/typography/lineHeight.d.ts
 
-type LineHeightType = {
-  '124': string;
-  '120': string;
-  '118': string;
-  '116': string;
-  '114': string;
-  '148': string;
-  '140': string;
-  '128': string;
-  '130': string;
-  '133': string;
+type LineHeightVariablesType = {
+  t1: string;
+  t2: string;
+  t3: string;
+  h1: string;
+  h2: string;
+  h3: string;
+  b1: string;
+  b2: string;
+  b3: string;
+  b4: string;
+  b5: string;
+  l1: string;
+  l2: string;
 };
-declare const lineHeightVariables: LineHeightType;
+declare const lineHeightVariables: LineHeightVariablesType;
 //#endregion
 export { lineHeightVariables };

package/dist/packages/components-v3/tokens/typography/lineHeight.js

@@ -2,41 +2,50 @@ import { addVar } from "../utils.js";
 
 //#region tokens/typography/lineHeight.ts
 let LineHeightCSSVar = /* @__PURE__ */ function(LineHeightCSSVar$1) {
-	LineHeightCSSVar$1["LineHeight124"] = "envive-typography-line-height-124";
-	LineHeightCSSVar$1["LineHeight120"] = "envive-typography-line-height-120";
-	LineHeightCSSVar$1["LineHeight118"] = "envive-typography-line-height-118";
-	LineHeightCSSVar$1["LineHeight116"] = "envive-typography-line-height-116";
-	LineHeightCSSVar$1["LineHeight114"] = "envive-typography-line-height-114";
-	LineHeightCSSVar$1["LineHeight148"] = "envive-typography-line-height-148";
-	LineHeightCSSVar$1["LineHeight140"] = "envive-typography-line-height-140";
-	LineHeightCSSVar$1["LineHeight128"] = "envive-typography-line-height-128";
-	LineHeightCSSVar$1["LineHeight130"] = "envive-typography-line-height-130";
-	LineHeightCSSVar$1["LineHeight133"] = "envive-typography-line-height-133";
+	LineHeightCSSVar$1["T1"] = "envive-typography-line-height-t1";
+	LineHeightCSSVar$1["T2"] = "envive-typography-line-height-t2";
+	LineHeightCSSVar$1["T3"] = "envive-typography-line-height-t3";
+	LineHeightCSSVar$1["H1"] = "envive-typography-line-height-h1";
+	LineHeightCSSVar$1["H2"] = "envive-typography-line-height-h2";
+	LineHeightCSSVar$1["H3"] = "envive-typography-line-height-h3";
+	LineHeightCSSVar$1["B1"] = "envive-typography-line-height-b1";
+	LineHeightCSSVar$1["B2"] = "envive-typography-line-height-b2";
+	LineHeightCSSVar$1["B3"] = "envive-typography-line-height-b3";
+	LineHeightCSSVar$1["B4"] = "envive-typography-line-height-b4";
+	LineHeightCSSVar$1["B5"] = "envive-typography-line-height-b5";
+	LineHeightCSSVar$1["L1"] = "envive-typography-line-height-l1";
+	LineHeightCSSVar$1["L2"] = "envive-typography-line-height-l2";
 	return LineHeightCSSVar$1;
 }({});
 const lineHeight = {
-	124: 1.24,
-	120: 1.2,
-	118: 1.18,
-	116: 1.16,
-	114: 1.14,
-	148: 1.48,
-	140: 1.4,
-	128: 1.28,
-	130: 1.3,
-	133: 1.33
+	t1: 1.24,
+	t2: 1.14,
+	t3: 1.18,
+	h1: 1.2,
+	h2: 1.24,
+	h3: 1.16,
+	b1: 1.2,
+	b2: 1.48,
+	b3: 1.4,
+	b4: 1.3,
+	b5: 1.3,
+	l1: 1.28,
+	l2: 1.33
 };
 const lineHeightVariables = {
-	"124": addVar(LineHeightCSSVar.LineHeight124),
-	"120": addVar(LineHeightCSSVar.LineHeight120),
-	"118": addVar(LineHeightCSSVar.LineHeight118),
-	"116": addVar(LineHeightCSSVar.LineHeight116),
-	"114": addVar(LineHeightCSSVar.LineHeight114),
-	"148": addVar(LineHeightCSSVar.LineHeight148),
-	"140": addVar(LineHeightCSSVar.LineHeight140),
-	"128": addVar(LineHeightCSSVar.LineHeight128),
-	"130": addVar(LineHeightCSSVar.LineHeight130),
-	"133": addVar(LineHeightCSSVar.LineHeight133)
+	t1: addVar(LineHeightCSSVar.T1),
+	t2: addVar(LineHeightCSSVar.T2),
+	t3: addVar(LineHeightCSSVar.T3),
+	h1: addVar(LineHeightCSSVar.H1),
+	h2: addVar(LineHeightCSSVar.H2),
+	h3: addVar(LineHeightCSSVar.H3),
+	b1: addVar(LineHeightCSSVar.B1),
+	b2: addVar(LineHeightCSSVar.B2),
+	b3: addVar(LineHeightCSSVar.B3),
+	b4: addVar(LineHeightCSSVar.B4),
+	b5: addVar(LineHeightCSSVar.B5),
+	l1: addVar(LineHeightCSSVar.L1),
+	l2: addVar(LineHeightCSSVar.L2)
 };
 const convertLineHeightToPercentage = (lineHeightNumber) => {
 	return `${Math.round(lineHeightNumber * 100)}%`;

package/dist/packages/components-v3/tokens/typography/typography.cjs

@@ -9,150 +9,150 @@ const createTypographyComponents = ({ addComponents, theme }) => {
 	addComponents({
 		".text-t1-md": {
 			fontSize: theme("fontSize.t1"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.124"),
+			fontWeight: theme("fontWeight.title"),
+			lineHeight: theme("lineHeight.t1"),
 			fontFamily: theme("fontFamily.title"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.t1")
 		},
 		".text-t2-md": {
 			fontSize: theme("fontSize.t2"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.114"),
+			fontWeight: theme("fontWeight.title"),
+			lineHeight: theme("lineHeight.t2"),
 			fontFamily: theme("fontFamily.title"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.t2")
 		},
 		".text-t3-md": {
 			fontSize: theme("fontSize.t3"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.118"),
+			fontWeight: theme("fontWeight.title"),
+			lineHeight: theme("lineHeight.t3"),
 			fontFamily: theme("fontFamily.title"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.t3")
 		},
 		".text-h1-sb": {
 			fontSize: theme("fontSize.h1"),
-			fontWeight: theme("fontWeight.sb"),
-			lineHeight: theme("lineHeight.120"),
+			fontWeight: theme("fontWeight.header"),
+			lineHeight: theme("lineHeight.h1"),
 			fontFamily: theme("fontFamily.header"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.h1")
 		},
 		".text-h1-md": {
 			fontSize: theme("fontSize.h1"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.120"),
+			fontWeight: theme("fontWeight.header"),
+			lineHeight: theme("lineHeight.h1"),
 			fontFamily: theme("fontFamily.header"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.h1")
 		},
 		".text-h2-sb": {
 			fontSize: theme("fontSize.h2"),
-			fontWeight: theme("fontWeight.sb"),
-			lineHeight: theme("lineHeight.124"),
+			fontWeight: theme("fontWeight.header"),
+			lineHeight: theme("lineHeight.h2"),
 			fontFamily: theme("fontFamily.header"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.h2")
 		},
 		".text-h2-md": {
 			fontSize: theme("fontSize.h2"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.124"),
+			fontWeight: theme("fontWeight.header"),
+			lineHeight: theme("lineHeight.h2"),
 			fontFamily: theme("fontFamily.header"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.h2")
 		},
 		".text-h3-sb": {
 			fontSize: theme("fontSize.h3"),
-			fontWeight: theme("fontWeight.sb"),
-			lineHeight: theme("lineHeight.116"),
+			fontWeight: theme("fontWeight.header"),
+			lineHeight: theme("lineHeight.h3"),
 			fontFamily: theme("fontFamily.header"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.h3")
 		},
 		".text-h3-md": {
 			fontSize: theme("fontSize.h3"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.116"),
+			fontWeight: theme("fontWeight.header"),
+			lineHeight: theme("lineHeight.h3"),
 			fontFamily: theme("fontFamily.header"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.h3")
 		},
 		".text-b1-rg": {
 			fontSize: theme("fontSize.b1"),
-			fontWeight: theme("fontWeight.rg"),
-			lineHeight: theme("lineHeight.120"),
+			fontWeight: theme("fontWeight.body_standard"),
+			lineHeight: theme("lineHeight.b1"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b1")
 		},
 		".text-b1-md": {
 			fontSize: theme("fontSize.b1"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.120"),
+			fontWeight: theme("fontWeight.body_emphasis"),
+			lineHeight: theme("lineHeight.b1"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b1")
 		},
 		".text-b2-rg": {
 			fontSize: theme("fontSize.b2"),
-			fontWeight: theme("fontWeight.rg"),
-			lineHeight: theme("lineHeight.148"),
+			fontWeight: theme("fontWeight.body_standard"),
+			lineHeight: theme("lineHeight.b2"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b2")
 		},
 		".text-b2-md": {
 			fontSize: theme("fontSize.b2"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.148"),
+			fontWeight: theme("fontWeight.body_emphasis"),
+			lineHeight: theme("lineHeight.b2"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b2")
 		},
 		".text-b3-rg": {
 			fontSize: theme("fontSize.b3"),
-			fontWeight: theme("fontWeight.rg"),
-			lineHeight: theme("lineHeight.140"),
+			fontWeight: theme("fontWeight.body_standard"),
+			lineHeight: theme("lineHeight.b3"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b3")
 		},
 		".text-b3-md": {
 			fontSize: theme("fontSize.b3"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.140"),
+			fontWeight: theme("fontWeight.body_emphasis"),
+			lineHeight: theme("lineHeight.b3"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b3")
 		},
 		".text-b4-rg": {
 			fontSize: theme("fontSize.b4"),
-			fontWeight: theme("fontWeight.rg"),
-			lineHeight: theme("lineHeight.130"),
+			fontWeight: theme("fontWeight.body_standard"),
+			lineHeight: theme("lineHeight.b4"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b4")
 		},
 		".text-b4-md": {
 			fontSize: theme("fontSize.b4"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.130"),
+			fontWeight: theme("fontWeight.body_emphasis"),
+			lineHeight: theme("lineHeight.b4"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b4")
 		},
 		".text-b5-rg": {
 			fontSize: theme("fontSize.b5"),
-			fontWeight: theme("fontWeight.rg"),
-			lineHeight: theme("lineHeight.130"),
+			fontWeight: theme("fontWeight.body_standard"),
+			lineHeight: theme("lineHeight.b5"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b5")
 		},
 		".text-b5-md": {
 			fontSize: theme("fontSize.b5"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.130"),
+			fontWeight: theme("fontWeight.body_emphasis"),
+			lineHeight: theme("lineHeight.b5"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b5")
 		},
 		".text-l1-sb": {
 			fontSize: theme("fontSize.l1"),
-			fontWeight: theme("fontWeight.sb"),
-			lineHeight: theme("lineHeight.128"),
+			fontWeight: theme("fontWeight.body_emphasis"),
+			lineHeight: theme("lineHeight.l1"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.wide-1")
+			letterSpacing: theme("letterSpacing.l1")
 		},
 		".text-l2-sb": {
 			fontSize: theme("fontSize.l2"),
-			fontWeight: theme("fontWeight.sb"),
-			lineHeight: theme("lineHeight.133"),
+			fontWeight: theme("fontWeight.body_emphasis"),
+			lineHeight: theme("lineHeight.l2"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.wide-1")
+			letterSpacing: theme("letterSpacing.l2")
 		}
 	});
 };

package/dist/packages/components-v3/tokens/typography/typography.js

@@ -9,150 +9,150 @@ const createTypographyComponents = ({ addComponents, theme }) => {
 	addComponents({
 		".text-t1-md": {
 			fontSize: theme("fontSize.t1"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.124"),
+			fontWeight: theme("fontWeight.title"),
+			lineHeight: theme("lineHeight.t1"),
 			fontFamily: theme("fontFamily.title"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.t1")
 		},
 		".text-t2-md": {
 			fontSize: theme("fontSize.t2"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.114"),
+			fontWeight: theme("fontWeight.title"),
+			lineHeight: theme("lineHeight.t2"),
 			fontFamily: theme("fontFamily.title"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.t2")
 		},
 		".text-t3-md": {
 			fontSize: theme("fontSize.t3"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.118"),
+			fontWeight: theme("fontWeight.title"),
+			lineHeight: theme("lineHeight.t3"),
 			fontFamily: theme("fontFamily.title"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.t3")
 		},
 		".text-h1-sb": {
 			fontSize: theme("fontSize.h1"),
-			fontWeight: theme("fontWeight.sb"),
-			lineHeight: theme("lineHeight.120"),
+			fontWeight: theme("fontWeight.header"),
+			lineHeight: theme("lineHeight.h1"),
 			fontFamily: theme("fontFamily.header"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.h1")
 		},
 		".text-h1-md": {
 			fontSize: theme("fontSize.h1"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.120"),
+			fontWeight: theme("fontWeight.header"),
+			lineHeight: theme("lineHeight.h1"),
 			fontFamily: theme("fontFamily.header"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.h1")
 		},
 		".text-h2-sb": {
 			fontSize: theme("fontSize.h2"),
-			fontWeight: theme("fontWeight.sb"),
-			lineHeight: theme("lineHeight.124"),
+			fontWeight: theme("fontWeight.header"),
+			lineHeight: theme("lineHeight.h2"),
 			fontFamily: theme("fontFamily.header"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.h2")
 		},
 		".text-h2-md": {
 			fontSize: theme("fontSize.h2"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.124"),
+			fontWeight: theme("fontWeight.header"),
+			lineHeight: theme("lineHeight.h2"),
 			fontFamily: theme("fontFamily.header"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.h2")
 		},
 		".text-h3-sb": {
 			fontSize: theme("fontSize.h3"),
-			fontWeight: theme("fontWeight.sb"),
-			lineHeight: theme("lineHeight.116"),
+			fontWeight: theme("fontWeight.header"),
+			lineHeight: theme("lineHeight.h3"),
 			fontFamily: theme("fontFamily.header"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.h3")
 		},
 		".text-h3-md": {
 			fontSize: theme("fontSize.h3"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.116"),
+			fontWeight: theme("fontWeight.header"),
+			lineHeight: theme("lineHeight.h3"),
 			fontFamily: theme("fontFamily.header"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.h3")
 		},
 		".text-b1-rg": {
 			fontSize: theme("fontSize.b1"),
-			fontWeight: theme("fontWeight.rg"),
-			lineHeight: theme("lineHeight.120"),
+			fontWeight: theme("fontWeight.body_standard"),
+			lineHeight: theme("lineHeight.b1"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b1")
 		},
 		".text-b1-md": {
 			fontSize: theme("fontSize.b1"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.120"),
+			fontWeight: theme("fontWeight.body_emphasis"),
+			lineHeight: theme("lineHeight.b1"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b1")
 		},
 		".text-b2-rg": {
 			fontSize: theme("fontSize.b2"),
-			fontWeight: theme("fontWeight.rg"),
-			lineHeight: theme("lineHeight.148"),
+			fontWeight: theme("fontWeight.body_standard"),
+			lineHeight: theme("lineHeight.b2"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b2")
 		},
 		".text-b2-md": {
 			fontSize: theme("fontSize.b2"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.148"),
+			fontWeight: theme("fontWeight.body_emphasis"),
+			lineHeight: theme("lineHeight.b2"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b2")
 		},
 		".text-b3-rg": {
 			fontSize: theme("fontSize.b3"),
-			fontWeight: theme("fontWeight.rg"),
-			lineHeight: theme("lineHeight.140"),
+			fontWeight: theme("fontWeight.body_standard"),
+			lineHeight: theme("lineHeight.b3"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b3")
 		},
 		".text-b3-md": {
 			fontSize: theme("fontSize.b3"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.140"),
+			fontWeight: theme("fontWeight.body_emphasis"),
+			lineHeight: theme("lineHeight.b3"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b3")
 		},
 		".text-b4-rg": {
 			fontSize: theme("fontSize.b4"),
-			fontWeight: theme("fontWeight.rg"),
-			lineHeight: theme("lineHeight.130"),
+			fontWeight: theme("fontWeight.body_standard"),
+			lineHeight: theme("lineHeight.b4"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b4")
 		},
 		".text-b4-md": {
 			fontSize: theme("fontSize.b4"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.130"),
+			fontWeight: theme("fontWeight.body_emphasis"),
+			lineHeight: theme("lineHeight.b4"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b4")
 		},
 		".text-b5-rg": {
 			fontSize: theme("fontSize.b5"),
-			fontWeight: theme("fontWeight.rg"),
-			lineHeight: theme("lineHeight.130"),
+			fontWeight: theme("fontWeight.body_standard"),
+			lineHeight: theme("lineHeight.b5"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b5")
 		},
 		".text-b5-md": {
 			fontSize: theme("fontSize.b5"),
-			fontWeight: theme("fontWeight.md"),
-			lineHeight: theme("lineHeight.130"),
+			fontWeight: theme("fontWeight.body_emphasis"),
+			lineHeight: theme("lineHeight.b5"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.tight0")
+			letterSpacing: theme("letterSpacing.b5")
 		},
 		".text-l1-sb": {
 			fontSize: theme("fontSize.l1"),
-			fontWeight: theme("fontWeight.sb"),
-			lineHeight: theme("lineHeight.128"),
+			fontWeight: theme("fontWeight.body_emphasis"),
+			lineHeight: theme("lineHeight.l1"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.wide-1")
+			letterSpacing: theme("letterSpacing.l1")
 		},
 		".text-l2-sb": {
 			fontSize: theme("fontSize.l2"),
-			fontWeight: theme("fontWeight.sb"),
-			lineHeight: theme("lineHeight.133"),
+			fontWeight: theme("fontWeight.body_emphasis"),
+			lineHeight: theme("lineHeight.l2"),
 			fontFamily: theme("fontFamily.body"),
-			letterSpacing: theme("letterSpacing.wide-1")
+			letterSpacing: theme("letterSpacing.l2")
 		}
 	});
 };