@imj_media/ui 1.0.82 → 1.1.0
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.
- package/dist/index.css +1 -1
- package/dist/index.esm.js +10173 -14633
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +8 -15
- package/dist/index.js.map +1 -1
- package/dist/modules/Accordion/components/molecules/AccordionContent.d.ts +1 -1
- package/dist/modules/Accordion/components/molecules/AccordionContent.d.ts.map +1 -1
- package/dist/modules/Accordion/components/molecules/AccordionHeader.d.ts +1 -3
- package/dist/modules/Accordion/components/molecules/AccordionHeader.d.ts.map +1 -1
- package/dist/modules/Accordion/components/organisms/AccordionContainer.d.ts +1 -1
- package/dist/modules/Accordion/components/organisms/AccordionContainer.d.ts.map +1 -1
- package/dist/modules/Accordion/stories/Accordion.stories.d.ts +0 -2
- package/dist/modules/Accordion/stories/Accordion.stories.d.ts.map +1 -1
- package/dist/modules/Alert/components/atoms/AlertFooter.d.ts.map +1 -1
- package/dist/modules/Badge/index.d.ts +1 -1
- package/dist/modules/Badge/index.d.ts.map +1 -1
- package/dist/modules/Badge/stories/badge.stories.d.ts +3 -3
- package/dist/modules/Badge/stories/badge.stories.d.ts.map +1 -1
- package/dist/modules/Button/components/organisms/Button.d.ts +1 -1
- package/dist/modules/Button/components/organisms/Button.d.ts.map +1 -1
- package/dist/modules/Button/stories/Button.stories.d.ts.map +1 -1
- package/dist/modules/ButtonGroup/components/organisms/ButtonGroup.d.ts +1 -1
- package/dist/modules/ButtonGroup/components/organisms/ButtonGroup.d.ts.map +1 -1
- package/dist/modules/Cards/stories/Card.stories.d.ts.map +1 -1
- package/dist/modules/DatePicker/atoms/NavigationButton.d.ts.map +1 -1
- package/dist/modules/DatePicker/molecules/CalendarHeader.d.ts.map +1 -1
- package/dist/modules/Dropdown/components/Dropdown.d.ts.map +1 -1
- package/dist/modules/Dropdown/components/organisms/TagsMultiple.d.ts +1 -2
- package/dist/modules/Dropdown/components/organisms/TagsMultiple.d.ts.map +1 -1
- package/dist/modules/Dropdown/stories/MultipleSelection.stories.d.ts.map +1 -1
- package/dist/modules/Emoji/index.d.ts.map +1 -1
- package/dist/modules/Emoji/stories/emoji.stories.d.ts.map +1 -1
- package/dist/modules/Icon/components/LegacyIcon.d.ts +1 -1
- package/dist/modules/Icon/components/LegacyIcon.d.ts.map +1 -1
- package/dist/modules/Icon/constants/size.d.ts +2 -2
- package/dist/modules/Icon/constants/size.d.ts.map +1 -1
- package/dist/modules/Icon/stories/Icon.stories.d.ts.map +1 -1
- package/dist/modules/InnerAvatar/index.d.ts +3 -0
- package/dist/modules/InnerAvatar/index.d.ts.map +1 -0
- package/dist/modules/InnerAvatar/stories/inner.stories.d.ts +6 -0
- package/dist/modules/InnerAvatar/stories/inner.stories.d.ts.map +1 -0
- package/dist/modules/InnerButton/index.d.ts +1 -1
- package/dist/modules/InnerButton/index.d.ts.map +1 -1
- package/dist/modules/InnerButton/stories/InnerButton.stories.d.ts +0 -2
- package/dist/modules/InnerButton/stories/InnerButton.stories.d.ts.map +1 -1
- package/dist/modules/Input/components/Input.d.ts.map +1 -1
- package/dist/modules/Input/hooks/useInputSlots.d.ts +1 -1
- package/dist/modules/Input/hooks/useInputSlots.d.ts.map +1 -1
- package/dist/modules/Input/hooks/useInputStyles.d.ts +1 -2
- package/dist/modules/Input/hooks/useInputStyles.d.ts.map +1 -1
- package/dist/modules/Input/stories/Input.stories.d.ts.map +1 -1
- package/dist/modules/Lists/components/index.d.ts +1 -14
- package/dist/modules/Lists/components/index.d.ts.map +1 -1
- package/dist/modules/Lists/components/organisms/List.d.ts +2 -2
- package/dist/modules/Lists/components/organisms/List.d.ts.map +1 -1
- package/dist/modules/Lists/components/organisms/index.d.ts +0 -12
- package/dist/modules/Lists/components/organisms/index.d.ts.map +1 -1
- package/dist/modules/Lists/stories/list.stories.d.ts +3 -14
- package/dist/modules/Lists/stories/list.stories.d.ts.map +1 -1
- package/dist/modules/Modal/Modal.d.ts.map +1 -1
- package/dist/modules/Modal/components/molecules/ModalFooter.d.ts.map +1 -1
- package/dist/modules/Modal/components/molecules/ModalHeader.d.ts +1 -1
- package/dist/modules/Modal/components/molecules/ModalHeader.d.ts.map +1 -1
- package/dist/modules/Modal/context/ModalContext.d.ts.map +1 -1
- package/dist/modules/Modal/stories/Modal.stories.d.ts +0 -1
- package/dist/modules/Modal/stories/Modal.stories.d.ts.map +1 -1
- package/dist/modules/Pagination/components/organisms/Pagination.d.ts.map +1 -1
- package/dist/modules/Popup/components/organims/Popup.d.ts.map +1 -1
- package/dist/modules/Tag/index.d.ts +1 -1
- package/dist/modules/Tag/index.d.ts.map +1 -1
- package/dist/modules/Tag/stories/Tag.stories.d.ts +6 -7
- package/dist/modules/Tag/stories/Tag.stories.d.ts.map +1 -1
- package/dist/modules/Tooltip/components/organisms/Tooltip.d.ts +1 -1
- package/dist/modules/Tooltip/components/organisms/Tooltip.d.ts.map +1 -1
- package/dist/modules/Tooltip/hooks/useTooltipArrow.d.ts +2 -1
- package/dist/modules/Tooltip/hooks/useTooltipArrow.d.ts.map +1 -1
- package/dist/modules/Tooltip/hooks/useTooltipClasses.d.ts +2 -1
- package/dist/modules/Tooltip/hooks/useTooltipClasses.d.ts.map +1 -1
- package/dist/modules/Tooltip/stories/Tooltip.stories.d.ts +1 -0
- package/dist/modules/Tooltip/stories/Tooltip.stories.d.ts.map +1 -1
- package/dist/modules/Visual/Index.d.ts +1 -1
- package/dist/modules/Visual/Index.d.ts.map +1 -1
- package/dist/modules/index.d.ts +1 -6
- package/dist/modules/index.d.ts.map +1 -1
- package/dist/shared/const/colors.d.ts +11 -27
- package/dist/shared/const/colors.d.ts.map +1 -1
- package/dist/shared/hooks/index.d.ts +1 -2
- package/dist/shared/hooks/index.d.ts.map +1 -1
- package/dist/shared/types/accordion.d.ts +0 -1
- package/dist/shared/types/accordion.d.ts.map +1 -1
- package/dist/shared/types/alertdialog.d.ts +2 -2
- package/dist/shared/types/alertdialog.d.ts.map +1 -1
- package/dist/shared/types/avatar.d.ts +8 -0
- package/dist/shared/types/avatar.d.ts.map +1 -0
- package/dist/shared/types/badge.d.ts +3 -10
- package/dist/shared/types/badge.d.ts.map +1 -1
- package/dist/shared/types/button.d.ts +8 -10
- package/dist/shared/types/button.d.ts.map +1 -1
- package/dist/shared/types/buttongroup.d.ts +2 -2
- package/dist/shared/types/buttongroup.d.ts.map +1 -1
- package/dist/shared/types/dropdown.d.ts +0 -1
- package/dist/shared/types/dropdown.d.ts.map +1 -1
- package/dist/shared/types/emoji.d.ts +2 -2
- package/dist/shared/types/emoji.d.ts.map +1 -1
- package/dist/shared/types/emojipicker.d.ts +1 -1
- package/dist/shared/types/emojipicker.d.ts.map +1 -1
- package/dist/shared/types/icon.d.ts +3 -4
- package/dist/shared/types/icon.d.ts.map +1 -1
- package/dist/shared/types/index.d.ts +1 -2
- package/dist/shared/types/index.d.ts.map +1 -1
- package/dist/shared/types/input.d.ts +2 -2
- package/dist/shared/types/input.d.ts.map +1 -1
- package/dist/shared/types/list.d.ts +0 -4
- package/dist/shared/types/list.d.ts.map +1 -1
- package/dist/shared/types/modal.d.ts +3 -5
- package/dist/shared/types/modal.d.ts.map +1 -1
- package/dist/shared/types/popup.d.ts +1 -1
- package/dist/shared/types/popup.d.ts.map +1 -1
- package/dist/shared/types/tag.d.ts +8 -17
- package/dist/shared/types/tag.d.ts.map +1 -1
- package/dist/shared/types/tooltip.d.ts +2 -1
- package/dist/shared/types/tooltip.d.ts.map +1 -1
- package/dist/shared/types/types.d.ts +5 -5
- package/dist/shared/types/types.d.ts.map +1 -1
- package/dist/shared/utils/index.d.ts +0 -2
- package/dist/shared/utils/index.d.ts.map +1 -1
- package/package.json +2 -3
- package/dist/modules/Avatar/components/IconAvatar.d.ts +0 -19
- package/dist/modules/Avatar/components/IconAvatar.d.ts.map +0 -1
- package/dist/modules/Avatar/components/LetterAvatar.d.ts +0 -29
- package/dist/modules/Avatar/components/LetterAvatar.d.ts.map +0 -1
- package/dist/modules/Avatar/components/PeopleAvatar.d.ts +0 -25
- package/dist/modules/Avatar/components/PeopleAvatar.d.ts.map +0 -1
- package/dist/modules/Avatar/components/index.d.ts +0 -4
- package/dist/modules/Avatar/components/index.d.ts.map +0 -1
- package/dist/modules/Avatar/constants/index.d.ts +0 -120
- package/dist/modules/Avatar/constants/index.d.ts.map +0 -1
- package/dist/modules/Avatar/index.d.ts +0 -86
- package/dist/modules/Avatar/index.d.ts.map +0 -1
- package/dist/modules/Avatar/stories/avatar.stories.d.ts +0 -19
- package/dist/modules/Avatar/stories/avatar.stories.d.ts.map +0 -1
- package/dist/modules/Avatar/stories/stories/icon-pill-stroke.story.d.ts +0 -4
- package/dist/modules/Avatar/stories/stories/icon-pill-stroke.story.d.ts.map +0 -1
- package/dist/modules/Avatar/stories/stories/icon-pill.story.d.ts +0 -4
- package/dist/modules/Avatar/stories/stories/icon-pill.story.d.ts.map +0 -1
- package/dist/modules/Avatar/stories/stories/icon-stroke.story.d.ts +0 -4
- package/dist/modules/Avatar/stories/stories/icon-stroke.story.d.ts.map +0 -1
- package/dist/modules/Avatar/stories/stories/icon.story.d.ts +0 -4
- package/dist/modules/Avatar/stories/stories/icon.story.d.ts.map +0 -1
- package/dist/modules/Avatar/stories/stories/letter-pill-stroke.story.d.ts +0 -4
- package/dist/modules/Avatar/stories/stories/letter-pill-stroke.story.d.ts.map +0 -1
- package/dist/modules/Avatar/stories/stories/letter-pill.story.d.ts +0 -4
- package/dist/modules/Avatar/stories/stories/letter-pill.story.d.ts.map +0 -1
- package/dist/modules/Avatar/stories/stories/letter-stroke.story.d.ts +0 -4
- package/dist/modules/Avatar/stories/stories/letter-stroke.story.d.ts.map +0 -1
- package/dist/modules/Avatar/stories/stories/letter.story.d.ts +0 -4
- package/dist/modules/Avatar/stories/stories/letter.story.d.ts.map +0 -1
- package/dist/modules/Avatar/stories/stories/people-pill-stroke.story.d.ts +0 -4
- package/dist/modules/Avatar/stories/stories/people-pill-stroke.story.d.ts.map +0 -1
- package/dist/modules/Avatar/stories/stories/people-pill.story.d.ts +0 -4
- package/dist/modules/Avatar/stories/stories/people-pill.story.d.ts.map +0 -1
- package/dist/modules/Avatar/stories/stories/people-stroke.story.d.ts +0 -4
- package/dist/modules/Avatar/stories/stories/people-stroke.story.d.ts.map +0 -1
- package/dist/modules/Avatar/stories/stories/people.story.d.ts +0 -4
- package/dist/modules/Avatar/stories/stories/people.story.d.ts.map +0 -1
- package/dist/modules/Avatar/types/index.d.ts +0 -103
- package/dist/modules/Avatar/types/index.d.ts.map +0 -1
- package/dist/modules/Avatar/utils/index.d.ts +0 -117
- package/dist/modules/Avatar/utils/index.d.ts.map +0 -1
- package/dist/modules/Lists/components/atoms/DragHandleIcon.d.ts +0 -11
- package/dist/modules/Lists/components/atoms/DragHandleIcon.d.ts.map +0 -1
- package/dist/modules/Lists/components/atoms/index.d.ts +0 -2
- package/dist/modules/Lists/components/atoms/index.d.ts.map +0 -1
- package/dist/modules/Lists/components/molecules/ListEmpty.d.ts +0 -9
- package/dist/modules/Lists/components/molecules/ListEmpty.d.ts.map +0 -1
- package/dist/modules/Lists/components/molecules/ListHeader.d.ts +0 -9
- package/dist/modules/Lists/components/molecules/ListHeader.d.ts.map +0 -1
- package/dist/modules/Lists/components/molecules/ListItemCheckbox.d.ts +0 -11
- package/dist/modules/Lists/components/molecules/ListItemCheckbox.d.ts.map +0 -1
- package/dist/modules/Lists/components/molecules/ListItemDefault.d.ts +0 -14
- package/dist/modules/Lists/components/molecules/ListItemDefault.d.ts.map +0 -1
- package/dist/modules/Lists/components/molecules/ListItemRadio.d.ts +0 -11
- package/dist/modules/Lists/components/molecules/ListItemRadio.d.ts.map +0 -1
- package/dist/modules/Lists/components/molecules/ListItemToggle.d.ts +0 -20
- package/dist/modules/Lists/components/molecules/ListItemToggle.d.ts.map +0 -1
- package/dist/modules/Lists/components/molecules/ListItemUser.d.ts +0 -13
- package/dist/modules/Lists/components/molecules/ListItemUser.d.ts.map +0 -1
- package/dist/modules/Lists/components/molecules/ListSearchInput.d.ts +0 -9
- package/dist/modules/Lists/components/molecules/ListSearchInput.d.ts.map +0 -1
- package/dist/modules/Lists/components/molecules/ListSeparator.d.ts +0 -6
- package/dist/modules/Lists/components/molecules/ListSeparator.d.ts.map +0 -1
- package/dist/modules/Lists/components/molecules/index.d.ts +0 -10
- package/dist/modules/Lists/components/molecules/index.d.ts.map +0 -1
- package/dist/modules/Lists/components/organisms/ListAlphabetic.d.ts +0 -13
- package/dist/modules/Lists/components/organisms/ListAlphabetic.d.ts.map +0 -1
- package/dist/modules/Lists/components/organisms/ListBase.d.ts +0 -137
- package/dist/modules/Lists/components/organisms/ListBase.d.ts.map +0 -1
- package/dist/modules/Lists/components/organisms/ListDefault.d.ts +0 -18
- package/dist/modules/Lists/components/organisms/ListDefault.d.ts.map +0 -1
- package/dist/modules/Lists/components/organisms/ListFilters.d.ts +0 -14
- package/dist/modules/Lists/components/organisms/ListFilters.d.ts.map +0 -1
- package/dist/modules/Lists/components/organisms/ListFiltersCheckbox.d.ts +0 -19
- package/dist/modules/Lists/components/organisms/ListFiltersCheckbox.d.ts.map +0 -1
- package/dist/modules/Lists/components/organisms/ListUserList.d.ts +0 -17
- package/dist/modules/Lists/components/organisms/ListUserList.d.ts.map +0 -1
- package/dist/modules/Lists/components/organisms/ListUserProfile.d.ts +0 -27
- package/dist/modules/Lists/components/organisms/ListUserProfile.d.ts.map +0 -1
- package/dist/modules/Lists/components/organisms/ListUsersSelect.d.ts +0 -17
- package/dist/modules/Lists/components/organisms/ListUsersSelect.d.ts.map +0 -1
- package/dist/modules/Lists/components/organisms/ListWithCheckbox.d.ts +0 -15
- package/dist/modules/Lists/components/organisms/ListWithCheckbox.d.ts.map +0 -1
- package/dist/modules/Lists/components/organisms/ListWithRadio.d.ts +0 -15
- package/dist/modules/Lists/components/organisms/ListWithRadio.d.ts.map +0 -1
- package/dist/modules/Lists/components/organisms/ListWithSeparator.d.ts +0 -18
- package/dist/modules/Lists/components/organisms/ListWithSeparator.d.ts.map +0 -1
- package/dist/modules/Lists/components/organisms/ListWithToggle.d.ts +0 -18
- package/dist/modules/Lists/components/organisms/ListWithToggle.d.ts.map +0 -1
- package/dist/modules/Lists/stories/listBase.stories.d.ts +0 -18
- package/dist/modules/Lists/stories/listBase.stories.d.ts.map +0 -1
- package/dist/modules/Rating/Rating.d.ts +0 -11
- package/dist/modules/Rating/Rating.d.ts.map +0 -1
- package/dist/modules/Rating/index.d.ts +0 -2
- package/dist/modules/Rating/index.d.ts.map +0 -1
- package/dist/modules/Skeleton/Skeleton.d.ts +0 -9
- package/dist/modules/Skeleton/Skeleton.d.ts.map +0 -1
- package/dist/modules/Skeleton/index.d.ts +0 -2
- package/dist/modules/Skeleton/index.d.ts.map +0 -1
- package/dist/modules/Table/Table.d.ts +0 -3
- package/dist/modules/Table/Table.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/ActionsCell.d.ts +0 -3
- package/dist/modules/Table/components/atoms/ActionsCell.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/AvatarsCell.d.ts +0 -3
- package/dist/modules/Table/components/atoms/AvatarsCell.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/ButtonCell.d.ts +0 -3
- package/dist/modules/Table/components/atoms/ButtonCell.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/CheckboxCell.d.ts +0 -3
- package/dist/modules/Table/components/atoms/CheckboxCell.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/DropdownCell.d.ts +0 -3
- package/dist/modules/Table/components/atoms/DropdownCell.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/IconCell.d.ts +0 -3
- package/dist/modules/Table/components/atoms/IconCell.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/LinkCell.d.ts +0 -3
- package/dist/modules/Table/components/atoms/LinkCell.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/PrimaryCell.d.ts +0 -3
- package/dist/modules/Table/components/atoms/PrimaryCell.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/ProgressBarCell.d.ts +0 -3
- package/dist/modules/Table/components/atoms/ProgressBarCell.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/SkeletonCell.d.ts +0 -3
- package/dist/modules/Table/components/atoms/SkeletonCell.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/StarsCell.d.ts +0 -3
- package/dist/modules/Table/components/atoms/StarsCell.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/StatusCell.d.ts +0 -3
- package/dist/modules/Table/components/atoms/StatusCell.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/TableCell.d.ts +0 -3
- package/dist/modules/Table/components/atoms/TableCell.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/TagsCell.d.ts +0 -3
- package/dist/modules/Table/components/atoms/TagsCell.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/TextFieldCell.d.ts +0 -3
- package/dist/modules/Table/components/atoms/TextFieldCell.d.ts.map +0 -1
- package/dist/modules/Table/components/atoms/index.d.ts +0 -16
- package/dist/modules/Table/components/atoms/index.d.ts.map +0 -1
- package/dist/modules/Table/components/index.d.ts +0 -4
- package/dist/modules/Table/components/index.d.ts.map +0 -1
- package/dist/modules/Table/components/molecules/CellRenderer.d.ts +0 -13
- package/dist/modules/Table/components/molecules/CellRenderer.d.ts.map +0 -1
- package/dist/modules/Table/components/molecules/FilterCard.d.ts +0 -11
- package/dist/modules/Table/components/molecules/FilterCard.d.ts.map +0 -1
- package/dist/modules/Table/components/molecules/FilterForm.d.ts +0 -16
- package/dist/modules/Table/components/molecules/FilterForm.d.ts.map +0 -1
- package/dist/modules/Table/components/molecules/FilterList.d.ts +0 -9
- package/dist/modules/Table/components/molecules/FilterList.d.ts.map +0 -1
- package/dist/modules/Table/components/molecules/HeaderCell.d.ts +0 -3
- package/dist/modules/Table/components/molecules/HeaderCell.d.ts.map +0 -1
- package/dist/modules/Table/components/molecules/LogicOperatorSelector.d.ts +0 -8
- package/dist/modules/Table/components/molecules/LogicOperatorSelector.d.ts.map +0 -1
- package/dist/modules/Table/components/molecules/SelectionCheckbox.d.ts +0 -10
- package/dist/modules/Table/components/molecules/SelectionCheckbox.d.ts.map +0 -1
- package/dist/modules/Table/components/molecules/TableRow.d.ts +0 -18
- package/dist/modules/Table/components/molecules/TableRow.d.ts.map +0 -1
- package/dist/modules/Table/components/molecules/index.d.ts +0 -8
- package/dist/modules/Table/components/molecules/index.d.ts.map +0 -1
- package/dist/modules/Table/components/organisms/EmptyTableState.d.ts +0 -3
- package/dist/modules/Table/components/organisms/EmptyTableState.d.ts.map +0 -1
- package/dist/modules/Table/components/organisms/FilterPopup.d.ts +0 -16
- package/dist/modules/Table/components/organisms/FilterPopup.d.ts.map +0 -1
- package/dist/modules/Table/components/organisms/SkeletonRow.d.ts +0 -9
- package/dist/modules/Table/components/organisms/SkeletonRow.d.ts.map +0 -1
- package/dist/modules/Table/components/organisms/TableBody.d.ts +0 -29
- package/dist/modules/Table/components/organisms/TableBody.d.ts.map +0 -1
- package/dist/modules/Table/components/organisms/TableContent.d.ts +0 -21
- package/dist/modules/Table/components/organisms/TableContent.d.ts.map +0 -1
- package/dist/modules/Table/components/organisms/TableHeader.d.ts +0 -21
- package/dist/modules/Table/components/organisms/TableHeader.d.ts.map +0 -1
- package/dist/modules/Table/components/organisms/TableToolbar.d.ts +0 -17
- package/dist/modules/Table/components/organisms/TableToolbar.d.ts.map +0 -1
- package/dist/modules/Table/components/organisms/index.d.ts +0 -7
- package/dist/modules/Table/components/organisms/index.d.ts.map +0 -1
- package/dist/modules/Table/hooks/index.d.ts +0 -9
- package/dist/modules/Table/hooks/index.d.ts.map +0 -1
- package/dist/modules/Table/hooks/useTableColumns.d.ts +0 -12
- package/dist/modules/Table/hooks/useTableColumns.d.ts.map +0 -1
- package/dist/modules/Table/hooks/useTableData.d.ts +0 -17
- package/dist/modules/Table/hooks/useTableData.d.ts.map +0 -1
- package/dist/modules/Table/hooks/useTableExpand.d.ts +0 -14
- package/dist/modules/Table/hooks/useTableExpand.d.ts.map +0 -1
- package/dist/modules/Table/hooks/useTableFilter.d.ts +0 -12
- package/dist/modules/Table/hooks/useTableFilter.d.ts.map +0 -1
- package/dist/modules/Table/hooks/useTableFilters.d.ts +0 -16
- package/dist/modules/Table/hooks/useTableFilters.d.ts.map +0 -1
- package/dist/modules/Table/hooks/useTableFocus.d.ts +0 -12
- package/dist/modules/Table/hooks/useTableFocus.d.ts.map +0 -1
- package/dist/modules/Table/hooks/useTablePagination.d.ts +0 -16
- package/dist/modules/Table/hooks/useTablePagination.d.ts.map +0 -1
- package/dist/modules/Table/hooks/useTableSelection.d.ts +0 -13
- package/dist/modules/Table/hooks/useTableSelection.d.ts.map +0 -1
- package/dist/modules/Table/hooks/useTableSort.d.ts +0 -8
- package/dist/modules/Table/hooks/useTableSort.d.ts.map +0 -1
- package/dist/modules/Table/index.d.ts +0 -5
- package/dist/modules/Table/index.d.ts.map +0 -1
- package/dist/modules/Table/stories/Table.stories.d.ts +0 -55
- package/dist/modules/Table/stories/Table.stories.d.ts.map +0 -1
- package/dist/modules/Table/stories/Table.test.d.ts +0 -1
- package/dist/modules/Table/stories/Table.test.d.ts.map +0 -1
- package/dist/modules/Table/types/filter.d.ts +0 -55
- package/dist/modules/Table/types/filter.d.ts.map +0 -1
- package/dist/modules/Table/types/index.d.ts +0 -2
- package/dist/modules/Table/types/index.d.ts.map +0 -1
- package/dist/modules/Table/utils/cellStyles.d.ts +0 -31
- package/dist/modules/Table/utils/cellStyles.d.ts.map +0 -1
- package/dist/modules/Table/utils/columnManagement.d.ts +0 -10
- package/dist/modules/Table/utils/columnManagement.d.ts.map +0 -1
- package/dist/modules/Table/utils/filterUtils.d.ts +0 -23
- package/dist/modules/Table/utils/filterUtils.d.ts.map +0 -1
- package/dist/modules/Table/utils/filtering.d.ts +0 -4
- package/dist/modules/Table/utils/filtering.d.ts.map +0 -1
- package/dist/modules/Table/utils/index.d.ts +0 -5
- package/dist/modules/Table/utils/index.d.ts.map +0 -1
- package/dist/modules/Table/utils/selection.d.ts +0 -7
- package/dist/modules/Table/utils/selection.d.ts.map +0 -1
- package/dist/modules/Table/utils/sorting.d.ts +0 -4
- package/dist/modules/Table/utils/sorting.d.ts.map +0 -1
- package/dist/modules/Toggle/components/index.d.ts +0 -2
- package/dist/modules/Toggle/components/index.d.ts.map +0 -1
- package/dist/modules/Toggle/components/organisms/Toggle.d.ts +0 -3
- package/dist/modules/Toggle/components/organisms/Toggle.d.ts.map +0 -1
- package/dist/modules/Toggle/components/organisms/index.d.ts +0 -2
- package/dist/modules/Toggle/components/organisms/index.d.ts.map +0 -1
- package/dist/modules/Toggle/constants/index.d.ts +0 -48
- package/dist/modules/Toggle/constants/index.d.ts.map +0 -1
- package/dist/modules/Toggle/hooks/index.d.ts +0 -2
- package/dist/modules/Toggle/hooks/index.d.ts.map +0 -1
- package/dist/modules/Toggle/hooks/useToggle.d.ts +0 -10
- package/dist/modules/Toggle/hooks/useToggle.d.ts.map +0 -1
- package/dist/modules/Toggle/index.d.ts +0 -4
- package/dist/modules/Toggle/index.d.ts.map +0 -1
- package/dist/modules/Toggle/stories/toggle.stories.d.ts +0 -16
- package/dist/modules/Toggle/stories/toggle.stories.d.ts.map +0 -1
- package/dist/shared/hooks/useDragAndDrop.d.ts +0 -29
- package/dist/shared/hooks/useDragAndDrop.d.ts.map +0 -1
- package/dist/shared/types/table.d.ts +0 -177
- package/dist/shared/types/table.d.ts.map +0 -1
- package/dist/shared/types/toggle.d.ts +0 -30
- package/dist/shared/types/toggle.d.ts.map +0 -1
- package/dist/shared/utils/reorder.d.ts +0 -25
- package/dist/shared/utils/reorder.d.ts.map +0 -1
- package/dist/shared/utils/throttle.d.ts +0 -13
- package/dist/shared/utils/throttle.d.ts.map +0 -1
|
@@ -14,12 +14,12 @@ export type Aligments = 'start' | 'center' | 'end';
|
|
|
14
14
|
/**
|
|
15
15
|
* Input
|
|
16
16
|
*/
|
|
17
|
-
export type InputSize = '
|
|
17
|
+
export type InputSize = 'sm' | 'md' | 'lg';
|
|
18
18
|
/**
|
|
19
19
|
* Button
|
|
20
20
|
*/
|
|
21
|
-
export type
|
|
22
|
-
export type ButtonColors =
|
|
21
|
+
export type ButtonVariant = 'button' | 'text' | 'outlined' | 'soft' | 'icon' | 'emoji';
|
|
22
|
+
export type ButtonColors = Colors;
|
|
23
23
|
/**
|
|
24
24
|
* Emojis
|
|
25
25
|
*/
|
|
@@ -30,7 +30,7 @@ export type EmojiName = keyof typeof emojiMap;
|
|
|
30
30
|
export type IconType = keyof typeof OutlineIcons | keyof typeof FillIcons;
|
|
31
31
|
export type IconVariant = 'outline' | 'fill';
|
|
32
32
|
export type IconColor = keyof typeof COLORS_CSS_VARS | 'white';
|
|
33
|
-
export type IconSize =
|
|
33
|
+
export type IconSize = DefaultSize | 'none';
|
|
34
34
|
/**
|
|
35
35
|
* Visual
|
|
36
36
|
*/
|
|
@@ -61,5 +61,5 @@ export type StepStatus = 'completed' | 'active' | 'pending';
|
|
|
61
61
|
/**
|
|
62
62
|
* Visual
|
|
63
63
|
*/
|
|
64
|
-
export type VisualSize =
|
|
64
|
+
export type VisualSize = DefaultSize;
|
|
65
65
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/shared/types/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAE1D;;GAEG;AACH,MAAM,MAAM,MAAM,GACd,MAAM,GACN,OAAO,GACP,QAAQ,GACR,KAAK,GACL,OAAO,GACP,OAAO,GACP,SAAS,GACT,QAAQ,GACR,WAAW,GACX,YAAY,GACZ,aAAa,CAAA;AACjB,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAC7D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AACjD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;AACrE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,CAAA;AAChD,MAAM,MAAM,SAAS,GACjB,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,WAAW,GACX,UAAU,GACV,cAAc,GACd,aAAa,GACb,WAAW,GACX,cAAc,GACd,UAAU,GACV,aAAa,CAAA;AACjB,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAElD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/shared/types/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAE1D;;GAEG;AACH,MAAM,MAAM,MAAM,GACd,MAAM,GACN,OAAO,GACP,QAAQ,GACR,KAAK,GACL,OAAO,GACP,OAAO,GACP,SAAS,GACT,QAAQ,GACR,WAAW,GACX,YAAY,GACZ,aAAa,CAAA;AACjB,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAC7D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AACjD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;AACrE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,CAAA;AAChD,MAAM,MAAM,SAAS,GACjB,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,WAAW,GACX,UAAU,GACV,cAAc,GACd,aAAa,GACb,WAAW,GACX,cAAc,GACd,UAAU,GACV,aAAa,CAAA;AACjB,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAElD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE1C;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AACtF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAA;AAEjC;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,QAAQ,CAAA;AAE7C;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,YAAY,GAAG,MAAM,OAAO,SAAS,CAAA;AACzE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,eAAe,GAAG,OAAO,CAAA;AAC9D,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAA;AAE3C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;AAEjE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,CAAA;AACvC,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAA;AAElC;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,CAAA;AAC9B,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,CAAA;AAErE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,WAAW,CAAA;AAEpC;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEzC;;GAEG;AAEH,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE3D;;GAEG;AAEH,MAAM,MAAM,UAAU,GAAG,WAAW,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@imj_media/ui",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"description": "Componentes UI",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Oscar Rubio - IMJ",
|
|
@@ -42,6 +42,7 @@
|
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
44
|
"@storybook/addon-docs": "^9.0.12",
|
|
45
|
+
"@storybook/addon-onboarding": "^9.0.12",
|
|
45
46
|
"@storybook/react-vite": "^9.0.12",
|
|
46
47
|
"@types/node": "^24.0.3",
|
|
47
48
|
"@types/react": "^18.0.0",
|
|
@@ -68,8 +69,6 @@
|
|
|
68
69
|
"@fortawesome/pro-solid-svg-icons": "^7.0.1",
|
|
69
70
|
"@fortawesome/react-fontawesome": "^3.0.2",
|
|
70
71
|
"@storybook/react": "^9.0.12",
|
|
71
|
-
"@tanstack/react-query": "^5.90.10",
|
|
72
|
-
"@tanstack/react-table": "^8.21.3",
|
|
73
72
|
"@types/react-syntax-highlighter": "^15.5.13",
|
|
74
73
|
"class-variance-authority": "^0.7.1",
|
|
75
74
|
"clsx": "^2.1.1",
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { IconAvatarProps } from '../types';
|
|
2
|
-
/**
|
|
3
|
-
* ============================================
|
|
4
|
-
* ICON AVATAR - ATOMIC COMPONENT
|
|
5
|
-
* ============================================
|
|
6
|
-
* Avatar que muestra un icono (siempre UserOutlined)
|
|
7
|
-
*
|
|
8
|
-
* @component
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* <IconAvatar
|
|
12
|
-
* theme="solid"
|
|
13
|
-
* color="blue"
|
|
14
|
-
* size="md"
|
|
15
|
-
* />
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
export declare const IconAvatar: ({ theme, color, size, stroke, pill, disabled, grayscaleWhenDisabled, className, }: IconAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
//# sourceMappingURL=IconAvatar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconAvatar.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/components/IconAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAK1C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,mFASxB,eAAe,4CAiBjB,CAAA"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { LetterAvatarProps } from '../types';
|
|
2
|
-
/**
|
|
3
|
-
* ============================================
|
|
4
|
-
* LETTER AVATAR - ATOMIC COMPONENT
|
|
5
|
-
* ============================================
|
|
6
|
-
* Avatar que muestra texto (letras, números, símbolos)
|
|
7
|
-
*
|
|
8
|
-
* Casos de uso:
|
|
9
|
-
* - Iniciales de usuario (ej: "JD", "AB")
|
|
10
|
-
* - Contadores (ej: "99+", "100")
|
|
11
|
-
* - Indicadores (ej: "+1", "+5")
|
|
12
|
-
*
|
|
13
|
-
* El texto se trunca automáticamente a 3 caracteres y se convierte a mayúsculas
|
|
14
|
-
*
|
|
15
|
-
* @component
|
|
16
|
-
* @example
|
|
17
|
-
* ```tsx
|
|
18
|
-
* // Iniciales
|
|
19
|
-
* <LetterAvatar text="AB" theme="solid" color="blue" />
|
|
20
|
-
*
|
|
21
|
-
* // Contador
|
|
22
|
-
* <LetterAvatar text="99+" theme="soft" color="red" />
|
|
23
|
-
*
|
|
24
|
-
* // Indicador
|
|
25
|
-
* <LetterAvatar text="+1" theme="solid" color="green" />
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
export declare const LetterAvatar: ({ text, theme, color, size, stroke, pill, disabled, grayscaleWhenDisabled, className, }: LetterAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
-
//# sourceMappingURL=LetterAvatar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LetterAvatar.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/components/LetterAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAK5C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,YAAY,GAAI,yFAU1B,iBAAiB,4CAiBnB,CAAA"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { PeopleAvatarProps } from '../types';
|
|
2
|
-
/**
|
|
3
|
-
* ============================================
|
|
4
|
-
* PEOPLE AVATAR - ATOMIC COMPONENT
|
|
5
|
-
* ============================================
|
|
6
|
-
* Avatar que muestra una imagen de persona
|
|
7
|
-
*
|
|
8
|
-
* Características:
|
|
9
|
-
* - Carga lazy de imágenes
|
|
10
|
-
* - Manejo de errores con fallback a icono por defecto
|
|
11
|
-
* - Timeout de carga (2 segundos)
|
|
12
|
-
* - Preload de imagen para mejor performance
|
|
13
|
-
*
|
|
14
|
-
* @component
|
|
15
|
-
* @example
|
|
16
|
-
* ```tsx
|
|
17
|
-
* <PeopleAvatar
|
|
18
|
-
* src="https://example.com/avatar.jpg"
|
|
19
|
-
* alt="John Doe"
|
|
20
|
-
* size="md"
|
|
21
|
-
* />
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
|
-
export declare const PeopleAvatar: ({ src, alt, size, stroke, pill, disabled, grayscaleWhenDisabled, className, }: PeopleAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
//# sourceMappingURL=PeopleAvatar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PeopleAvatar.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/components/PeopleAvatar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAU5C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,YAAY,GAAI,+EAS1B,iBAAiB,4CAwGnB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import { AvatarColor, AvatarSize, AvatarTheme } from '../types';
|
|
2
|
-
import { IconType } from '../../../shared/types/types';
|
|
3
|
-
/**
|
|
4
|
-
* ============================================
|
|
5
|
-
* AVATAR CONSTANTS - DESIGN TOKENS
|
|
6
|
-
* ============================================
|
|
7
|
-
* Constantes centralizadas para facilitar la personalización
|
|
8
|
-
* del componente Avatar
|
|
9
|
-
*/
|
|
10
|
-
/**
|
|
11
|
-
* ============================================
|
|
12
|
-
* DEFAULT VALUES
|
|
13
|
-
* ============================================
|
|
14
|
-
*/
|
|
15
|
-
export declare const DEFAULT_ICON: IconType;
|
|
16
|
-
export declare const DEFAULT_COLOR: AvatarColor;
|
|
17
|
-
export declare const DEFAULT_THEME: AvatarTheme;
|
|
18
|
-
export declare const DEFAULT_SIZE: AvatarSize;
|
|
19
|
-
/**
|
|
20
|
-
* ============================================
|
|
21
|
-
* COLOR SCHEMES - TEMA SOLID
|
|
22
|
-
* ============================================
|
|
23
|
-
* Colores para el tema solid (fondo sólido + texto blanco)
|
|
24
|
-
*
|
|
25
|
-
* Para personalizar:
|
|
26
|
-
* 1. Modifica los valores de Tailwind
|
|
27
|
-
* 2. O agrega nuevos colores al objeto
|
|
28
|
-
*/
|
|
29
|
-
export declare const SOLID_COLORS: Record<AvatarColor, string>;
|
|
30
|
-
/**
|
|
31
|
-
* ============================================
|
|
32
|
-
* COLOR SCHEMES - TEMA SOFT
|
|
33
|
-
* ============================================
|
|
34
|
-
* Colores para el tema soft (fondo claro + texto oscuro)
|
|
35
|
-
*
|
|
36
|
-
* Para personalizar:
|
|
37
|
-
* 1. Modifica los valores de Tailwind
|
|
38
|
-
* 2. O agrega nuevos colores al objeto
|
|
39
|
-
*/
|
|
40
|
-
export declare const SOFT_COLORS: Record<AvatarColor, string>;
|
|
41
|
-
/**
|
|
42
|
-
* Paleta específica para avatares tipo 'letter' con tema soft.
|
|
43
|
-
* Inicialmente hereda los mismos valores que icon para mantener consistencia,
|
|
44
|
-
* pero queda lista para personalizar tipografía/contraste más adelante.
|
|
45
|
-
*/
|
|
46
|
-
export declare const SOFT_LETTER_COLORS: Record<AvatarColor, string>;
|
|
47
|
-
/**
|
|
48
|
-
* ============================================
|
|
49
|
-
* SIZE CONFIGURATIONS
|
|
50
|
-
* ============================================
|
|
51
|
-
* Tamaños del avatar (ancho, alto y tamaño de texto)
|
|
52
|
-
*
|
|
53
|
-
* Para personalizar:
|
|
54
|
-
* 1. Modifica los valores de ancho/alto (ej: ui-w-16 ui-h-16)
|
|
55
|
-
* 2. Ajusta el tamaño del texto (ej: ui-text-[6px])
|
|
56
|
-
*
|
|
57
|
-
* Nota: Los tamaños están en múltiplos de 4px (escala Tailwind)
|
|
58
|
-
*/
|
|
59
|
-
export declare const AVATAR_SIZES: Record<AvatarSize, string>;
|
|
60
|
-
/**
|
|
61
|
-
* ============================================
|
|
62
|
-
* ICON SIZE MAPPING
|
|
63
|
-
* ============================================
|
|
64
|
-
* Mapeo de tamaños de avatar a tamaños de icono
|
|
65
|
-
*
|
|
66
|
-
* Para personalizar:
|
|
67
|
-
* 1. Ajusta el tamaño del icono según el tamaño del avatar
|
|
68
|
-
* 2. Los valores deben corresponder a los tamaños del componente Icon
|
|
69
|
-
*/
|
|
70
|
-
export declare const ICON_SIZES: Record<AvatarSize, 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'>;
|
|
71
|
-
/**
|
|
72
|
-
* ============================================
|
|
73
|
-
* BORDER & SHAPE CONFIGURATIONS
|
|
74
|
-
* ============================================
|
|
75
|
-
*/
|
|
76
|
-
/** Ancho del borde */
|
|
77
|
-
export declare const STROKE_WIDTH = "ui-border-1";
|
|
78
|
-
/** Color de borde para avatar tipo 'people' */
|
|
79
|
-
export declare const PEOPLE_STROKE_COLOR = "ui-border";
|
|
80
|
-
/** Colores de borde para el tema soft (icon y letter) */
|
|
81
|
-
export declare const SOFT_STROKE_COLORS: Record<AvatarColor, string>;
|
|
82
|
-
/** Colores de borde para el tema solid (icon y letter) */
|
|
83
|
-
export declare const SOLID_STROKE_COLORS: Record<AvatarColor, string>;
|
|
84
|
-
/** Clase para forma circular (pill=true) */
|
|
85
|
-
export declare const PILL_SHAPE_CLASS = "ui-rounded-full";
|
|
86
|
-
/** Clase por defecto para forma redondeada (pill=false) */
|
|
87
|
-
export declare const ROUNDED_SHAPE_CLASS = "ui-rounded-[10px]";
|
|
88
|
-
/**
|
|
89
|
-
* Ajustes de radio cuando `pill=false` en tamaños pequeños.
|
|
90
|
-
* xxs -> 6px, xs -> 8px, resto -> 10px por defecto.
|
|
91
|
-
*/
|
|
92
|
-
export declare const ROUNDED_SHAPE_BY_SIZE: Partial<Record<AvatarSize, string>>;
|
|
93
|
-
/**
|
|
94
|
-
* ============================================
|
|
95
|
-
* TEXT CONFIGURATION
|
|
96
|
-
* ============================================
|
|
97
|
-
*/
|
|
98
|
-
/** Longitud máxima de texto para avatares tipo 'letter' */
|
|
99
|
-
export declare const MAX_TEXT_LENGTH = 3;
|
|
100
|
-
/**
|
|
101
|
-
* ============================================
|
|
102
|
-
* DISABLED STATE CONFIGURATION
|
|
103
|
-
* ============================================
|
|
104
|
-
* Estilos para el estado deshabilitado
|
|
105
|
-
*
|
|
106
|
-
* Para personalizar:
|
|
107
|
-
* 1. Modifica las clases de opacidad o background
|
|
108
|
-
* 2. Ajusta el filtro grayscale
|
|
109
|
-
*/
|
|
110
|
-
/** Clases para el estado disabled */
|
|
111
|
-
export declare const DISABLED_CLASS = "ui-opacity-50 ui-cursor-not-allowed";
|
|
112
|
-
/** Filtro grayscale para disabled */
|
|
113
|
-
export declare const DISABLED_GRAYSCALE_FILTER = "ui-grayscale";
|
|
114
|
-
/** Background para disabled (people avatar) */
|
|
115
|
-
export declare const DISABLED_PEOPLE_BG = "ui-bg-fill-disabled";
|
|
116
|
-
/** Filtro de mezcla para imágenes disabled (people avatar) */
|
|
117
|
-
export declare const DISABLED_PEOPLE_BLEND = "ui-mix-blend-luminosity";
|
|
118
|
-
/** Color de texto para disabled (letter avatar) */
|
|
119
|
-
export declare const DISABLED_TEXT_COLOR = "ui-text-disabled";
|
|
120
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C;;;;;;GAMG;AAEH;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,QAAyB,CAAA;AACpD,eAAO,MAAM,aAAa,EAAE,WAAoB,CAAA;AAChD,eAAO,MAAM,aAAa,EAAE,WAAqB,CAAA;AACjD,eAAO,MAAM,YAAY,EAAE,UAAiB,CAAA;AAE5C;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAYpD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAYnD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAc1D,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAOnD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAOnF,CAAA;AAED;;;;GAIG;AAEH,sBAAsB;AACtB,eAAO,MAAM,YAAY,gBAAgB,CAAA;AAEzC,+CAA+C;AAC/C,eAAO,MAAM,mBAAmB,cAAc,CAAA;AAE9C,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY1D,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY3D,CAAA;AAED,4CAA4C;AAC5C,eAAO,MAAM,gBAAgB,oBAAoB,CAAA;AAEjD,2DAA2D;AAC3D,eAAO,MAAM,mBAAmB,sBAAsB,CAAA;AAEtD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAGrE,CAAA;AAED;;;;GAIG;AAEH,2DAA2D;AAC3D,eAAO,MAAM,eAAe,IAAI,CAAA;AAEhC;;;;;;;;;GASG;AAEH,qCAAqC;AACrC,eAAO,MAAM,cAAc,wCAAwC,CAAA;AAEnE,qCAAqC;AACrC,eAAO,MAAM,yBAAyB,iBAAiB,CAAA;AAEvD,+CAA+C;AAC/C,eAAO,MAAM,kBAAkB,wBAAwB,CAAA;AAEvD,8DAA8D;AAC9D,eAAO,MAAM,qBAAqB,4BAA4B,CAAA;AAE9D,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,qBAAqB,CAAA"}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { AvatarProps } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* ============================================
|
|
4
|
-
* AVATAR COMPONENT - ATOMIC DESIGN
|
|
5
|
-
* ============================================
|
|
6
|
-
*
|
|
7
|
-
* Componente Avatar versátil que sigue principios de Atomic Design.
|
|
8
|
-
* Actúa como un wrapper que delega la renderización a subcomponentes
|
|
9
|
-
* especializados según el tipo de avatar.
|
|
10
|
-
*
|
|
11
|
-
* ## Tipos de Avatar
|
|
12
|
-
*
|
|
13
|
-
* ### 1. People Avatar (type: 'people')
|
|
14
|
-
* Muestra una imagen de persona con manejo de errores y fallback automático al icono por defecto
|
|
15
|
-
*
|
|
16
|
-
* ### 2. Icon Avatar (type: 'icon')
|
|
17
|
-
* Muestra un icono del sistema de iconos con temas de color
|
|
18
|
-
*
|
|
19
|
-
* ### 3. Letter Avatar (type: 'letter')
|
|
20
|
-
* Muestra texto (iniciales, números, símbolos) con truncado automático
|
|
21
|
-
*
|
|
22
|
-
* ## Personalización
|
|
23
|
-
*
|
|
24
|
-
* Para modificar colores, tamaños, o agregar nuevos temas:
|
|
25
|
-
* @see /constants/index.ts - Tokens de diseño centralizados
|
|
26
|
-
* @see /types/index.ts - Tipos y props disponibles
|
|
27
|
-
*
|
|
28
|
-
* ## Ejemplos de Uso
|
|
29
|
-
*
|
|
30
|
-
* @example
|
|
31
|
-
* // Avatar con imagen de persona
|
|
32
|
-
* <Avatar
|
|
33
|
-
* type="people"
|
|
34
|
-
* src="https://example.com/avatar.jpg"
|
|
35
|
-
* size="md"
|
|
36
|
-
* />
|
|
37
|
-
*
|
|
38
|
-
* @example
|
|
39
|
-
* // Avatar con icono (default: UserOutlined)
|
|
40
|
-
* <Avatar
|
|
41
|
-
* type="icon"
|
|
42
|
-
* theme="solid"
|
|
43
|
-
* color="blue"
|
|
44
|
-
* size="md"
|
|
45
|
-
* />
|
|
46
|
-
*
|
|
47
|
-
* @example
|
|
48
|
-
* // Avatar con iniciales
|
|
49
|
-
* <Avatar
|
|
50
|
-
* type="letter"
|
|
51
|
-
* text="AB"
|
|
52
|
-
* theme="soft"
|
|
53
|
-
* color="green"
|
|
54
|
-
* size="lg"
|
|
55
|
-
* pill={false}
|
|
56
|
-
* />
|
|
57
|
-
*
|
|
58
|
-
* @example
|
|
59
|
-
* // Avatar con contador (estilo Teams)
|
|
60
|
-
* <Avatar
|
|
61
|
-
* type="letter"
|
|
62
|
-
* text="99+"
|
|
63
|
-
* theme="solid"
|
|
64
|
-
* color="red"
|
|
65
|
-
* size="sm"
|
|
66
|
-
* />
|
|
67
|
-
*
|
|
68
|
-
* @example
|
|
69
|
-
* // Avatar con indicador
|
|
70
|
-
* <Avatar
|
|
71
|
-
* type="letter"
|
|
72
|
-
* text="+5"
|
|
73
|
-
* theme="soft"
|
|
74
|
-
* color="azure"
|
|
75
|
-
* size="md"
|
|
76
|
-
* />
|
|
77
|
-
*/
|
|
78
|
-
export declare const Avatar: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
79
|
-
/**
|
|
80
|
-
* ============================================
|
|
81
|
-
* TYPE EXPORTS
|
|
82
|
-
* ============================================
|
|
83
|
-
* Exportar tipos para uso externo en la aplicación
|
|
84
|
-
*/
|
|
85
|
-
export type { AvatarProps, AvatarSize, AvatarColor, AvatarTheme, AvatarType, PeopleAvatarProps, IconAvatarProps, LetterAvatarProps, } from './types';
|
|
86
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,mDAaxC,CAAA;AAED;;;;;GAKG;AACH,YAAY,EACV,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,iBAAiB,GAClB,MAAM,SAAS,CAAA"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
export { AvatarConImagen } from './stories/people.story';
|
|
2
|
-
export { AvatarConImagenConBorde } from './stories/people-stroke.story';
|
|
3
|
-
export { AvatarConImagenCuadrada } from './stories/people-pill.story';
|
|
4
|
-
export { AvatarConImagenCuadradaConBorde } from './stories/people-pill-stroke.story';
|
|
5
|
-
export { AvatarConLetra } from './stories/letter.story';
|
|
6
|
-
export { AvatarConLetraConBorde } from './stories/letter-stroke.story';
|
|
7
|
-
export { AvatarConLetraCuadrada } from './stories/letter-pill.story';
|
|
8
|
-
export { AvatarConLetraCuadradaConBorde } from './stories/letter-pill-stroke.story';
|
|
9
|
-
export { AvatarConIcono } from './stories/icon.story';
|
|
10
|
-
export { AvatarConIconoConBorde } from './stories/icon-stroke.story';
|
|
11
|
-
export { AvatarConIconoCuadrado } from './stories/icon-pill.story';
|
|
12
|
-
export { AvatarConIconoCuadradoConBorde } from './stories/icon-pill-stroke.story';
|
|
13
|
-
declare const meta: {
|
|
14
|
-
title: string;
|
|
15
|
-
component: (props: import('..').AvatarProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
16
|
-
tags: string[];
|
|
17
|
-
};
|
|
18
|
-
export default meta;
|
|
19
|
-
//# sourceMappingURL=avatar.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/stories/avatar.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAA;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAA;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,8BAA8B,EAAE,MAAM,oCAAoC,CAAA;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAA;AAEjF,QAAA,MAAM,IAAI;;;;CAIqB,CAAA;AAE/B,eAAe,IAAI,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon-pill-stroke.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/icon-pill-stroke.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,8BAA8B;;CA6G1C,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon-pill.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/icon-pill.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB;;CA6GlC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon-stroke.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/icon-stroke.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB;;CAuGlC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/icon.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc;;CAuG1B,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"letter-pill-stroke.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/letter-pill-stroke.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,8BAA8B;;CA8G1C,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"letter-pill.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/letter-pill.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB;;CA8GlC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"letter-stroke.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/letter-stroke.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB;;CA8FlC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"letter.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/letter.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc;;CA4G1B,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"people-pill-stroke.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/people-pill-stroke.story.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,+BAA+B;;CAuD3C,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"people-pill.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/people-pill.story.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,uBAAuB;;CAuDnC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"people-stroke.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/people-stroke.story.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,uBAAuB;;CAuDnC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"people.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/people.story.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe;;CAuD3B,CAAA"}
|