Acceso [organismo]

[marusaad]

Accesos [organismo]

Nombre en Obelisco Accesos

Tipo de componente Organismo

Links UI Kit | Branch | Ficha en Figma | Estándares | Storybook | Informe | Excel

Ejemplo en Bootstrap List group

Ejemplos de aplicación en BA Sección plantillas de Estándares | Áreas de gobierno

[marusaad]

📢 Nuevo requerimiento

Issues relacionados

226

Qué

Actualizar el componente según el nuevo estilo de grillas de la v.2 de Obelisco.

Por qué

Para estandarizar tamaños, modulación y visualizaciones de todos los componentes.

Quién lo va a trabajar

Diseñadores

Quién lo va a revisar

PM + SGOs

Criterios de aceptación

• [x] El componente se ajusta a la grilla 4px.
• [x] El componente tiene una medida definida para mobile, tablet y desktop.
• [x] El componente tiene una modulación definida para mobile, tablet y desktop.
• [x] El componente tiene su handoff para desarrollo y está marcado como ready for dev.
• [x] El componente está documentado.

🕰️ Changelog

CHANGELOG	Descripción
Agregado	Nueva variante Tablet: min-width de 336px (3-col) y un max-width de 696px (6-col). Se determinó la modulación para Mobile, Tablet y Desktop. En Mobile el gap vertical es de 16px, en desktop el gap vertical y horizontal es de 32px, y en Tablet hay 2 variantes de modulación: una de tipo wrap con 2 accesos de 3-col cada uno que tiene 24px de gap vertical y horizontal; y otra vertical con el organismo ocupando 6-col que tiene 24px de gap vertical.
Arreglado	Se ajustó el ancho Desktop a 348px (4-col según la grilla 2.0)
Eliminado	Se elimina a variante de lista de accesos.
Obsoleto	-
Cambiado	-

✏️ Notas

• Eliminación de variante "lista de accesos": no se debería mostrar como otro organismo cuando en realidad es algo de modulación. Además, tenía errores constructivos. Se chequeó desde Figma Analytics que no esté en uso en equipos para después tomar la decisión. ¿Es necesario mostrar esto como componente cuando en realidad es algo de modulación?
• [EV]: crear 1 sólo organismo que una las 3 variantes utilizando propiedades de Figma.

[marusaad]

📢 Nuevo requerimiento

Issues relacionados

300

Qué

Actualizar los estilos de color del componente aplicando las variables correspondientes a la v2 de Obelisco.

Por qué

Porque posiciona al sistema en un nivel de calidad superior al cumplir con los criterios de accesibilidad de la WCAG, y facilita la adopción, la personalización y la escalabilidad a nivel global.

Quién lo va a trabajar

Diseñadores

Quién lo va a revisar

PM + SGOs

Criterios de aceptación

• [x] El componente aplica las variables semánticas y funcionales para los elementos del mismo.
• [x] El componente cumple con los criterios de contraste y legibilidad de la WCAG (Criterios de accesibilidad AAA)

🕰️ Changelog

CHANGELOG	Descripción
Agregado	Sumamos las propiedades booleanas para el uso de los íconos en caja de forma opcional (pueden aparecer y desaparecer).
Arreglado
Eliminado
Obsoleto
Cambiado

✏️ Notas

N/A.