@m4l/components 9.1.113 → 9.1.115
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -81,7 +81,7 @@ const labelStyles = {
|
|
|
81
81
|
iconHelperMessageStyled: ({ theme, ownerState }) => ({
|
|
82
82
|
borderRadius: theme.vars.size.borderRadius.r1,
|
|
83
83
|
'&:hover > [class*="M4LIcon-icon"]': {
|
|
84
|
-
backgroundColor: theme.vars.palette.info.
|
|
84
|
+
backgroundColor: theme.vars.palette.info.hover
|
|
85
85
|
},
|
|
86
86
|
'& > [class*="M4LIcon-icon"]': {
|
|
87
87
|
backgroundColor: theme.vars.palette.info.enabled
|
|
@@ -6,27 +6,23 @@ import { Sizes } from '@m4l/styles';
|
|
|
6
6
|
import { TypographyProps } from '../mui_extended/Typography/types';
|
|
7
7
|
export type LabelVariants = 'standard';
|
|
8
8
|
export interface LabelProps extends Pick<TypographyProps, 'skeletonWidth'> {
|
|
9
|
-
/**
|
|
9
|
+
/** Mensaje de ayuda opcional que se visualiza cuando se interactúa con el tooltip del Icono de información. */
|
|
10
10
|
helperMessage?: string | undefined;
|
|
11
|
-
/** Es la etiqueta de texto principal del componente
|
|
11
|
+
/** Es la etiqueta de texto principal del componente. */
|
|
12
12
|
label?: string;
|
|
13
|
-
/** Es una propiedad que permite visualizar el texto que acompaña a la etiqueta `label
|
|
13
|
+
/** Es una propiedad que permite visualizar el texto que acompaña a la etiqueta `label`. Por defecto es `false`. */
|
|
14
14
|
mandatory?: boolean;
|
|
15
|
-
/** Es una etiqueta de texto que define si el campo es obligatorio, por defecto se visualiza un `*` de lo contrario se va a mostrar el valor que se proporciona
|
|
15
|
+
/** Es una etiqueta de texto que define si el campo es obligatorio, por defecto se visualiza un `*` de lo contrario se va a mostrar el valor que se proporciona. */
|
|
16
16
|
mandatoryMessage?: string;
|
|
17
|
-
/** Sirve para vincular un elemento de etiqueta con un elemento de formulario, como un campo de entrada, lo que permite que al hacer clic en el texto de la etiqueta, se active el campo correspondiente*/
|
|
17
|
+
/** Sirve para vincular un elemento de etiqueta con un elemento de formulario, como un campo de entrada, lo que permite que al hacer clic en el texto de la etiqueta, se active el campo correspondiente. */
|
|
18
18
|
htmlFor?: string | undefined;
|
|
19
|
-
/** Identificador único para la etiqueta html que envuelve al componente, útil para referencias en CSS o JavaScript
|
|
19
|
+
/** Identificador único para la etiqueta html que envuelve al componente, útil para referencias en CSS o JavaScript. */
|
|
20
20
|
id?: string;
|
|
21
|
-
/**
|
|
21
|
+
/** Define el tamaño de la etiqueta. Puede ser 'small' o 'medium'. Por defecto es 'medium'. */
|
|
22
22
|
size?: Extract<Sizes, 'small' | 'medium'>;
|
|
23
|
-
/**
|
|
24
|
-
* Los elementos secundarios que se renderizarán dentro del componente.
|
|
25
|
-
*/
|
|
23
|
+
/** Los elementos secundarios que se renderizarán dentro del componente. */
|
|
26
24
|
children?: React.ReactNode;
|
|
27
|
-
/**
|
|
28
|
-
* Clase CSS personalizada que se aplicará al componente.
|
|
29
|
-
*/
|
|
25
|
+
/** Clase CSS personalizada que se aplicará al componente. */
|
|
30
26
|
className?: string;
|
|
31
27
|
/** Indica si hay un error en el campo asociado a la etiqueta. */
|
|
32
28
|
error?: boolean;
|
|
@@ -39,7 +35,7 @@ export type OwnerState = Pick<LabelProps, 'size'>;
|
|
|
39
35
|
export interface LabelOwnerState extends LabelProps, OwnerState {
|
|
40
36
|
/** Indica si el componente está deshabilitado. */
|
|
41
37
|
disabled?: boolean;
|
|
42
|
-
/** Define el tamaño del componente */
|
|
38
|
+
/** Define el tamaño del componente. */
|
|
43
39
|
size?: Extract<Sizes, 'small' | 'medium'>;
|
|
44
40
|
}
|
|
45
41
|
export type LabelSlotsType = keyof typeof LabelSlots;
|