@payfit/unity-components 0.0.0-alpha.11 → 0.0.0-alpha.6

package/dist/cjs/components/form-field/FormField.d.ts

@@ -0,0 +1,37 @@
+import { TextFieldProps } from 'react-aria-components';
+import { Control, FieldPath, FieldValues } from 'react-hook-form';
+export interface FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends TextFieldProps {
+    /** The form control from react-hook-form */
+    control: Control<TFieldValues>;
+    /** The name of the field in the form */
+    name: TName;
+    /** The type of the field */
+    type: TextFieldProps['type'];
+    /** Whether the field is required */
+    isRequired?: boolean;
+    /** The variant of the required indicator */
+    requiredVariant?: 'required' | 'optional';
+    /** Whether the field is in an invalid state */
+    isInvalid?: boolean;
+    /** Whether the field is in a loading state */
+    isLoading?: boolean;
+    /** Whether the field is disabled */
+    isDisabled?: boolean;
+    /** Whether the field is read-only */
+    isReadOnly?: boolean;
+}
+/**
+ * The `FormField` component represents a single field in a Unity form. It provides a set of features to manage the state of the field and its interactions, as well as a deep integration with its parent `Form` component.
+ *
+ * Use this component to create a field in a form with a schema-based approach. It will only work if it is a child of a [`Form` component](/?path=/docs/forms-formfield--docs).
+ *
+ * A `FormField` is composed of the following parts:
+ * - `FormLabel`: The label of the field.
+ * - `FormHelperText`: A helper text that gives additional context to the field.
+ * - `FormFeedbackText`: An error message that appears when the field is in an invalid state.
+ * - `FormInput`: The input element of the field.
+ */
+export declare function FormField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ children, control, type, name, isRequired: isRequiredProp, requiredVariant, isInvalid, isLoading, isDisabled: isDisabledProp, isReadOnly, }: FormFieldProps<TFieldValues, TName>): JSX.Element;
+export declare namespace FormField {
+    var displayName: string;
+}

package/dist/cjs/components/form-field/parts/FormHelperText.d.ts

