@payfit/unity-components 2.60.16 → 2.60.18

package/dist/esm/components/text/Text.variants.d.ts

@@ -1,304 +1,304 @@
 export declare const text: import('tailwind-variants').TVReturnType<{
     variant: {
-        inherit: string;
-        displayHeading: string;
-        h1: string;
-        h2: string;
-        h3: string;
-        h4: string;
-        overline: string;
-        subtitle: string;
-        displayTitle: string;
-        displayBody: string;
-        body: string;
-        bodyStrong: string;
-        bodySmall: string;
-        bodySmallStrong: string;
-        bodyLarge: string;
-        bodyLargeStrong: string;
-        action: string;
-        actionLarge: string;
-        actionSmall: string;
-        actionInfo: string;
+        inherit: "";
+        displayHeading: "uy:typography-display-heading";
+        h1: "uy:typography-h1";
+        h2: "uy:typography-h2";
+        h3: "uy:typography-h3";
+        h4: "uy:typography-h4";
+        overline: "uy:typography-overline";
+        subtitle: "uy:typography-subtitle";
+        displayTitle: "uy:typography-display-title";
+        displayBody: "uy:typography-display-body";
+        body: "uy:typography-body";
+        bodyStrong: "uy:typography-body-strong";
+        bodySmall: "uy:typography-body-small";
+        bodySmallStrong: "uy:typography-body-small-strong";
+        bodyLarge: "uy:typography-body-large";
+        bodyLargeStrong: "uy:typography-body-large-strong";
+        action: "uy:typography-action";
+        actionLarge: "uy:typography-body-large";
+        actionSmall: "uy:typography-body-small";
+        actionInfo: "uy:typography-action uy:underline uy:decoration-dotted uy:decoration-[10%] uy:underline-offset-[25%]";
     };
     color: {
-        inherit: string;
-        'content.primary': string;
-        'content.primary.enabled': string;
-        'content.primary.hover': string;
-        'content.primary.pressed': string;
-        'content.primary.focus': string;
-        'content.primary.active': string;
-        'content.primary.disabled': string;
-        'content.neutral': string;
-        'content.neutral.enabled': string;
-        'content.neutral.hover': string;
-        'content.neutral.pressed': string;
-        'content.neutral.focus': string;
-        'content.neutral.active': string;
-        'content.neutral.disabled': string;
-        'content.neutral.low': string;
-        'content.neutral.lowest': string;
-        'content.neutral.lowest.enabled': string;
-        'content.neutral.lowest.hover': string;
-        'content.neutral.lowest.pressed': string;
-        'content.neutral.lowest.focus': string;
-        'content.neutral.lowest.active': string;
-        'content.neutral.lowest.disabled': string;
-        'content.danger': string;
-        'content.danger.enabled': string;
-        'content.danger.hover': string;
-        'content.danger.pressed': string;
-        'content.danger.focus': string;
-        'content.danger.active': string;
-        'content.danger.disabled': string;
-        'content.warning': string;
-        'content.warning.enabled': string;
-        'content.warning.hover': string;
-        'content.warning.pressed': string;
-        'content.warning.focus': string;
-        'content.warning.active': string;
-        'content.warning.disabled': string;
-        'content.success': string;
-        'content.success.enabled': string;
-        'content.success.hover': string;
-        'content.success.pressed': string;
-        'content.success.focus': string;
-        'content.success.active': string;
-        'content.success.disabled': string;
-        'content.info': string;
-        'content.info.enabled': string;
-        'content.info.hover': string;
-        'content.info.pressed': string;
-        'content.info.focus': string;
-        'content.info.active': string;
-        'content.info.disabled': string;
-        'content.promo': string;
-        'content.form.enabled': string;
-        'content.form.hover': string;
-        'content.form.pressed': string;
-        'content.form.focus': string;
-        'content.form.active': string;
-        'content.form.disabled': string;
-        'content.form.read-only': string;
-        'content.form.invalid': string;
-        'content.inverted': string;
-        'content.inverted.enabled': string;
-        'content.inverted.hover': string;
-        'content.inverted.pressed': string;
-        'content.inverted.focus': string;
-        'content.inverted.active': string;
-        'content.inverted.disabled': string;
+        inherit: "uy:text-inherit";
+        'content.primary': "uy:text-content-primary";
+        'content.primary.enabled': "uy:text-content-primary-enabled";
+        'content.primary.hover': "uy:text-content-primary-hover";
+        'content.primary.pressed': "uy:text-content-primary-pressed";
+        'content.primary.focus': "uy:text-content-primary-focus";
+        'content.primary.active': "uy:text-content-primary-active";
+        'content.primary.disabled': "uy:text-content-primary-disabled";
+        'content.neutral': "uy:text-content-neutral";
+        'content.neutral.enabled': "uy:text-content-neutral-enabled";
+        'content.neutral.hover': "uy:text-content-neutral-hover";
+        'content.neutral.pressed': "uy:text-content-neutral-pressed";
+        'content.neutral.focus': "uy:text-content-neutral-focus";
+        'content.neutral.active': "uy:text-content-neutral-active";
+        'content.neutral.disabled': "uy:text-content-neutral-disabled";
+        'content.neutral.low': "uy:text-content-neutral-low";
+        'content.neutral.lowest': "uy:text-content-neutral-lowest";
+        'content.neutral.lowest.enabled': "uy:text-content-neutral-lowest-enabled";
+        'content.neutral.lowest.hover': "uy:text-content-neutral-lowest-hover";
+        'content.neutral.lowest.pressed': "uy:text-content-neutral-lowest-pressed";
+        'content.neutral.lowest.focus': "uy:text-content-neutral-lowest-focus";
+        'content.neutral.lowest.active': "uy:text-content-neutral-lowest-active";
+        'content.neutral.lowest.disabled': "uy:text-content-neutral-lowest-disabled";
+        'content.danger': "uy:text-content-danger";
+        'content.danger.enabled': "uy:text-content-danger-enabled";
+        'content.danger.hover': "uy:text-content-danger-hover";
+        'content.danger.pressed': "uy:text-content-danger-pressed";
+        'content.danger.focus': "uy:text-content-danger-focus";
+        'content.danger.active': "uy:text-content-danger-active";
+        'content.danger.disabled': "uy:text-content-danger-disabled";
+        'content.warning': "uy:text-content-warning";
+        'content.warning.enabled': "uy:text-content-warning-enabled";
+        'content.warning.hover': "uy:text-content-warning-hover";
+        'content.warning.pressed': "uy:text-content-warning-pressed";
+        'content.warning.focus': "uy:text-content-warning-focus";
+        'content.warning.active': "uy:text-content-warning-active";
+        'content.warning.disabled': "uy:text-content-warning-disabled";
+        'content.success': "uy:text-content-success";
+        'content.success.enabled': "uy:text-content-success-enabled";
+        'content.success.hover': "uy:text-content-success-hover";
+        'content.success.pressed': "uy:text-content-success-pressed";
+        'content.success.focus': "uy:text-content-success-focus";
+        'content.success.active': "uy:text-content-success-active";
+        'content.success.disabled': "uy:text-content-success-disabled";
+        'content.info': "uy:text-content-info";
+        'content.info.enabled': "uy:text-content-info-enabled";
+        'content.info.hover': "uy:text-content-info-hover";
+        'content.info.pressed': "uy:text-content-info-pressed";
+        'content.info.focus': "uy:text-content-info-focus";
+        'content.info.active': "uy:text-content-info-active";
+        'content.info.disabled': "uy:text-content-info-disabled";
+        'content.promo': "uy:text-content-promo";
+        'content.form.enabled': "uy:text-content-form";
+        'content.form.hover': "uy:text-content-form-hover";
+        'content.form.pressed': "uy:text-content-form-pressed";
+        'content.form.focus': "uy:text-content-form-focus";
+        'content.form.active': "uy:text-content-form-active";
+        'content.form.disabled': "uy:text-content-form-disabled";
+        'content.form.read-only': "uy:text-content-form-read-only";
+        'content.form.invalid': "uy:text-content-form-invalid";
+        'content.inverted': "uy:text-content-inverted";
+        'content.inverted.enabled': "uy:text-content-inverted-enabled";
+        'content.inverted.hover': "uy:text-content-inverted-hover";
+        'content.inverted.pressed': "uy:text-content-inverted-pressed";
+        'content.inverted.focus': "uy:text-content-inverted-focus";
+        'content.inverted.active': "uy:text-content-inverted-active";
+        'content.inverted.disabled': "uy:text-content-inverted-disabled";
     };
     isTruncated: {
-        true: string;
+        true: "uy:block uy:truncate";
     };
     isLineClamped: {
-        true: string;
+        true: "uy:line-clamp-[var(--uy-text-line-clamp)]";
     };
     hasCharLimit: {
-        true: string;
+        true: "uy:inline-block uy:max-w-[var(--uy-text-max-width-ch)] uy:truncate";
     };
 }, undefined, "", {
     variant: {
-        inherit: string;
-        displayHeading: string;
-        h1: string;
-        h2: string;
-        h3: string;
-        h4: string;
-        overline: string;
-        subtitle: string;
-        displayTitle: string;
-        displayBody: string;
-        body: string;
-        bodyStrong: string;
-        bodySmall: string;
-        bodySmallStrong: string;
-        bodyLarge: string;
-        bodyLargeStrong: string;
-        action: string;
-        actionLarge: string;
-        actionSmall: string;
-        actionInfo: string;
+        inherit: "";
+        displayHeading: "uy:typography-display-heading";
+        h1: "uy:typography-h1";
+        h2: "uy:typography-h2";
+        h3: "uy:typography-h3";
+        h4: "uy:typography-h4";
+        overline: "uy:typography-overline";
+        subtitle: "uy:typography-subtitle";
+        displayTitle: "uy:typography-display-title";
+        displayBody: "uy:typography-display-body";
+        body: "uy:typography-body";
+        bodyStrong: "uy:typography-body-strong";
+        bodySmall: "uy:typography-body-small";
+        bodySmallStrong: "uy:typography-body-small-strong";
+        bodyLarge: "uy:typography-body-large";
+        bodyLargeStrong: "uy:typography-body-large-strong";
+        action: "uy:typography-action";
+        actionLarge: "uy:typography-body-large";
+        actionSmall: "uy:typography-body-small";
+        actionInfo: "uy:typography-action uy:underline uy:decoration-dotted uy:decoration-[10%] uy:underline-offset-[25%]";
     };
     color: {
-        inherit: string;
-        'content.primary': string;
-        'content.primary.enabled': string;
-        'content.primary.hover': string;
-        'content.primary.pressed': string;
-        'content.primary.focus': string;
-        'content.primary.active': string;
-        'content.primary.disabled': string;
-        'content.neutral': string;
-        'content.neutral.enabled': string;
-        'content.neutral.hover': string;
-        'content.neutral.pressed': string;
-        'content.neutral.focus': string;
-        'content.neutral.active': string;
-        'content.neutral.disabled': string;
-        'content.neutral.low': string;
-        'content.neutral.lowest': string;
-        'content.neutral.lowest.enabled': string;
-        'content.neutral.lowest.hover': string;
-        'content.neutral.lowest.pressed': string;
-        'content.neutral.lowest.focus': string;
-        'content.neutral.lowest.active': string;
-        'content.neutral.lowest.disabled': string;
-        'content.danger': string;
-        'content.danger.enabled': string;
-        'content.danger.hover': string;
-        'content.danger.pressed': string;
-        'content.danger.focus': string;
-        'content.danger.active': string;
-        'content.danger.disabled': string;
-        'content.warning': string;
-        'content.warning.enabled': string;
-        'content.warning.hover': string;
-        'content.warning.pressed': string;
-        'content.warning.focus': string;
-        'content.warning.active': string;
-        'content.warning.disabled': string;
-        'content.success': string;
-        'content.success.enabled': string;
-        'content.success.hover': string;
-        'content.success.pressed': string;
-        'content.success.focus': string;
-        'content.success.active': string;
-        'content.success.disabled': string;
-        'content.info': string;
-        'content.info.enabled': string;
-        'content.info.hover': string;
-        'content.info.pressed': string;
-        'content.info.focus': string;
-        'content.info.active': string;
-        'content.info.disabled': string;
-        'content.promo': string;
-        'content.form.enabled': string;
-        'content.form.hover': string;
-        'content.form.pressed': string;
-        'content.form.focus': string;
-        'content.form.active': string;
-        'content.form.disabled': string;
-        'content.form.read-only': string;
-        'content.form.invalid': string;
-        'content.inverted': string;
-        'content.inverted.enabled': string;
-        'content.inverted.hover': string;
-        'content.inverted.pressed': string;
-        'content.inverted.focus': string;
-        'content.inverted.active': string;
-        'content.inverted.disabled': string;
+        inherit: "uy:text-inherit";
+        'content.primary': "uy:text-content-primary";
+        'content.primary.enabled': "uy:text-content-primary-enabled";
+        'content.primary.hover': "uy:text-content-primary-hover";
+        'content.primary.pressed': "uy:text-content-primary-pressed";
+        'content.primary.focus': "uy:text-content-primary-focus";
+        'content.primary.active': "uy:text-content-primary-active";
+        'content.primary.disabled': "uy:text-content-primary-disabled";
+        'content.neutral': "uy:text-content-neutral";
+        'content.neutral.enabled': "uy:text-content-neutral-enabled";
+        'content.neutral.hover': "uy:text-content-neutral-hover";
+        'content.neutral.pressed': "uy:text-content-neutral-pressed";
+        'content.neutral.focus': "uy:text-content-neutral-focus";
+        'content.neutral.active': "uy:text-content-neutral-active";
+        'content.neutral.disabled': "uy:text-content-neutral-disabled";
+        'content.neutral.low': "uy:text-content-neutral-low";
+        'content.neutral.lowest': "uy:text-content-neutral-lowest";
+        'content.neutral.lowest.enabled': "uy:text-content-neutral-lowest-enabled";
+        'content.neutral.lowest.hover': "uy:text-content-neutral-lowest-hover";
+        'content.neutral.lowest.pressed': "uy:text-content-neutral-lowest-pressed";
+        'content.neutral.lowest.focus': "uy:text-content-neutral-lowest-focus";
+        'content.neutral.lowest.active': "uy:text-content-neutral-lowest-active";
+        'content.neutral.lowest.disabled': "uy:text-content-neutral-lowest-disabled";
+        'content.danger': "uy:text-content-danger";
+        'content.danger.enabled': "uy:text-content-danger-enabled";
+        'content.danger.hover': "uy:text-content-danger-hover";
+        'content.danger.pressed': "uy:text-content-danger-pressed";
+        'content.danger.focus': "uy:text-content-danger-focus";
+        'content.danger.active': "uy:text-content-danger-active";
+        'content.danger.disabled': "uy:text-content-danger-disabled";
+        'content.warning': "uy:text-content-warning";
+        'content.warning.enabled': "uy:text-content-warning-enabled";
+        'content.warning.hover': "uy:text-content-warning-hover";
+        'content.warning.pressed': "uy:text-content-warning-pressed";
+        'content.warning.focus': "uy:text-content-warning-focus";
+        'content.warning.active': "uy:text-content-warning-active";
+        'content.warning.disabled': "uy:text-content-warning-disabled";
+        'content.success': "uy:text-content-success";
+        'content.success.enabled': "uy:text-content-success-enabled";
+        'content.success.hover': "uy:text-content-success-hover";
+        'content.success.pressed': "uy:text-content-success-pressed";
+        'content.success.focus': "uy:text-content-success-focus";
+        'content.success.active': "uy:text-content-success-active";
+        'content.success.disabled': "uy:text-content-success-disabled";
+        'content.info': "uy:text-content-info";
+        'content.info.enabled': "uy:text-content-info-enabled";
+        'content.info.hover': "uy:text-content-info-hover";
+        'content.info.pressed': "uy:text-content-info-pressed";
+        'content.info.focus': "uy:text-content-info-focus";
+        'content.info.active': "uy:text-content-info-active";
+        'content.info.disabled': "uy:text-content-info-disabled";
+        'content.promo': "uy:text-content-promo";
+        'content.form.enabled': "uy:text-content-form";
+        'content.form.hover': "uy:text-content-form-hover";
+        'content.form.pressed': "uy:text-content-form-pressed";
+        'content.form.focus': "uy:text-content-form-focus";
+        'content.form.active': "uy:text-content-form-active";
+        'content.form.disabled': "uy:text-content-form-disabled";
+        'content.form.read-only': "uy:text-content-form-read-only";
+        'content.form.invalid': "uy:text-content-form-invalid";
+        'content.inverted': "uy:text-content-inverted";
+        'content.inverted.enabled': "uy:text-content-inverted-enabled";
+        'content.inverted.hover': "uy:text-content-inverted-hover";
+        'content.inverted.pressed': "uy:text-content-inverted-pressed";
+        'content.inverted.focus': "uy:text-content-inverted-focus";
+        'content.inverted.active': "uy:text-content-inverted-active";
+        'content.inverted.disabled': "uy:text-content-inverted-disabled";
     };
     isTruncated: {
-        true: string;
+        true: "uy:block uy:truncate";
     };
     isLineClamped: {
-        true: string;
+        true: "uy:line-clamp-[var(--uy-text-line-clamp)]";
     };
     hasCharLimit: {
-        true: string;
+        true: "uy:inline-block uy:max-w-[var(--uy-text-max-width-ch)] uy:truncate";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
-        inherit: string;
-        displayHeading: string;
-        h1: string;
-        h2: string;
-        h3: string;
-        h4: string;
-        overline: string;
-        subtitle: string;
-        displayTitle: string;
-        displayBody: string;
-        body: string;
-        bodyStrong: string;
-        bodySmall: string;
-        bodySmallStrong: string;
-        bodyLarge: string;
-        bodyLargeStrong: string;
-        action: string;
-        actionLarge: string;
-        actionSmall: string;
-        actionInfo: string;
+        inherit: "";
+        displayHeading: "uy:typography-display-heading";
+        h1: "uy:typography-h1";
+        h2: "uy:typography-h2";
+        h3: "uy:typography-h3";
+        h4: "uy:typography-h4";
+        overline: "uy:typography-overline";
+        subtitle: "uy:typography-subtitle";
+        displayTitle: "uy:typography-display-title";
+        displayBody: "uy:typography-display-body";
+        body: "uy:typography-body";
+        bodyStrong: "uy:typography-body-strong";
+        bodySmall: "uy:typography-body-small";
+        bodySmallStrong: "uy:typography-body-small-strong";
+        bodyLarge: "uy:typography-body-large";
+        bodyLargeStrong: "uy:typography-body-large-strong";
+        action: "uy:typography-action";
+        actionLarge: "uy:typography-body-large";
+        actionSmall: "uy:typography-body-small";
+        actionInfo: "uy:typography-action uy:underline uy:decoration-dotted uy:decoration-[10%] uy:underline-offset-[25%]";
     };
     color: {
-        inherit: string;
-        'content.primary': string;
-        'content.primary.enabled': string;
-        'content.primary.hover': string;
-        'content.primary.pressed': string;
-        'content.primary.focus': string;
-        'content.primary.active': string;
-        'content.primary.disabled': string;
-        'content.neutral': string;
-        'content.neutral.enabled': string;
-        'content.neutral.hover': string;
-        'content.neutral.pressed': string;
-        'content.neutral.focus': string;
-        'content.neutral.active': string;
-        'content.neutral.disabled': string;
-        'content.neutral.low': string;
-        'content.neutral.lowest': string;
-        'content.neutral.lowest.enabled': string;
-        'content.neutral.lowest.hover': string;
-        'content.neutral.lowest.pressed': string;
-        'content.neutral.lowest.focus': string;
-        'content.neutral.lowest.active': string;
-        'content.neutral.lowest.disabled': string;
-        'content.danger': string;
-        'content.danger.enabled': string;
-        'content.danger.hover': string;
-        'content.danger.pressed': string;
-        'content.danger.focus': string;
-        'content.danger.active': string;
-        'content.danger.disabled': string;
-        'content.warning': string;
-        'content.warning.enabled': string;
-        'content.warning.hover': string;
-        'content.warning.pressed': string;
-        'content.warning.focus': string;
-        'content.warning.active': string;
-        'content.warning.disabled': string;
-        'content.success': string;
-        'content.success.enabled': string;
-        'content.success.hover': string;
-        'content.success.pressed': string;
-        'content.success.focus': string;
-        'content.success.active': string;
-        'content.success.disabled': string;
-        'content.info': string;
-        'content.info.enabled': string;
-        'content.info.hover': string;
-        'content.info.pressed': string;
-        'content.info.focus': string;
-        'content.info.active': string;
-        'content.info.disabled': string;
-        'content.promo': string;
-        'content.form.enabled': string;
-        'content.form.hover': string;
-        'content.form.pressed': string;
-        'content.form.focus': string;
-        'content.form.active': string;
-        'content.form.disabled': string;
-        'content.form.read-only': string;
-        'content.form.invalid': string;
-        'content.inverted': string;
-        'content.inverted.enabled': string;
-        'content.inverted.hover': string;
-        'content.inverted.pressed': string;
-        'content.inverted.focus': string;
-        'content.inverted.active': string;
-        'content.inverted.disabled': string;
+        inherit: "uy:text-inherit";
+        'content.primary': "uy:text-content-primary";
+        'content.primary.enabled': "uy:text-content-primary-enabled";
+        'content.primary.hover': "uy:text-content-primary-hover";
+        'content.primary.pressed': "uy:text-content-primary-pressed";
+        'content.primary.focus': "uy:text-content-primary-focus";
+        'content.primary.active': "uy:text-content-primary-active";
+        'content.primary.disabled': "uy:text-content-primary-disabled";
+        'content.neutral': "uy:text-content-neutral";
+        'content.neutral.enabled': "uy:text-content-neutral-enabled";
+        'content.neutral.hover': "uy:text-content-neutral-hover";
+        'content.neutral.pressed': "uy:text-content-neutral-pressed";
+        'content.neutral.focus': "uy:text-content-neutral-focus";
+        'content.neutral.active': "uy:text-content-neutral-active";
+        'content.neutral.disabled': "uy:text-content-neutral-disabled";
+        'content.neutral.low': "uy:text-content-neutral-low";
+        'content.neutral.lowest': "uy:text-content-neutral-lowest";
+        'content.neutral.lowest.enabled': "uy:text-content-neutral-lowest-enabled";
+        'content.neutral.lowest.hover': "uy:text-content-neutral-lowest-hover";
+        'content.neutral.lowest.pressed': "uy:text-content-neutral-lowest-pressed";
+        'content.neutral.lowest.focus': "uy:text-content-neutral-lowest-focus";
+        'content.neutral.lowest.active': "uy:text-content-neutral-lowest-active";
+        'content.neutral.lowest.disabled': "uy:text-content-neutral-lowest-disabled";
+        'content.danger': "uy:text-content-danger";
+        'content.danger.enabled': "uy:text-content-danger-enabled";
+        'content.danger.hover': "uy:text-content-danger-hover";
+        'content.danger.pressed': "uy:text-content-danger-pressed";
+        'content.danger.focus': "uy:text-content-danger-focus";
+        'content.danger.active': "uy:text-content-danger-active";
+        'content.danger.disabled': "uy:text-content-danger-disabled";
+        'content.warning': "uy:text-content-warning";
+        'content.warning.enabled': "uy:text-content-warning-enabled";
+        'content.warning.hover': "uy:text-content-warning-hover";
+        'content.warning.pressed': "uy:text-content-warning-pressed";
+        'content.warning.focus': "uy:text-content-warning-focus";
+        'content.warning.active': "uy:text-content-warning-active";
+        'content.warning.disabled': "uy:text-content-warning-disabled";
+        'content.success': "uy:text-content-success";
+        'content.success.enabled': "uy:text-content-success-enabled";
+        'content.success.hover': "uy:text-content-success-hover";
+        'content.success.pressed': "uy:text-content-success-pressed";
+        'content.success.focus': "uy:text-content-success-focus";
+        'content.success.active': "uy:text-content-success-active";
+        'content.success.disabled': "uy:text-content-success-disabled";
+        'content.info': "uy:text-content-info";
+        'content.info.enabled': "uy:text-content-info-enabled";
+        'content.info.hover': "uy:text-content-info-hover";
+        'content.info.pressed': "uy:text-content-info-pressed";
+        'content.info.focus': "uy:text-content-info-focus";
+        'content.info.active': "uy:text-content-info-active";
+        'content.info.disabled': "uy:text-content-info-disabled";
+        'content.promo': "uy:text-content-promo";
+        'content.form.enabled': "uy:text-content-form";
+        'content.form.hover': "uy:text-content-form-hover";
+        'content.form.pressed': "uy:text-content-form-pressed";
+        'content.form.focus': "uy:text-content-form-focus";
+        'content.form.active': "uy:text-content-form-active";
+        'content.form.disabled': "uy:text-content-form-disabled";
+        'content.form.read-only': "uy:text-content-form-read-only";
+        'content.form.invalid': "uy:text-content-form-invalid";
+        'content.inverted': "uy:text-content-inverted";
+        'content.inverted.enabled': "uy:text-content-inverted-enabled";
+        'content.inverted.hover': "uy:text-content-inverted-hover";
+        'content.inverted.pressed': "uy:text-content-inverted-pressed";
+        'content.inverted.focus': "uy:text-content-inverted-focus";
+        'content.inverted.active': "uy:text-content-inverted-active";
+        'content.inverted.disabled': "uy:text-content-inverted-disabled";
     };
     isTruncated: {
-        true: string;
+        true: "uy:block uy:truncate";
     };
     isLineClamped: {
-        true: string;
+        true: "uy:line-clamp-[var(--uy-text-line-clamp)]";
     };
     hasCharLimit: {
-        true: string;
+        true: "uy:inline-block uy:max-w-[var(--uy-text-max-width-ch)] uy:truncate";
     };
-}, undefined, "", unknown, unknown, undefined>>;
+}, undefined>>;

package/dist/esm/components/text-area/TextArea.d.ts

@@ -57,7 +57,7 @@ export declare const textArea: import('tailwind-variants').TVReturnType<{
     input: string;
     state: string;
     resizeHandle: string;
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     isInvalid: {
         true: {
             base: string;
@@ -86,7 +86,7 @@ export declare const textArea: import('tailwind-variants').TVReturnType<{
     input: string;
     state: string;
     resizeHandle: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface TextAreaProps extends AriaTextAreaProps {
     /** Whether the field is in an invalid state */
     isInvalid?: boolean;