-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* fix 1.57.1 (#223) * fix: modificacion de estilos en checkbox * fix: checkbox en desplegable de seleccion * fix: colapsable * fix: se agregan los estillos correspondientes a la barra de desplazamiento * fix: se añade un prototipo de como mostrar la barra de desplazamiento en storybook * fix: se añade package obelisco css y obelisco css map --------- Co-authored-by: davisLjr <davisprojectjr@gmail.com> * fix: tablas (#224) * fix: se agregan las variantes de clases y estilos de celda en el componente tabla * fix: correccion de package * fix: se agrega static obelisco css y css map * fix: se agrega variante con boton de icono * fix: se agrega el css obelisco static y el css map * fix: correccion de estilos sobre variante boton de icono * fix: se agrega obelisco css static y css map * fix: se agrega focus al boton con icono de la tabla * fix: ajustes en checkbox estilo focus * fix: ajuste checkbox en tabla * fix: se cambia radius de boton de icono en tablas tambien se añade el comentario de la clase que hay que eliminar a futuro * fix: reemplazo de svg checkbox * fix: correccion de estilos segun figma del componente barra de desplazamiento * fix: correccion en componente tabla segun diseño de figma, bordes, checkbox y padding * fix: calendar (#159) * fix: calendar * fix: se agrega enlace y tooltip * fix: modificacion de componente y calendario anual * fix: correccion de clases, componente en story * fix: se elimina calendario de formulario, y se pasa a componentes * fix: modificacion en componente y estilos * fix: modificacion de estilos en UI Kit * fix: modificacion de estilos * fix: obelisco css static * fix: se elimina la clase calendar wrapper * fix: se elimina enlace en referencias cromaticas --------- Co-authored-by: Jesus <jesus.fy.1997@gmail.com> Co-authored-by: Davis Jr Lapenta <98839538+davisLjr@users.noreply.github.com> * fix: calendar * fix: palabra Inicio en breadcrumb * fix: obelisco css y css map --------- Co-authored-by: Victoria Nastasi <victorianastasi@gmail.com> Co-authored-by: davisLjr <davisprojectjr@gmail.com> Co-authored-by: Davis Jr Lapenta <98839538+davisLjr@users.noreply.github.com> Co-authored-by: Jesus <jesus.fy.1997@gmail.com>
- Loading branch information
1 parent
5c68697
commit 66eccc8
Showing
28 changed files
with
2,243 additions
and
262 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -80,4 +80,4 @@ | |
} | ||
} | ||
} | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,82 @@ | ||
export const ACTIVE_DAYS_DEFAULT = [ | ||
{ day: 1, title: 'Nombre del evento.' }, | ||
{ day: 10, title: 'Nombre del evento.' }, | ||
{ day: 25, title: 'Nombre del evento.' } | ||
]; | ||
|
||
export const ACTIVE_DAYS_JANUARY_TWO_REFERENCES = [ | ||
{ day: 1, title: 'Nombre del evento.', type: 'secondary' }, | ||
{ day: 9, title: 'Nombre del evento.' }, | ||
{ day: [12, 13], title: 'Nombre del evento.', type: 'secondary' }, | ||
{ day: [25, 26, 27], title: 'Nombre del evento.' } | ||
]; | ||
|
||
export const ACTIVE_DAYS_JANUARY_COLLAPSED = [ | ||
{ day: 1, title: 'Nombre del evento.' }, | ||
{ day: 10, title: 'Nombre del evento.' }, | ||
{ day: 12, title: 'Nombre del evento.' }, | ||
{ day: 15, title: 'Nombre del evento.' }, | ||
{ day: 23, title: 'Nombre del evento.' }, | ||
{ day: 27, title: 'Nombre del evento.' } | ||
]; | ||
|
||
export const ACTIVE_DAYS_JANUARY_REFERENCES = [ | ||
{ day: 1, title: 'Nombre del evento.', type: 'coral' }, | ||
{ day: 2, title: 'Nombre del evento.', type: 'musket' }, | ||
{ day: 3, title: 'Nombre del evento.', type: 'citrus' }, | ||
{ day: 4, title: 'Nombre del evento.', type: 'lime' }, | ||
{ day: 5, title: 'Nombre del evento.', type: 'sky' }, | ||
{ day: 6, title: 'Nombre del evento.', type: 'pistachio' }, | ||
{ day: 7, title: 'Nombre del evento.', type: 'berries' }, | ||
{ day: 8, title: 'Nombre del evento.', type: 'lavender' }, | ||
{ day: 9, title: 'Nombre del evento.', type: 'aqua' }, | ||
{ day: 10, title: 'Nombre del evento.', type: 'avocado' }, | ||
{ day: 11, title: 'Nombre del evento.', type: 'strawberry' }, | ||
{ day: 12, title: 'Nombre del evento.', type: 'blackberry' }, | ||
{ day: 13, title: 'Nombre del evento.', type: 'gray' } | ||
]; | ||
|
||
export const ACTIVE_DAYS_ANNUAL_EXAMPLE = { | ||
JANUARY: [ | ||
{ day: 10, title: 'Nombre del evento.' }, | ||
{ day: 26, title: 'Nombre del evento.' }, | ||
{ day: 28, title: 'Nombre del evento.' } | ||
], | ||
FEBRUARY: [{ day: 1, title: 'Nombre del evento.' }], | ||
MARCH: [ | ||
{ day: 3, title: 'Nombre del evento.' }, | ||
{ day: 5, title: 'Nombre del evento.' }, | ||
{ day: 15, title: 'Nombre del evento.' }, | ||
{ day: 22, title: 'Nombre del evento.' }, | ||
{ day: 26, title: 'Nombre del evento.' } | ||
], | ||
APRIL: [{ day: 13, title: 'Nombre del evento.' }], | ||
MAY: [ | ||
{ day: [9, 10], title: 'Nombre del evento.' }, | ||
{ day: 17, title: 'Nombre del evento.' } | ||
], | ||
JUNE: [{ day: 16, title: 'Nombre del evento.' }], | ||
AUGUST: [ | ||
{ day: 1, title: 'Nombre del evento.' }, | ||
{ day: 9, title: 'Nombre del evento.' }, | ||
{ day: 18, title: 'Nombre del evento.' } | ||
], | ||
SEPTEMBER: [ | ||
{ day: 16, title: 'Nombre del evento.' }, | ||
{ day: 22, title: 'Nombre del evento.' }, | ||
{ day: [25, 26], title: 'Nombre del evento.' }, | ||
{ day: 29, title: 'Nombre del evento.' } | ||
], | ||
OCTOBER: [ | ||
{ day: 5, title: 'Nombre del evento.' }, | ||
{ day: 9, title: 'Nombre del evento.' }, | ||
{ day: 18, title: 'Nombre del evento.' } | ||
], | ||
NOVEMBER: [ | ||
{ day: 1, title: 'Nombre del evento.' }, | ||
{ day: 6, title: 'Nombre del evento.' }, | ||
{ day: 16, title: 'Nombre del evento.' }, | ||
{ day: 22, title: 'Nombre del evento.' } | ||
], | ||
DECEMBER: [{ day: 1, title: 'Nombre del evento.' }] | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,42 @@ | ||
// Base | ||
import React from 'react'; | ||
|
||
// Addons | ||
import { withA11y } from '@storybook/addon-a11y'; | ||
|
||
//component y constants | ||
import { CalendarMonth } from './index'; | ||
import { ACTIVE_DAYS_ANNUAL_EXAMPLE } from './Calendar.constants'; | ||
|
||
// Configuración general del componente | ||
export default { | ||
title: 'Componentes|Calendario', | ||
decorators: [withA11y] | ||
}; | ||
|
||
export const CalendarNoReferences = (): JSX.Element => { | ||
return <CalendarMonth monthNumber={1} start={1}></CalendarMonth>; | ||
}; | ||
CalendarNoReferences.story = { name: 'Sin eventos' }; | ||
|
||
export const CalendarDeck = (): JSX.Element => { | ||
return ( | ||
<div className="storybook__container-calendar container"> | ||
<div className="calendar-deck"> | ||
<CalendarMonth monthNumber={1} start={1} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.JANUARY}></CalendarMonth> | ||
<CalendarMonth monthNumber={2} start={4} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.FEBRUARY}></CalendarMonth> | ||
<CalendarMonth monthNumber={3} start={5} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.MARCH}></CalendarMonth> | ||
<CalendarMonth monthNumber={4} start={1} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.APRIL}></CalendarMonth> | ||
<CalendarMonth monthNumber={5} start={3} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.MAY}></CalendarMonth> | ||
<CalendarMonth monthNumber={6} start={6} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.JUNE}></CalendarMonth> | ||
<CalendarMonth monthNumber={7} start={1}></CalendarMonth> | ||
<CalendarMonth monthNumber={8} start={4} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.AUGUST}></CalendarMonth> | ||
<CalendarMonth monthNumber={9} start={0} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.SEPTEMBER}></CalendarMonth> | ||
<CalendarMonth monthNumber={10} start={2} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.OCTOBER}></CalendarMonth> | ||
<CalendarMonth monthNumber={11} start={5} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.NOVEMBER}></CalendarMonth> | ||
<CalendarMonth monthNumber={12} start={0} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.DECEMBER}></CalendarMonth> | ||
</div> | ||
</div> | ||
); | ||
}; | ||
CalendarDeck.story = { name: 'Disposición' }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,49 @@ | ||
// Base | ||
import React from 'react'; | ||
|
||
// Addons | ||
import { withA11y } from '@storybook/addon-a11y'; | ||
|
||
//component y constants | ||
import { CalendarMonth } from './index'; | ||
import { | ||
ACTIVE_DAYS_DEFAULT, | ||
ACTIVE_DAYS_JANUARY_TWO_REFERENCES, | ||
ACTIVE_DAYS_JANUARY_COLLAPSED, | ||
ACTIVE_DAYS_JANUARY_REFERENCES | ||
} from './Calendar.constants'; | ||
|
||
// Configuración general del componente | ||
export default { | ||
title: 'Componentes|Calendario / Con eventos', | ||
decorators: [withA11y] | ||
}; | ||
|
||
export const CalendarPredeterminate = (): JSX.Element => { | ||
return <CalendarMonth monthNumber={1} start={1} activeDays={ACTIVE_DAYS_DEFAULT}></CalendarMonth>; | ||
}; | ||
CalendarPredeterminate.story = { name: 'Predeterminado' }; | ||
|
||
export const CalendarLink = (): JSX.Element => { | ||
return <CalendarMonth monthNumber={1} start={1} activeDays={ACTIVE_DAYS_DEFAULT} isLinked></CalendarMonth>; | ||
}; | ||
CalendarLink.story = { name: 'Con enlace' }; | ||
|
||
export const CalendarTwoReferences = (): JSX.Element => { | ||
return <CalendarMonth monthNumber={1} start={1} activeDays={ACTIVE_DAYS_JANUARY_TWO_REFERENCES}></CalendarMonth>; | ||
}; | ||
CalendarTwoReferences.story = { name: 'Con dos referencias' }; | ||
|
||
export const CalendarCollapsable = (): JSX.Element => { | ||
return ( | ||
<CalendarMonth monthNumber={1} start={1} activeDays={ACTIVE_DAYS_JANUARY_COLLAPSED} isCollapsed></CalendarMonth> | ||
); | ||
}; | ||
CalendarCollapsable.story = { name: 'Con colapsable' }; | ||
|
||
export const CalendarReferences = (): JSX.Element => { | ||
return ( | ||
<CalendarMonth monthNumber={1} start={1} activeDays={ACTIVE_DAYS_JANUARY_REFERENCES} isCollapsed></CalendarMonth> | ||
); | ||
}; | ||
CalendarReferences.story = { name: 'Con referencias cromáticas' }; |
Oops, something went wrong.