@envive-ai/react-toolkit-v3 0.3.32 → 0.3.34

package/dist/Tokens/index.js

@@ -1,5 +1,3 @@
-import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
-import { screensBreakpointsVariables, tailwindScreens } from "../packages/components-v3/tokens/breakpoints/breakpoints.js";
 import { colorsVariables } from "../packages/components-v3/tokens/colors/colors.js";
 import { fontSizeVariables } from "../packages/components-v3/tokens/typography/fontSize.js";
 import { fontWeightVariables } from "../packages/components-v3/tokens/typography/fontWeight.js";
@@ -8,6 +6,8 @@ import { letterSpacingVariables } from "../packages/components-v3/tokens/typogra
 import { FontFamily, fontFamilyVariables } from "../packages/components-v3/tokens/typography/fontFamily.js";
 import { borderRadiusVariables } from "../packages/components-v3/tokens/radius/radius.js";
 import { aspectRatioVariables } from "../packages/components-v3/tokens/aspectRatio/aspectRatio.js";
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
+import { screensBreakpointsVariables, tailwindScreens } from "../packages/components-v3/tokens/breakpoints/breakpoints.js";
 import { createTypographyComponents } from "../packages/components-v3/tokens/typography/typography.js";
 import { spacingVariables } from "../packages/components-v3/tokens/spacing/spacing.js";
 import { animationsVariables, keyFramesVariables } from "../packages/components-v3/tokens/montion/motion.js";

package/dist/TypingAnimation/TypingAnimation.d.cts

@@ -1,5 +1,5 @@
 import { TypingAnimationProps } from "./types/index.cjs";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/components/TypingAnimation/TypingAnimation.d.ts
 declare const TypingAnimation: ({
@@ -7,6 +7,6 @@ declare const TypingAnimation: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: TypingAnimationProps) => react_jsx_runtime1.JSX.Element;
+}: TypingAnimationProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { TypingAnimation };

package/dist/TypingAnimation/TypingAnimation.d.ts

@@ -1,5 +1,5 @@
 import { TypingAnimationProps } from "./types/index.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/components/TypingAnimation/TypingAnimation.d.ts
 declare const TypingAnimation: ({
@@ -7,6 +7,6 @@ declare const TypingAnimation: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: TypingAnimationProps) => react_jsx_runtime3.JSX.Element;
+}: TypingAnimationProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { TypingAnimation };

package/dist/Typography/Typography.d.cts

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

package/dist/WelcomeMessage/components/Container.cjs

@@ -4,9 +4,9 @@ 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");
 classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/WelcomeMessage/components/Container.tsx
 const Container$1 = ({ sparkleIcon, titleNode, textNode, theme, id, testId, className, style }) => {

package/dist/WelcomeMessage/components/Container.js

@@ -3,8 +3,8 @@ import "../../Stack/index.js";
 import { Container } from "../../Container/Container.js";
 import "../../Container/index.js";
 import { useGetContainerProperties } from "../hooks/useGetContainerProperties.js";
-import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#region src/components/WelcomeMessage/components/Container.tsx
 const Container$1 = ({ sparkleIcon, titleNode, textNode, theme, id, testId, className, style }) => {

package/dist/WidgetTextField/WidgetTextField.cjs

@@ -9,13 +9,13 @@ const require_useVoiceInput = require('../TextField/hooks/useVoiceInput.cjs');
 const require_types = require('./types/types.cjs');
 const require_index$2 = require('./components/index.cjs');
 const require_useGetMicWidgetButtonProperties = require('./hooks/useGetMicWidgetButtonProperties.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
 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.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);
@@ -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_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime10 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_runtime0.JSX.Element;
+}: WidgetTextFieldProps) => react_jsx_runtime10.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_runtime1 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_runtime1.JSX.Element;
+}: WidgetTextFieldProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { WidgetTextField };

package/dist/WidgetTextField/WidgetTextField.js

@@ -8,12 +8,12 @@ import { useVoiceInput } from "../TextField/hooks/useVoiceInput.js";
 import { IconVariant } from "./types/types.js";
 import { WidgetTextFieldComponents } from "./components/index.js";
 import { useGetMicWidgetButtonProperties } from "./hooks/useGetMicWidgetButtonProperties.js";
-import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
+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

@@ -5,15 +5,16 @@ 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");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
 
 //#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

@@ -4,14 +4,15 @@ import { Container } from "../../Container/Container.js";
 import "../../Container/index.js";
 import { useGetContainerProperties } from "../hooks/useGetContainerProperties.js";
 import { useHandleKeyboard } from "../hooks/useHandleKeyboard.js";
-import classNames from "classnames";
 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/Skeleton.cjs

@@ -2,9 +2,9 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 const require_resolveTheme = require('../../utils/resolveTheme.cjs');
 let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/WidgetTextField/components/Skeleton.tsx
 const Skeleton = ({ theme = require_theme.Theme.GLOBAL_CUSTOM }) => {

package/dist/WidgetTextField/components/Skeleton.js

@@ -1,8 +1,8 @@
 import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { resolveTheme } from "../../utils/resolveTheme.js";
 import { useMemo } from "react";
-import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#region src/components/WidgetTextField/components/Skeleton.tsx
 const Skeleton = ({ theme = Theme.GLOBAL_CUSTOM }) => {

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.cjs

@@ -4,9 +4,9 @@ require('../Container/index.cjs');
 const require_utils_useCheckIsMobile = require('../utils/useCheckIsMobile.cjs');
 const require_types = require('./types/types.cjs');
 const require_useGetWrapperProperties = require('./hooks/useGetWrapperProperties.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/WidgetWrapper/WidgetWrapper.tsx
 /**

package/dist/WidgetWrapper/WidgetWrapper.d.cts

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

package/dist/WidgetWrapper/WidgetWrapper.js

@@ -3,8 +3,8 @@ import "../Container/index.js";
 import { useCheckIsMobile } from "../utils/useCheckIsMobile.js";
 import { WidgetWrapperVariant } from "./types/types.js";
 import { useGetWrapperProperties } from "./hooks/useGetWrapperProperties.js";
-import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#region src/components/WidgetWrapper/WidgetWrapper.tsx
 /**

package/dist/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.cts

@@ -1,5 +1,5 @@
 import { WidgetWrapperWithTitleProps } from "./types/types.cjs";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 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_runtime0.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_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_runtime2.JSX.Element;
+}: WidgetWrapperWithTitleProps) => react_jsx_runtime1.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