@payfit/unity-components
Version:
305 lines (304 loc) • 17.3 kB
TypeScript
export declare const text: import('tailwind-variants').TVReturnType<{
variant: {
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: "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: "uy:block uy:truncate";
};
isLineClamped: {
true: "uy:line-clamp-[var(--uy-text-line-clamp)]";
};
hasCharLimit: {
true: "uy:inline-block uy:max-w-[var(--uy-text-max-width-ch)] uy:truncate";
};
}, undefined, "", {
variant: {
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: "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: "uy:block uy:truncate";
};
isLineClamped: {
true: "uy:line-clamp-[var(--uy-text-line-clamp)]";
};
hasCharLimit: {
true: "uy:inline-block uy:max-w-[var(--uy-text-max-width-ch)] uy:truncate";
};
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
variant: {
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: "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: "uy:block uy:truncate";
};
isLineClamped: {
true: "uy:line-clamp-[var(--uy-text-line-clamp)]";
};
hasCharLimit: {
true: "uy:inline-block uy:max-w-[var(--uy-text-max-width-ch)] uy:truncate";
};
}, undefined>>;