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

package/dist/TypingAnimation/hooks/useGetTypographyVariant.js

@@ -1,7 +1,7 @@
 import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
-import "../../Tokens/index.js";
 import { TypographyVariant } from "../../Typography/types/index.js";
 import "../../Typography/index.js";
+import "../../Tokens/index.js";
 
 //#region src/components/TypingAnimation/hooks/useGetTypographyVariant.tsx
 const useGetTypographyVariant = (theme) => {

package/dist/Typography/Typography.d.cts

@@ -1,5 +1,5 @@
 import { TypographyProps } from "./types/index.cjs";
-import * as react10 from "react";
+import * as react0 from "react";
 
 //#region src/components/Typography/Typography.d.ts
 /**
@@ -18,13 +18,13 @@ declare const Typography: ({
   noWrap,
   as,
   "aria-label": ariaLabel
-}: TypographyProps) => react10.DetailedReactHTMLElement<{
+}: TypographyProps) => react0.DetailedReactHTMLElement<{
   'aria-label': string;
   'aria-level'?: number;
-  role?: react10.AriaRole;
+  role?: react0.AriaRole;
   title?: string;
   className: string;
-  style: react10.CSSProperties;
+  style: react0.CSSProperties;
   id: string;
   'data-testid': string;
 }, HTMLElement>;

package/dist/Typography/Typography.d.ts

@@ -1,5 +1,5 @@
 import { TypographyProps } from "./types/index.js";
-import * as react4 from "react";
+import * as react0 from "react";
 
 //#region src/components/Typography/Typography.d.ts
 /**
@@ -18,13 +18,13 @@ declare const Typography: ({
   noWrap,
   as,
   "aria-label": ariaLabel
-}: TypographyProps) => react4.DetailedReactHTMLElement<{
+}: TypographyProps) => react0.DetailedReactHTMLElement<{
   'aria-label': string;
   'aria-level'?: number;
-  role?: react4.AriaRole;
+  role?: react0.AriaRole;
   title?: string;
   className: string;
-  style: react4.CSSProperties;
+  style: react0.CSSProperties;
   id: string;
   'data-testid': string;
 }, HTMLElement>;

package/dist/WelcomeMessage/components/Container.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Container = require('../../Container/Container.cjs');
-require('../../Container/index.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
+const require_Container = require('../../Container/Container.cjs');
+require('../../Container/index.cjs');
 const require_useGetContainerProperties = require('../hooks/useGetContainerProperties.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");

package/dist/WelcomeMessage/components/Container.js

@@ -1,7 +1,7 @@
-import { Container } from "../../Container/Container.js";
-import "../../Container/index.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
+import { Container } from "../../Container/Container.js";
+import "../../Container/index.js";
 import { useGetContainerProperties } from "../hooks/useGetContainerProperties.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";

package/dist/WidgetTextField/WidgetTextField.cjs

@@ -1,11 +1,11 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
+const require_index = require('../Typography/types/index.cjs');
 const require_resolveTheme = require('../utils/resolveTheme.cjs');
-const require_index = require('../TextField/components/index.cjs');
+const require_index$1 = require('../TextField/components/index.cjs');
 const require_useGetSkeletonProperties = require('../TextField/hooks/useGetSkeletonProperties.cjs');
 const require_react = require('../node_modules/jotai/esm/react.cjs');
 const require_useVoiceInput = require('../TextField/hooks/useVoiceInput.cjs');
-const require_index$1 = require('../Typography/types/index.cjs');
 const require_types = require('./types/types.cjs');
 const require_index$2 = require('./components/index.cjs');
 const require_useGetMicWidgetButtonProperties = require('./hooks/useGetMicWidgetButtonProperties.cjs');
@@ -15,7 +15,7 @@ classnames = require_rolldown_runtime.__toESM(classnames);
 let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
 
 //#region src/components/WidgetTextField/WidgetTextField.tsx
-const WidgetTextField = ({ id, testId, style, className, voiceInputClassName, theme = require_theme.Theme.GLOBAL_CUSTOM, minimalFrame = "full", iconVariant = require_types.IconVariant.DEFAULT, textColor = require_index$1.TypographyColor.TEXT_SECONDARY, placeholder, ariaLabel, disabled, isLoading, onClick, enableVoiceInput = false, onTranscriptionStarted }) => {
+const WidgetTextField = ({ id, testId, style, className, voiceInputClassName, theme = require_theme.Theme.GLOBAL_CUSTOM, minimalFrame = "full", minimalBorderVariant, iconVariant = require_types.IconVariant.DEFAULT, textColor = require_index.TypographyColor.TEXT_SECONDARY, placeholder, ariaLabel, disabled, isLoading, onClick, enableVoiceInput = false, onTranscriptionStarted }) => {
 	const resolvedTheme = require_resolveTheme.resolveTheme(theme);
 	const setListeningToSpeech = require_react.useSetAtom(__envive_ai_react_hooks_atoms_chat.listeningToSpeechAtom);
 	const { skeletonClass } = require_useGetSkeletonProperties.useGetSkeletonProperties(isLoading);
@@ -31,7 +31,7 @@ const WidgetTextField = ({ id, testId, style, className, voiceInputClassName, th
 		onTranscriptionStarted?.();
 		onClick();
 	};
-	const voiceInputButton = enableVoiceInput && browserSupportsSpeechRecognition ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.TextFieldComponents.VoiceInputButton, {
+	const voiceInputButton = enableVoiceInput && browserSupportsSpeechRecognition ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.TextFieldComponents.VoiceInputButton, {
 		theme: resolvedTheme,
 		isListening: false,
 		onToggleListening: disabled ? void 0 : handleToggleListening,
@@ -48,6 +48,7 @@ const WidgetTextField = ({ id, testId, style, className, voiceInputClassName, th
 		className,
 		theme: resolvedTheme,
 		minimalFrame,
+		minimalBorderVariant,
 		disabled,
 		ariaLabel,
 		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.WidgetTextFieldComponents.Icon, {

package/dist/WidgetTextField/WidgetTextField.d.cts

@@ -1,5 +1,5 @@
 import { WidgetTextFieldProps } from "./types/types.cjs";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/WidgetTextField/WidgetTextField.d.ts
 declare const WidgetTextField: ({
@@ -10,6 +10,7 @@ declare const WidgetTextField: ({
   voiceInputClassName,
   theme,
   minimalFrame,
+  minimalBorderVariant,
   iconVariant,
   textColor,
   placeholder,
@@ -19,6 +20,6 @@ declare const WidgetTextField: ({
   onClick,
   enableVoiceInput,
   onTranscriptionStarted
-}: WidgetTextFieldProps) => react_jsx_runtime23.JSX.Element;
+}: WidgetTextFieldProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { WidgetTextField };

package/dist/WidgetTextField/WidgetTextField.d.ts

@@ -1,5 +1,5 @@
 import { WidgetTextFieldProps } from "./types/types.js";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/WidgetTextField/WidgetTextField.d.ts
 declare const WidgetTextField: ({
@@ -10,6 +10,7 @@ declare const WidgetTextField: ({
   voiceInputClassName,
   theme,
   minimalFrame,
+  minimalBorderVariant,
   iconVariant,
   textColor,
   placeholder,
@@ -19,6 +20,6 @@ declare const WidgetTextField: ({
   onClick,
   enableVoiceInput,
   onTranscriptionStarted
-}: WidgetTextFieldProps) => react_jsx_runtime13.JSX.Element;
+}: WidgetTextFieldProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { WidgetTextField };

package/dist/WidgetTextField/WidgetTextField.js

@@ -1,10 +1,10 @@
 import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
+import { TypographyColor } from "../Typography/types/index.js";
 import { resolveTheme } from "../utils/resolveTheme.js";
 import { TextFieldComponents } from "../TextField/components/index.js";
 import { useGetSkeletonProperties } from "../TextField/hooks/useGetSkeletonProperties.js";
 import { useSetAtom } from "../node_modules/jotai/esm/react.js";
 import { useVoiceInput } from "../TextField/hooks/useVoiceInput.js";
-import { TypographyColor } from "../Typography/types/index.js";
 import { IconVariant } from "./types/types.js";
 import { WidgetTextFieldComponents } from "./components/index.js";
 import { useGetMicWidgetButtonProperties } from "./hooks/useGetMicWidgetButtonProperties.js";
@@ -13,7 +13,7 @@ import classNames from "classnames";
 import { listeningToSpeechAtom } from "@envive-ai/react-hooks/atoms/chat";
 
 //#region src/components/WidgetTextField/WidgetTextField.tsx
-const WidgetTextField = ({ id, testId, style, className, voiceInputClassName, theme = Theme.GLOBAL_CUSTOM, minimalFrame = "full", iconVariant = IconVariant.DEFAULT, textColor = TypographyColor.TEXT_SECONDARY, placeholder, ariaLabel, disabled, isLoading, onClick, enableVoiceInput = false, onTranscriptionStarted }) => {
+const WidgetTextField = ({ id, testId, style, className, voiceInputClassName, theme = Theme.GLOBAL_CUSTOM, minimalFrame = "full", minimalBorderVariant, iconVariant = IconVariant.DEFAULT, textColor = TypographyColor.TEXT_SECONDARY, placeholder, ariaLabel, disabled, isLoading, onClick, enableVoiceInput = false, onTranscriptionStarted }) => {
 	const resolvedTheme = resolveTheme(theme);
 	const setListeningToSpeech = useSetAtom(listeningToSpeechAtom);
 	const { skeletonClass } = useGetSkeletonProperties(isLoading);
@@ -46,6 +46,7 @@ const WidgetTextField = ({ id, testId, style, className, voiceInputClassName, th
 		className,
 		theme: resolvedTheme,
 		minimalFrame,
+		minimalBorderVariant,
 		disabled,
 		ariaLabel,
 		icon: /* @__PURE__ */ jsx(WidgetTextFieldComponents.Icon, {

package/dist/WidgetTextField/components/Container.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Container = require('../../Container/Container.cjs');
-require('../../Container/index.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
+const require_Container = require('../../Container/Container.cjs');
+require('../../Container/index.cjs');
 const require_useGetContainerProperties = require('../hooks/useGetContainerProperties.cjs');
 const require_useHandleKeyboard = require('../hooks/useHandleKeyboard.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -10,10 +10,11 @@ let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 
 //#region src/components/WidgetTextField/components/Container.tsx
-const Container$1 = ({ id, testId, style, className, theme, minimalFrame, ariaLabel, icon, text, voiceInputButton, disabled, onClick }) => {
+const Container$1 = ({ id, testId, style, className, theme, minimalFrame, minimalBorderVariant, ariaLabel, icon, text, voiceInputButton, disabled, onClick }) => {
 	const { baseClassName, themeContainerClassName, containerWrapperClassName } = require_useGetContainerProperties.useGetContainerProperties({
 		theme,
-		minimalFrame
+		minimalFrame,
+		minimalBorderVariant
 	});
 	const { handleKeyDown } = require_useHandleKeyboard.useHandleKeyboard({ onClick });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {

package/dist/WidgetTextField/components/Container.js

@@ -1,17 +1,18 @@
-import { Container } from "../../Container/Container.js";
-import "../../Container/index.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
+import { Container } from "../../Container/Container.js";
+import "../../Container/index.js";
 import { useGetContainerProperties } from "../hooks/useGetContainerProperties.js";
 import { useHandleKeyboard } from "../hooks/useHandleKeyboard.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
 
 //#region src/components/WidgetTextField/components/Container.tsx
-const Container$1 = ({ id, testId, style, className, theme, minimalFrame, ariaLabel, icon, text, voiceInputButton, disabled, onClick }) => {
+const Container$1 = ({ id, testId, style, className, theme, minimalFrame, minimalBorderVariant, ariaLabel, icon, text, voiceInputButton, disabled, onClick }) => {
 	const { baseClassName, themeContainerClassName, containerWrapperClassName } = useGetContainerProperties({
 		theme,
-		minimalFrame
+		minimalFrame,
+		minimalBorderVariant
 	});
 	const { handleKeyDown } = useHandleKeyboard({ onClick });
 	return /* @__PURE__ */ jsxs("div", {

package/dist/WidgetTextField/components/Icon.cjs

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
-const require_CustomIcon = require('../../utils/CustomIcon.cjs');
 const require_index = require('../../Typography/types/index.cjs');
+const require_CustomIcon = require('../../utils/CustomIcon.cjs');
 const require_types = require('../types/types.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_icons_SendStandard = require("@envive-ai/react-icons/SendStandard");

package/dist/WidgetTextField/components/Icon.js

@@ -1,6 +1,6 @@
 import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
-import { CustomIcon } from "../../utils/CustomIcon.js";
 import { TypographyColor } from "../../Typography/types/index.js";
+import { CustomIcon } from "../../utils/CustomIcon.js";
 import { IconVariant } from "../types/types.js";
 import { jsx } from "react/jsx-runtime";
 import SendStandard from "@envive-ai/react-icons/SendStandard";

package/dist/WidgetTextField/hooks/useGetContainerProperties.cjs

@@ -3,18 +3,22 @@ const require_theme = require('../../packages/components-v3/tokens/theme/theme.c
 let react = require("react");
 
 //#region src/components/WidgetTextField/hooks/useGetContainerProperties.ts
-const useGetContainerProperties = ({ theme, minimalFrame = "full" }) => {
+const useGetContainerProperties = ({ theme, minimalFrame = "full", minimalBorderVariant = "light" }) => {
 	return {
 		baseClassName: "envive-tw-cursor-text envive-tw-border-solid envive-tw-px-4 envive-tw-py-2 envive-tw-bg-[--envive-colors-background-light]",
 		themeContainerClassName: (0, react.useMemo)(() => {
-			const minimalBorderClass = minimalFrame === "bottom-only" ? "envive-tw-border-b-[1px] envive-tw-border-text-light" : "envive-tw-border-[1px] envive-tw-border-border-light";
+			const minimalBorderClass = minimalFrame === "bottom-only" ? `envive-tw-border-b-[1px] ${minimalBorderVariant === "primary" ? "envive-tw-border-text-primary" : "envive-tw-border-text-light"}` : "envive-tw-border-[1px] envive-tw-border-border-light";
 			return {
 				[require_theme.Theme.STANDARD]: "envive-tw-border-[1px] envive-tw-border-border-light envive-tw-rounded-global-custom",
 				[require_theme.Theme.MODERN]: "envive-tw-border-[1px] envive-tw-border-border-light envive-tw-rounded-4",
 				[require_theme.Theme.MINIMAL]: minimalBorderClass,
 				[require_theme.Theme.GLOBAL_CUSTOM]: ""
 			}[theme] ?? "";
-		}, [theme, minimalFrame]),
+		}, [
+			theme,
+			minimalFrame,
+			minimalBorderVariant
+		]),
 		containerWrapperClassName: "envive-tw-gap-4 envive-tw-flex envive-tw-w-full envive-tw-flex-row"
 	};
 };

package/dist/WidgetTextField/hooks/useGetContainerProperties.js

@@ -2,18 +2,22 @@ import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { useMemo } from "react";
 
 //#region src/components/WidgetTextField/hooks/useGetContainerProperties.ts
-const useGetContainerProperties = ({ theme, minimalFrame = "full" }) => {
+const useGetContainerProperties = ({ theme, minimalFrame = "full", minimalBorderVariant = "light" }) => {
 	return {
 		baseClassName: "envive-tw-cursor-text envive-tw-border-solid envive-tw-px-4 envive-tw-py-2 envive-tw-bg-[--envive-colors-background-light]",
 		themeContainerClassName: useMemo(() => {
-			const minimalBorderClass = minimalFrame === "bottom-only" ? "envive-tw-border-b-[1px] envive-tw-border-text-light" : "envive-tw-border-[1px] envive-tw-border-border-light";
+			const minimalBorderClass = minimalFrame === "bottom-only" ? `envive-tw-border-b-[1px] ${minimalBorderVariant === "primary" ? "envive-tw-border-text-primary" : "envive-tw-border-text-light"}` : "envive-tw-border-[1px] envive-tw-border-border-light";
 			return {
 				[Theme.STANDARD]: "envive-tw-border-[1px] envive-tw-border-border-light envive-tw-rounded-global-custom",
 				[Theme.MODERN]: "envive-tw-border-[1px] envive-tw-border-border-light envive-tw-rounded-4",
 				[Theme.MINIMAL]: minimalBorderClass,
 				[Theme.GLOBAL_CUSTOM]: ""
 			}[theme] ?? "";
-		}, [theme, minimalFrame]),
+		}, [
+			theme,
+			minimalFrame,
+			minimalBorderVariant
+		]),
 		containerWrapperClassName: "envive-tw-gap-4 envive-tw-flex envive-tw-w-full envive-tw-flex-row"
 	};
 };

package/dist/WidgetTextField/types/types.d.cts

@@ -38,6 +38,8 @@ type WidgetTextFieldProps = {
    * @default 'full'
    */
   minimalFrame?: 'full' | 'bottom-only';
+  /** Border color for the bottom-only minimal frame. `light` = text-light (white), `primary` = text-primary. @default 'light' */
+  minimalBorderVariant?: 'light' | 'primary';
   /** Placeholder text displayed in the text field. */
   placeholder?: string;
   /** Accessible label for screen readers. If not provided, the placeholder will be used. */

package/dist/WidgetTextField/types/types.d.ts

@@ -38,6 +38,8 @@ type WidgetTextFieldProps = {
    * @default 'full'
    */
   minimalFrame?: 'full' | 'bottom-only';
+  /** Border color for the bottom-only minimal frame. `light` = text-light (white), `primary` = text-primary. @default 'light' */
+  minimalBorderVariant?: 'light' | 'primary';
   /** Placeholder text displayed in the text field. */
   placeholder?: string;
   /** Accessible label for screen readers. If not provided, the placeholder will be used. */

package/dist/WidgetWrapper/WidgetWrapper.d.cts

@@ -1,5 +1,5 @@
 import { WidgetWrapperProps } from "./types/types.cjs";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/WidgetWrapper/WidgetWrapper.d.ts
 
@@ -16,6 +16,6 @@ declare const WidgetWrapper: ({
   className,
   style,
   ...containerProps
-}: WidgetWrapperProps) => react_jsx_runtime1.JSX.Element;
+}: WidgetWrapperProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { WidgetWrapper };

package/dist/WidgetWrapper/WidgetWrapper.d.ts

@@ -1,5 +1,5 @@
 import { WidgetWrapperProps } from "./types/types.js";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/WidgetWrapper/WidgetWrapper.d.ts
 
@@ -16,6 +16,6 @@ declare const WidgetWrapper: ({
   className,
   style,
   ...containerProps
-}: WidgetWrapperProps) => react_jsx_runtime9.JSX.Element;
+}: WidgetWrapperProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { WidgetWrapper };

package/dist/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.cts

@@ -1,5 +1,5 @@
 import { WidgetWrapperWithTitleProps } from "./types/types.cjs";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.ts
 declare const WidgetWrapperWithTitle: ({
@@ -14,6 +14,6 @@ declare const WidgetWrapperWithTitle: ({
   hexCardColor,
   hideLogo,
   fullIsLoading
-}: WidgetWrapperWithTitleProps) => react_jsx_runtime4.JSX.Element;
+}: WidgetWrapperWithTitleProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { WidgetWrapperWithTitle };

package/dist/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.ts

@@ -1,5 +1,5 @@
 import { WidgetWrapperWithTitleProps } from "./types/types.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/components/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.ts
 declare const WidgetWrapperWithTitle: ({
@@ -14,6 +14,6 @@ declare const WidgetWrapperWithTitle: ({
   hexCardColor,
   hideLogo,
   fullIsLoading
-}: WidgetWrapperWithTitleProps) => react_jsx_runtime2.JSX.Element;
+}: WidgetWrapperWithTitleProps) => react_jsx_runtime7.JSX.Element;
 //#endregion
 export { WidgetWrapperWithTitle };

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

@@ -2,20 +2,23 @@ const require_utils = require('../utils.cjs');
 
 //#region tokens/typography/fontWeight.ts
 let FontWeightCSSVar = /* @__PURE__ */ function(FontWeightCSSVar$1) {
-	FontWeightCSSVar$1["RG"] = "envive-typography-font-weight-rg";
-	FontWeightCSSVar$1["MD"] = "envive-typography-font-weight-md";
-	FontWeightCSSVar$1["SB"] = "envive-typography-font-weight-sb";
+	FontWeightCSSVar$1["Title"] = "envive-typography-font-weight-title";
+	FontWeightCSSVar$1["Header"] = "envive-typography-font-weight-header";
+	FontWeightCSSVar$1["BodyEmphasis"] = "envive-typography-font-weight-body-emphasis";
+	FontWeightCSSVar$1["BodyStandard"] = "envive-typography-font-weight-body-standard";
 	return FontWeightCSSVar$1;
 }({});
 const fontWeight = {
-	rg: "400",
-	md: "500",
-	sb: "600"
+	title: "500",
+	header: "600",
+	body_emphasis: "500",
+	body_standard: "400"
 };
 const fontWeightVariables = {
-	rg: require_utils.addVar(FontWeightCSSVar.RG),
-	md: require_utils.addVar(FontWeightCSSVar.MD),
-	sb: require_utils.addVar(FontWeightCSSVar.SB)
+	title: require_utils.addVar(FontWeightCSSVar.Title),
+	header: require_utils.addVar(FontWeightCSSVar.Header),
+	body_emphasis: require_utils.addVar(FontWeightCSSVar.BodyEmphasis),
+	body_standard: require_utils.addVar(FontWeightCSSVar.BodyStandard)
 };
 
 //#endregion

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

@@ -1,9 +1,10 @@
 //#region tokens/typography/fontWeight.d.ts
 
 type FontWeightType = {
-  rg: string;
-  md: string;
-  sb: string;
+  title: string;
+  header: string;
+  body_emphasis: string;
+  body_standard: string;
 };
 declare const fontWeightVariables: FontWeightType;
 //#endregion

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

@@ -2,20 +2,23 @@ import { addVar } from "../utils.js";
 
 //#region tokens/typography/fontWeight.ts
 let FontWeightCSSVar = /* @__PURE__ */ function(FontWeightCSSVar$1) {
-	FontWeightCSSVar$1["RG"] = "envive-typography-font-weight-rg";
-	FontWeightCSSVar$1["MD"] = "envive-typography-font-weight-md";
-	FontWeightCSSVar$1["SB"] = "envive-typography-font-weight-sb";
+	FontWeightCSSVar$1["Title"] = "envive-typography-font-weight-title";
+	FontWeightCSSVar$1["Header"] = "envive-typography-font-weight-header";
+	FontWeightCSSVar$1["BodyEmphasis"] = "envive-typography-font-weight-body-emphasis";
+	FontWeightCSSVar$1["BodyStandard"] = "envive-typography-font-weight-body-standard";
 	return FontWeightCSSVar$1;
 }({});
 const fontWeight = {
-	rg: "400",
-	md: "500",
-	sb: "600"
+	title: "500",
+	header: "600",
+	body_emphasis: "500",
+	body_standard: "400"
 };
 const fontWeightVariables = {
-	rg: addVar(FontWeightCSSVar.RG),
-	md: addVar(FontWeightCSSVar.MD),
-	sb: addVar(FontWeightCSSVar.SB)
+	title: addVar(FontWeightCSSVar.Title),
+	header: addVar(FontWeightCSSVar.Header),
+	body_emphasis: addVar(FontWeightCSSVar.BodyEmphasis),
+	body_standard: addVar(FontWeightCSSVar.BodyStandard)
 };
 
 //#endregion

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

@@ -2,17 +2,50 @@ const require_utils = require('../utils.cjs');
 
 //#region tokens/typography/letterSpacing.ts
 let LetterSpacingCSSVar = /* @__PURE__ */ function(LetterSpacingCSSVar$1) {
-	LetterSpacingCSSVar$1["Tight0"] = "envive-typography-letter-spacing-tight-0";
-	LetterSpacingCSSVar$1["Wide1"] = "envive-typography-letter-spacing-wide-1";
+	LetterSpacingCSSVar$1["T1"] = "envive-typography-letter-spacing-t1";
+	LetterSpacingCSSVar$1["T2"] = "envive-typography-letter-spacing-t2";
+	LetterSpacingCSSVar$1["T3"] = "envive-typography-letter-spacing-t3";
+	LetterSpacingCSSVar$1["H1"] = "envive-typography-letter-spacing-h1";
+	LetterSpacingCSSVar$1["H2"] = "envive-typography-letter-spacing-h2";
+	LetterSpacingCSSVar$1["H3"] = "envive-typography-letter-spacing-h3";
+	LetterSpacingCSSVar$1["B1"] = "envive-typography-letter-spacing-b1";
+	LetterSpacingCSSVar$1["B2"] = "envive-typography-letter-spacing-b2";
+	LetterSpacingCSSVar$1["B3"] = "envive-typography-letter-spacing-b3";
+	LetterSpacingCSSVar$1["B4"] = "envive-typography-letter-spacing-b4";
+	LetterSpacingCSSVar$1["B5"] = "envive-typography-letter-spacing-b5";
+	LetterSpacingCSSVar$1["L1"] = "envive-typography-letter-spacing-l1";
+	LetterSpacingCSSVar$1["L2"] = "envive-typography-letter-spacing-l2";
 	return LetterSpacingCSSVar$1;
 }({});
 const letterSpacing = {
-	"tight-0": "0em",
-	"wide-1": "1px"
+	t1: "0em",
+	t2: "0em",
+	t3: "0em",
+	h1: "0em",
+	h2: "0em",
+	h3: "0em",
+	b1: "0em",
+	b2: "0em",
+	b3: "0em",
+	b4: "0em",
+	b5: "0em",
+	l1: "1px",
+	l2: "1px"
 };
 const letterSpacingVariables = {
-	"tight-0": require_utils.addVar(LetterSpacingCSSVar.Tight0),
-	"wide-1": require_utils.addVar(LetterSpacingCSSVar.Wide1)
+	t1: require_utils.addVar(LetterSpacingCSSVar.T1),
+	t2: require_utils.addVar(LetterSpacingCSSVar.T2),
+	t3: require_utils.addVar(LetterSpacingCSSVar.T3),
+	h1: require_utils.addVar(LetterSpacingCSSVar.H1),
+	h2: require_utils.addVar(LetterSpacingCSSVar.H2),
+	h3: require_utils.addVar(LetterSpacingCSSVar.H3),
+	b1: require_utils.addVar(LetterSpacingCSSVar.B1),
+	b2: require_utils.addVar(LetterSpacingCSSVar.B2),
+	b3: require_utils.addVar(LetterSpacingCSSVar.B3),
+	b4: require_utils.addVar(LetterSpacingCSSVar.B4),
+	b5: require_utils.addVar(LetterSpacingCSSVar.B5),
+	l1: require_utils.addVar(LetterSpacingCSSVar.L1),
+	l2: require_utils.addVar(LetterSpacingCSSVar.L2)
 };
 
 //#endregion

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

@@ -1,8 +1,19 @@
 //#region tokens/typography/letterSpacing.d.ts
 
 type LetterSpacingType = {
-  'tight-0': string;
-  'wide-1': string;
+  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 letterSpacingVariables: LetterSpacingType;
 //#endregion

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

@@ -2,17 +2,50 @@ import { addVar } from "../utils.js";
 
 //#region tokens/typography/letterSpacing.ts
 let LetterSpacingCSSVar = /* @__PURE__ */ function(LetterSpacingCSSVar$1) {
-	LetterSpacingCSSVar$1["Tight0"] = "envive-typography-letter-spacing-tight-0";
-	LetterSpacingCSSVar$1["Wide1"] = "envive-typography-letter-spacing-wide-1";
+	LetterSpacingCSSVar$1["T1"] = "envive-typography-letter-spacing-t1";
+	LetterSpacingCSSVar$1["T2"] = "envive-typography-letter-spacing-t2";
+	LetterSpacingCSSVar$1["T3"] = "envive-typography-letter-spacing-t3";
+	LetterSpacingCSSVar$1["H1"] = "envive-typography-letter-spacing-h1";
+	LetterSpacingCSSVar$1["H2"] = "envive-typography-letter-spacing-h2";
+	LetterSpacingCSSVar$1["H3"] = "envive-typography-letter-spacing-h3";
+	LetterSpacingCSSVar$1["B1"] = "envive-typography-letter-spacing-b1";
+	LetterSpacingCSSVar$1["B2"] = "envive-typography-letter-spacing-b2";
+	LetterSpacingCSSVar$1["B3"] = "envive-typography-letter-spacing-b3";
+	LetterSpacingCSSVar$1["B4"] = "envive-typography-letter-spacing-b4";
+	LetterSpacingCSSVar$1["B5"] = "envive-typography-letter-spacing-b5";
+	LetterSpacingCSSVar$1["L1"] = "envive-typography-letter-spacing-l1";
+	LetterSpacingCSSVar$1["L2"] = "envive-typography-letter-spacing-l2";
 	return LetterSpacingCSSVar$1;
 }({});
 const letterSpacing = {
-	"tight-0": "0em",
-	"wide-1": "1px"
+	t1: "0em",
+	t2: "0em",
+	t3: "0em",
+	h1: "0em",
+	h2: "0em",
+	h3: "0em",
+	b1: "0em",
+	b2: "0em",
+	b3: "0em",
+	b4: "0em",
+	b5: "0em",
+	l1: "1px",
+	l2: "1px"
 };
 const letterSpacingVariables = {
-	"tight-0": addVar(LetterSpacingCSSVar.Tight0),
-	"wide-1": addVar(LetterSpacingCSSVar.Wide1)
+	t1: addVar(LetterSpacingCSSVar.T1),
+	t2: addVar(LetterSpacingCSSVar.T2),
+	t3: addVar(LetterSpacingCSSVar.T3),
+	h1: addVar(LetterSpacingCSSVar.H1),
+	h2: addVar(LetterSpacingCSSVar.H2),
+	h3: addVar(LetterSpacingCSSVar.H3),
+	b1: addVar(LetterSpacingCSSVar.B1),
+	b2: addVar(LetterSpacingCSSVar.B2),
+	b3: addVar(LetterSpacingCSSVar.B3),
+	b4: addVar(LetterSpacingCSSVar.B4),
+	b5: addVar(LetterSpacingCSSVar.B5),
+	l1: addVar(LetterSpacingCSSVar.L1),
+	l2: addVar(LetterSpacingCSSVar.L2)
 };
 
 //#endregion