@@ -0,0 +1,7 @@
+/**
+ * FormHelperText is a component that displays helper text for a form field.
+ */
+declare const FormHelperText: import('react').ForwardRefExoticComponent<{
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLParagraphElement>>;
+export { FormHelperText };

package/dist/cjs/components/form-field/parts/FormInput.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+import { InputProps } from 'react-aria-components';
+type AcceptedInputProps = Pick<InputProps, 'autoComplete' | 'autoFocus' | 'value' | 'placeholder'>;
+interface FormInputProps extends AcceptedInputProps {
+    prefix?: ReactElement;
+    suffix?: ReactElement;
+}
+/**
+ * FormInput is a component that displays an input field for a form field.
+ */
+declare function FormInput({ prefix, suffix, ...props }: FormInputProps): JSX.Element;
+declare namespace FormInput {
+    var displayName: string;
+}
+export { FormInput };

package/dist/cjs/components/form-field/parts/FormLabel.d.ts

@@ -0,0 +1,8 @@
+/**
+ * FormLabel is a component that displays a label for a form field.
+ * It is used to provide context for the form field.
+ */
+declare const FormLabel: import('react').ForwardRefExoticComponent<{
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLLabelElement>>;
+export { FormLabel };

package/dist/cjs/components/grid/Grid.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react/jsx-runtime"),v=require("react"),G=require("./Grid.variants.js"),s=v.forwardRef(({asElement:r="div",className:t,children:a,inline:i,cols:c,flow:l,justifyItems:o,alignItems:d,rows:e,areas:n,...u},m)=>{const y={"--uy-grid-template-rows":e,gridTemplateAreas:n},g=[e?"uy-grid-rows-[var(--uy-grid-template-rows)]":"",t],p=G.grid({inline:i,cols:c,flow:l,justifyItems:o,alignItems:d,className:g});return N.jsx(r,{ref:m,className:p,style:y,...u,children:a})});s.displayName="Grid";exports.Grid=s;

package/dist/cjs/components/grid/GridItem.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),j=require("react"),p=require("./Grid.variants.js"),e=j.forwardRef(({asElement:t="div",area:r,children:s,className:i,colSpan:o,colStart:a,colEnd:n,justify:c,align:d,...l},m)=>{const u=Object.fromEntries([["gridArea",r]].filter(([G,y])=>!!y)),f=p.gridItem({colSpan:o,colStart:a,colEnd:n,justify:c,align:d,className:i});return g.jsx(t,{ref:m,className:f,style:u,...l,children:s})});e.displayName="GridItem";exports.GridItem=e;

package/dist/cjs/components/icon/Icon.d.ts

@@ -0,0 +1,574 @@
+import { UnityIcon } from '@payfit/unity-icons';
+import { HTMLAttributes } from 'react';
+import { VariantProps } from 'tailwind-variants';
+declare const icon: import('tailwind-variants').TVReturnType<{
+    size: {
+        20: string;
+        24: string;
+    };
+    color: {
+        '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: string;
+    };
+    display: {
+        block: string;
+        inline: string;
+    };
+}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
+    size: {
+        20: string;
+        24: string;
+    };
+    color: {
+        '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: string;
+    };
+    display: {
+        block: string;
+        inline: string;
+    };
+}, {
+    size: {
+        20: string;
+        24: string;
+    };
+    color: {
+        '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: string;
+    };
+    display: {
+        block: string;
+        inline: string;
+    };
+}>, {
+    size: {
+        20: string;
+        24: string;
+    };
+    color: {
+        '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: string;
+    };
+    display: {
+        block: string;
+        inline: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    size: {
+        20: string;
+        24: string;
+    };
+    color: {
+        '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: string;
+    };
+    display: {
+        block: string;
+        inline: string;
+    };
+}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
+    size: {
+        20: string;
+        24: string;
+    };
+    color: {
+        '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: string;
+    };
+    display: {
+        block: string;
+        inline: string;
+    };
+}, {
+    size: {
+        20: string;
+        24: string;
+    };
+    color: {
+        '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: string;
+    };
+    display: {
+        block: string;
+        inline: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type IconProps = VariantProps<typeof icon> & Pick<HTMLAttributes<HTMLSpanElement>, 'className' | 'role' | 'aria-labelledby' | 'aria-hidden'> & {
+    /** The icon to render from the Unity icon set */
+    src: UnityIcon;
+    /**
+     * Alternative text for the icon, used for accessibility
+     * @default ''
+     */
+    alt?: string;
+    /**
+     * The icon's color. Use one of the allowed tokens or the `inherit` value for using the parent's foreground color
+     * @default 'inherit'
+     */
+    color?: VariantProps<typeof icon>['color'];
+    /**
+     * The icon's size.
+     * @default 20
+     */
+    size?: VariantProps<typeof icon>['size'];
+};
+/**
+ * The `Icon` component displays an icon from the Unity icon set.
+ */
+export declare function Icon({ alt, color, size, src, role, display, ...rest }: IconProps): JSX.Element;
+export {};

package/dist/cjs/components/icon/Icon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@payfit/unity-icons"),d=require("tailwind-variants"),l=d.tv({variants:{size:{20:"uy-w-250 uy-h-250",24:"uy-w-300 uy-h-300"},color:{"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",inherit:"uy-text-inherit"},display:{block:"uy-block",inline:"uy-inline-block"}},defaultVariants:{size:20,color:"inherit",display:"block"}});function y({alt:n,color:o,size:c,src:r,role:a="img",display:s="block",...t}){const u=l({size:c,color:o,display:s});return e.jsx("span",{...t,role:a,"aria-label":t["aria-labelledby"]?void 0:n,children:e.jsx(i.IconSprite,{className:u,src:r})})}exports.Icon=y;