@weni/unnnic-system 1.16.17 → 1.16.19-develop.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/.eslintrc.js +20 -20
- package/README.md +2 -2
- package/babel.config.js +16 -16
- package/dist/scss/colors.scss +121 -121
- package/dist/scss/fonts.scss +123 -123
- package/dist/scss/grid.scss +51 -51
- package/dist/scss/spacing.scss +92 -92
- package/dist/scss/unnnic.scss +10 -10
- package/dist/unnnic.common.js +13 -13
- package/dist/unnnic.common.js.map +1 -1
- package/dist/unnnic.umd.js +13 -13
- package/dist/unnnic.umd.js.map +1 -1
- package/dist/unnnic.umd.min.js.map +1 -1
- package/jest.config.js +3 -3
- package/package-lock.json +60419 -0
- package/package.json +4 -4
- package/public/index.html +17 -17
- package/src/assets/fonts/fonts/icomoon.svg +163 -163
- package/src/assets/fonts/icons.css +582 -582
- package/src/assets/icons/Brazil.svg +21 -21
- package/src/assets/icons/Spain.svg +498 -498
- package/src/assets/icons/USA.svg +28 -28
- package/src/assets/icons/add-1.svg +3 -3
- package/src/assets/icons/add-circle-1.svg +4 -4
- package/src/assets/icons/alarm-bell-ring.svg +8 -8
- package/src/assets/icons/alert-circle-1-1.svg +3 -3
- package/src/assets/icons/alert-circle-1.svg +5 -5
- package/src/assets/icons/american-express.svg +4 -4
- package/src/assets/icons/app-window-edit-1.svg +4 -4
- package/src/assets/icons/app-window-edit-2.svg +9 -9
- package/src/assets/icons/arrow-button-down-1.svg +3 -3
- package/src/assets/icons/arrow-button-up-1.svg +3 -3
- package/src/assets/icons/arrow-down-1-1.svg +3 -3
- package/src/assets/icons/arrow-left-1-1.svg +3 -3
- package/src/assets/icons/arrow-redo.svg +3 -3
- package/src/assets/icons/arrow-right-1-1.svg +3 -3
- package/src/assets/icons/arrow-undo.svg +3 -3
- package/src/assets/icons/attachment.svg +3 -3
- package/src/assets/icons/bin-1-1.svg +5 -5
- package/src/assets/icons/book-address-1-2.svg +4 -4
- package/src/assets/icons/book-address-2.svg +3 -3
- package/src/assets/icons/book-library-1.svg +9 -9
- package/src/assets/icons/book-library-2.svg +3 -3
- package/src/assets/icons/bookmark-tag-1.svg +3 -3
- package/src/assets/icons/building-2-1.svg +13 -13
- package/src/assets/icons/button-play-1.svg +4 -4
- package/src/assets/icons/button-refresh-arrow-1.svg +3 -3
- package/src/assets/icons/button-refresh-arrows-1.svg +4 -4
- package/src/assets/icons/charger-1.svg +4 -4
- package/src/assets/icons/chat-translate-1.svg +6 -6
- package/src/assets/icons/check-2.svg +3 -3
- package/src/assets/icons/check-circle-1-1-1.svg +3 -3
- package/src/assets/icons/check-circle-1-1.svg +4 -4
- package/src/assets/icons/check-double.svg +3 -3
- package/src/assets/icons/check-square-1.svg +4 -4
- package/src/assets/icons/check-square-2.svg +4 -4
- package/src/assets/icons/checkbox-default.svg +3 -3
- package/src/assets/icons/checkbox-disable.svg +3 -3
- package/src/assets/icons/checkbox-less.svg +4 -4
- package/src/assets/icons/checkbox-select.svg +4 -4
- package/src/assets/icons/close-1.svg +3 -3
- package/src/assets/icons/cog-1.svg +4 -4
- package/src/assets/icons/cog-2.svg +3 -3
- package/src/assets/icons/common-file-empty-1.svg +3 -3
- package/src/assets/icons/common-file-horizontal-image-1.svg +5 -5
- package/src/assets/icons/controls-pause-1.svg +4 -4
- package/src/assets/icons/controls-play-1.svg +3 -3
- package/src/assets/icons/copy-paste-1.svg +7 -7
- package/src/assets/icons/currency-dollar-circle-1.svg +4 -4
- package/src/assets/icons/default-avatar.svg +5 -5
- package/src/assets/icons/delete-1-1.svg +4 -4
- package/src/assets/icons/delete-1.svg +3 -3
- package/src/assets/icons/delete-2-1.svg +3 -3
- package/src/assets/icons/developer-community-github-1-1.svg +3 -3
- package/src/assets/icons/diners-club.svg +6 -6
- package/src/assets/icons/discover.svg +11 -11
- package/src/assets/icons/download-bottom-1.svg +4 -4
- package/src/assets/icons/download-thick-bottom-1.svg +4 -4
- package/src/assets/icons/drag-1.svg +10 -10
- package/src/assets/icons/email-action-unread-1-1.svg +4 -4
- package/src/assets/icons/email-action-unread-1.svg +10 -10
- package/src/assets/icons/emoji.svg +6 -6
- package/src/assets/icons/expand-8-1.svg +6 -6
- package/src/assets/icons/expand-full-1.svg +7 -7
- package/src/assets/icons/export-1.svg +5 -5
- package/src/assets/icons/filter.svg +3 -3
- package/src/assets/icons/fitness-biceps-1.svg +3 -3
- package/src/assets/icons/flash-1-3.svg +3 -3
- package/src/assets/icons/flash-1-4.svg +3 -3
- package/src/assets/icons/floppy-disk-1.svg +6 -6
- package/src/assets/icons/folder-1.svg +3 -3
- package/src/assets/icons/folder-2.svg +3 -3
- package/src/assets/icons/gauge-dashboard-1.svg +4 -4
- package/src/assets/icons/gauge-dashboard-2.svg +8 -8
- package/src/assets/icons/generic-card.svg +4 -4
- package/src/assets/icons/graph-stats-1.svg +3 -3
- package/src/assets/icons/graph-stats-ascend-2.svg +3 -3
- package/src/assets/icons/graph-stats-circle-1-1.svg +4 -4
- package/src/assets/icons/graph-stats-circle-1.svg +4 -4
- package/src/assets/icons/graph-stats-descend-2.svg +4 -4
- package/src/assets/icons/headphones-customer-support-1.svg +3 -3
- package/src/assets/icons/headphones-customer-support-2.svg +3 -3
- package/src/assets/icons/headphones-customer-support-human-1-1.svg +4 -4
- package/src/assets/icons/hierarchy-3-2.svg +3 -3
- package/src/assets/icons/hierarchy-3-3.svg +3 -3
- package/src/assets/icons/house-1-1.svg +4 -4
- package/src/assets/icons/house-2-2.svg +3 -3
- package/src/assets/icons/icon-script.py +27 -27
- package/src/assets/icons/indicator.svg +3 -3
- package/src/assets/icons/information-circle-4.svg +3 -3
- package/src/assets/icons/interaction-time.svg +5 -5
- package/src/assets/icons/jcb.svg +21 -21
- package/src/assets/icons/keyboard-arrow-down-1.svg +3 -3
- package/src/assets/icons/keyboard-arrow-left-1.svg +3 -3
- package/src/assets/icons/keyboard-arrow-right-1.svg +3 -3
- package/src/assets/icons/keyboard-return-1-1.svg +3 -3
- package/src/assets/icons/keyboard-return-1.svg +4 -4
- package/src/assets/icons/layout-dashboard-1.svg +6 -6
- package/src/assets/icons/layout-dashboard-2.svg +6 -6
- package/src/assets/icons/layout-module-1-2.svg +6 -6
- package/src/assets/icons/loading-circle-1.svg +19 -19
- package/src/assets/icons/lock-2-1.svg +4 -4
- package/src/assets/icons/lock-2-2.svg +3 -3
- package/src/assets/icons/lock-unlock-1-1.svg +4 -4
- package/src/assets/icons/logout-1-1.svg +4 -4
- package/src/assets/icons/mastercard.svg +6 -6
- package/src/assets/icons/messages-bubble-1.svg +3 -3
- package/src/assets/icons/messages-bubble-3.svg +3 -3
- package/src/assets/icons/messages-bubble-4.svg +3 -3
- package/src/assets/icons/messages.svg +3 -3
- package/src/assets/icons/messaging-we-chat-2.svg +4 -4
- package/src/assets/icons/messaging-we-chat-3.svg +8 -8
- package/src/assets/icons/messaging-whatsapp-1.svg +4 -4
- package/src/assets/icons/microphone.svg +4 -4
- package/src/assets/icons/move-expand-vertical-1.svg +3 -3
- package/src/assets/icons/navigation-menu-vertical-1.svg +5 -5
- package/src/assets/icons/notes-1.svg +7 -7
- package/src/assets/icons/office-file-pdf-1-1.svg +6 -6
- package/src/assets/icons/paginate-filter-text-1.svg +7 -7
- package/src/assets/icons/pencil-write-1.svg +4 -4
- package/src/assets/icons/phone-3.svg +3 -3
- package/src/assets/icons/phone-4.svg +3 -3
- package/src/assets/icons/phone-charger-1.svg +3 -3
- package/src/assets/icons/photography-equipment-bag-1.svg +5 -5
- package/src/assets/icons/pie-line-graph-1.svg +7 -7
- package/src/assets/icons/preferences.svg +11 -11
- package/src/assets/icons/question-circle-1.svg +5 -5
- package/src/assets/icons/question-circle-2.svg +3 -3
- package/src/assets/icons/radio-default.svg +3 -3
- package/src/assets/icons/radio-disable.svg +3 -3
- package/src/assets/icons/radio-selected.svg +4 -4
- package/src/assets/icons/rating-star-1-1.svg +3 -3
- package/src/assets/icons/rating-star-1.svg +3 -3
- package/src/assets/icons/read-email-at-1.svg +10 -10
- package/src/assets/icons/response-time.svg +12 -12
- package/src/assets/icons/science-fiction-robot-1.svg +8 -8
- package/src/assets/icons/science-fiction-robot-2.svg +5 -5
- package/src/assets/icons/search-1.svg +3 -3
- package/src/assets/icons/send-email-3-1.svg +3 -3
- package/src/assets/icons/single-neutral-2.svg +4 -4
- package/src/assets/icons/single-neutral-actions-1.svg +4 -4
- package/src/assets/icons/social-instagram-1.svg +3 -3
- package/src/assets/icons/social-media-facebook-1.svg +3 -3
- package/src/assets/icons/social-media-google-1.svg +6 -6
- package/src/assets/icons/sort-asc.svg +4 -4
- package/src/assets/icons/sort-default.svg +4 -4
- package/src/assets/icons/sort-desc.svg +4 -4
- package/src/assets/icons/study-light-idea-1.svg +10 -10
- package/src/assets/icons/subtract-1.svg +3 -3
- package/src/assets/icons/subtract-circle-1.svg +4 -4
- package/src/assets/icons/switch-default-disabled.svg +4 -4
- package/src/assets/icons/switch-default.svg +11 -11
- package/src/assets/icons/switch-selected-disabled.svg +4 -4
- package/src/assets/icons/switch-selected.svg +11 -11
- package/src/assets/icons/synchronize-arrow-clock-4.svg +4 -4
- package/src/assets/icons/synchronize-arrow-clock-5.svg +4 -4
- package/src/assets/icons/task-checklist-1.svg +4 -4
- package/src/assets/icons/task-list-clock-1.svg +9 -9
- package/src/assets/icons/text-bold.svg +3 -3
- package/src/assets/icons/text-center.svg +7 -7
- package/src/assets/icons/text-italic.svg +3 -3
- package/src/assets/icons/text-justified.svg +7 -7
- package/src/assets/icons/text-left.svg +7 -7
- package/src/assets/icons/text-right.svg +7 -7
- package/src/assets/icons/text-underline.svg +4 -4
- package/src/assets/icons/ticket-1.svg +9 -9
- package/src/assets/icons/ticket-2.svg +4 -4
- package/src/assets/icons/time-clock-circle-1.svg +4 -4
- package/src/assets/icons/transfer-message.svg +4 -4
- package/src/assets/icons/translate-1.svg +8 -8
- package/src/assets/icons/translate-2.svg +8 -8
- package/src/assets/icons/typing-1.svg +4 -4
- package/src/assets/icons/unionpay.svg +7 -7
- package/src/assets/icons/unordered-list.svg +8 -8
- package/src/assets/icons/upload-bottom-1.svg +4 -4
- package/src/assets/icons/video-file-mp4-1.svg +6 -6
- package/src/assets/icons/view-1-1.svg +4 -4
- package/src/assets/icons/view-off-1.svg +7 -7
- package/src/assets/icons/vip-crown-queen-2.svg +4 -4
- package/src/assets/icons/visa.svg +8 -8
- package/src/assets/img/flag/en.svg +28 -28
- package/src/assets/img/flag/pt-br.svg +21 -21
- package/src/assets/scss/colors.scss +121 -121
- package/src/assets/scss/fonts.scss +123 -123
- package/src/assets/scss/grid.scss +51 -51
- package/src/assets/scss/spacing.scss +92 -92
- package/src/assets/scss/unnnic.scss +10 -10
- package/src/components/Accordion/Accordion.vue +142 -142
- package/src/components/Alert/Alert.vue +145 -145
- package/src/components/Alert/AlertCaller.vue +49 -49
- package/src/components/Alert/Version1dot1.vue +146 -146
- package/src/components/AudioRecorder/AudioHandler.vue +96 -96
- package/src/components/AudioRecorder/AudioPlayer.vue +197 -197
- package/src/components/AudioRecorder/AudioRecorder.vue +357 -357
- package/src/components/AutocompleteSelect/AutocompleteSelect.vue +318 -318
- package/src/components/AvatarIcon/AvatarIcon.vue +90 -90
- package/src/components/Banner/Banner.vue +80 -80
- package/src/components/Banner/InfoBanner.vue +158 -158
- package/src/components/Breadcrumb/Breadcrumb.vue +80 -80
- package/src/components/Button/Button.vue +314 -314
- package/src/components/Button/ButtonIcon.vue +103 -103
- package/src/components/Card/AccountCard.vue +94 -94
- package/src/components/Card/BlankCard.vue +83 -83
- package/src/components/Card/Card.vue +197 -197
- package/src/components/Card/CardCompany.vue +289 -289
- package/src/components/Card/CardData.vue +117 -117
- package/src/components/Card/CardStatusesContainer.vue +222 -222
- package/src/components/Card/ContentCard.vue +135 -135
- package/src/components/Card/DashCard.vue +141 -141
- package/src/components/Card/DefaultCard.vue +81 -81
- package/src/components/Card/MarketplaceCard.vue +173 -173
- package/src/components/Card/StatusCard.vue +104 -104
- package/src/components/Card/TitleCard.vue +96 -96
- package/src/components/CardFlow/CardFlow.vue +175 -175
- package/src/components/CardImage/CardImage.vue +150 -150
- package/src/components/CardInformation/CardInformation.vue +65 -65
- package/src/components/CardNumber/CardNumber.vue +61 -61
- package/src/components/CardProject/CardProject.vue +73 -73
- package/src/components/Carousel/Carousel.vue +62 -62
- package/src/components/Carousel/TagCarousel.vue +190 -190
- package/src/components/ChartBar/ChartBar.vue +395 -395
- package/src/components/ChartLine/ChartLine.vue +300 -300
- package/src/components/ChartRainbow/ChartRainbow.vue +160 -160
- package/src/components/ChatText/ChatText.vue +156 -156
- package/src/components/Checkbox/Checkbox.vue +139 -139
- package/src/components/CircleProgressBar/CircleProgressBar.vue +146 -146
- package/src/components/Comment/Comment.vue +99 -99
- package/src/components/DataArea/DataArea.vue +96 -96
- package/src/components/DateFilter/DateFilter.vue +78 -78
- package/src/components/DatePicker/DatePicker.vue +806 -806
- package/src/components/Dropdown/Dropdown.vue +109 -109
- package/src/components/Dropdown/DropdownItem.vue +31 -31
- package/src/components/Dropdown/DropdownSkeleton.vue +164 -164
- package/src/components/Dropdown/LanguageSelect.vue +261 -261
- package/src/components/Flag.vue +41 -41
- package/src/components/FormElement/FormElement.vue +60 -60
- package/src/components/Icon.vue +157 -157
- package/src/components/ImportCard/ImportCard.vue +199 -199
- package/src/components/Indicator/Indicator.vue +108 -108
- package/src/components/Input/Autocomplete.vue +325 -325
- package/src/components/Input/BaseInput.vue +176 -176
- package/src/components/Input/Input.vue +154 -154
- package/src/components/Input/TextInput.vue +186 -186
- package/src/components/InputDatePicker/InputDatePicker.vue +193 -193
- package/src/components/InputNext/InputNext.vue +260 -260
- package/src/components/Label/Label.vue +30 -30
- package/src/components/Modal/CallModal.vue +23 -23
- package/src/components/Modal/Modal.vue +208 -208
- package/src/components/ModalNext/ModalNext.vue +396 -396
- package/src/components/ModalUpload/ModalUpload.vue +177 -177
- package/src/components/MoodRating/MoodRating.vue +115 -115
- package/src/components/MultiSelect/MultiSelect.vue +274 -274
- package/src/components/Pagination/Pagination.vue +164 -164
- package/src/components/ProgressBar/ProgressBar.vue +232 -232
- package/src/components/Radio/Radio.vue +133 -133
- package/src/components/Select/Select.vue +409 -409
- package/src/components/Select/SelectItem.vue +79 -79
- package/src/components/SelectListItem/SelectListItem.vue +125 -125
- package/src/components/Sidebar/Sidebar.vue +91 -91
- package/src/components/Sidebar/SidebarItem.vue +90 -90
- package/src/components/Sidebar/SidebarMenu.vue +34 -34
- package/src/components/Sidebar/SidebarPrimary.vue +384 -384
- package/src/components/SkeletonLoading/SkeletonLoading.vue +115 -115
- package/src/components/SkeletonLoading/skeletonTheme.vue +74 -74
- package/src/components/Slider/Slider.vue +317 -317
- package/src/components/StarRating/StarRating.vue +71 -71
- package/src/components/Switch/Switch.vue +170 -170
- package/src/components/Tab/Tab.vue +129 -129
- package/src/components/Table/Table.vue +115 -115
- package/src/components/Table/TableRow.vue +75 -75
- package/src/components/TabsExpanded/TabsExpanded.vue +131 -131
- package/src/components/Tag/BrandTag.vue +97 -97
- package/src/components/Tag/DefaultTag.vue +124 -124
- package/src/components/Tag/IndicatorTag.vue +104 -104
- package/src/components/Tag/Tag.vue +87 -87
- package/src/components/TextArea/TextArea.vue +200 -200
- package/src/components/TextEditor/TextEditor.vue +530 -530
- package/src/components/ToolTip/ToolTip.vue +192 -192
- package/src/components/UploadArea/UploadArea.vue +386 -386
- package/src/components/config.js +2 -2
- package/src/components/grid/Grid.vue +45 -45
- package/src/components/index.js +220 -220
- package/src/locales/en.json +15 -15
- package/src/locales/es.json +15 -15
- package/src/locales/pt_br.json +15 -15
- package/src/main.js +13 -13
- package/src/stories/Accordion.stories.js +46 -46
- package/src/stories/Alert.stories.js +58 -58
- package/src/stories/AudioRecorder.stories.js +48 -48
- package/src/stories/Autocomplete.stories.js +55 -55
- package/src/stories/AutocompleteSelect.stories.js +45 -45
- package/src/stories/AvatarIcon.stories.js +24 -24
- package/src/stories/Banner.stories.js +46 -46
- package/src/stories/Breadcrumb.stories.js +31 -31
- package/src/stories/Button.stories.js +49 -49
- package/src/stories/ButtonIcon.stories.js +40 -40
- package/src/stories/Card.stories.js +118 -118
- package/src/stories/CardCompany.stories.js +52 -52
- package/src/stories/CardData.stories.js +41 -41
- package/src/stories/CardFlow.stories.js +44 -44
- package/src/stories/CardImage.stories.js +56 -56
- package/src/stories/CardInformation.stories.js +64 -64
- package/src/stories/CardNumber.stories.js +35 -35
- package/src/stories/CardProject.stories.js +70 -70
- package/src/stories/Carousel.stories.js +38 -38
- package/src/stories/ChartBar.stories.js +119 -119
- package/src/stories/ChartLine.stories.js +55 -55
- package/src/stories/ChartRainbow.stories.js +34 -34
- package/src/stories/ChatText.stories.js +62 -62
- package/src/stories/Checkbox.stories.js +28 -28
- package/src/stories/CircleProgressBar.stories.js +36 -36
- package/src/stories/Colors.stories.mdx +91 -91
- package/src/stories/Comment.stories.js +59 -59
- package/src/stories/DataArea.stories.js +75 -75
- package/src/stories/DateFilter.stories.js +23 -23
- package/src/stories/DatePicker.stories.js +87 -87
- package/src/stories/Dropdown.stories.js +19 -19
- package/src/stories/DropdownSkeleton.stories.js +15 -15
- package/src/stories/Font.stories.mdx +80 -80
- package/src/stories/FormElement.stories.js +40 -40
- package/src/stories/Grid.stories.js +20 -20
- package/src/stories/Icon.stories.js +64 -64
- package/src/stories/ImportCard.stories.js +35 -35
- package/src/stories/Indicator.stories.js +23 -23
- package/src/stories/Input.stories.js +63 -63
- package/src/stories/InputDatePicker.stories.js +53 -53
- package/src/stories/InputNext.stories.js +109 -109
- package/src/stories/Introduction.stories.mdx +207 -207
- package/src/stories/Label.stories.js +20 -20
- package/src/stories/LanguageSelect.stories.js +28 -28
- package/src/stories/Modal.stories.js +58 -58
- package/src/stories/ModalNext.stories.js +171 -171
- package/src/stories/ModalUpload.stories.js +29 -29
- package/src/stories/MoodRating.stories.js +37 -37
- package/src/stories/MultiSelect.stories.js +55 -55
- package/src/stories/Pagination.stories.js +31 -31
- package/src/stories/ProgressBar.stories.js +73 -73
- package/src/stories/Radio.stories.js +46 -46
- package/src/stories/Select.stories.js +62 -62
- package/src/stories/SelectListItem.stories.js +63 -63
- package/src/stories/Sidebar.stories.js +37 -37
- package/src/stories/SidebarPrimary.stories.js +83 -83
- package/src/stories/SkeletonLoading.stories.js +34 -34
- package/src/stories/Slider.stories.js +29 -29
- package/src/stories/StarRating.stories.js +38 -38
- package/src/stories/Switch.stories.js +31 -31
- package/src/stories/Tab.stories.js +42 -42
- package/src/stories/Table.stories.js +145 -145
- package/src/stories/TabsExpanded.stories.js +68 -68
- package/src/stories/Tag.stories.js +46 -46
- package/src/stories/TextArea.stories.js +43 -43
- package/src/stories/TextEditor.stories.js +80 -80
- package/src/stories/ToolTip.stories.js +27 -27
- package/src/stories/UploadArea.stories.js +51 -51
- package/src/utils/call.js +25 -25
- package/src/utils/colorsList.js +38 -38
- package/src/utils/emojiList.js +47 -47
- package/src/utils/iconList.js +108 -108
- package/src/utils/icons.js +359 -359
- package/src/utils/plugins/i18n.js +26 -26
- package/vue.config.js +26 -26
package/src/components/config.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
// eslint-disable-next-line import/prefer-default-export
|
|
2
|
-
export const unnnicFontSize = 16; // px
|
|
1
|
+
// eslint-disable-next-line import/prefer-default-export
|
|
2
|
+
export const unnnicFontSize = 16; // px
|
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div :class="[gridClass, 'grid-example-container']">
|
|
3
|
-
<div v-for="i in gridNumber" :key="i" :class="[gridItemClass,'grid-example']" />
|
|
4
|
-
</div>
|
|
5
|
-
</template>
|
|
6
|
-
|
|
7
|
-
<script>
|
|
8
|
-
export default {
|
|
9
|
-
name: 'Grid',
|
|
10
|
-
props: {
|
|
11
|
-
size: {
|
|
12
|
-
type: String,
|
|
13
|
-
default: 'sm',
|
|
14
|
-
},
|
|
15
|
-
},
|
|
16
|
-
computed: {
|
|
17
|
-
gridClass() {
|
|
18
|
-
return `unnnic-grid-${this.size}`;
|
|
19
|
-
},
|
|
20
|
-
gridItemClass() {
|
|
21
|
-
return 'unnnic-grid-span-1';
|
|
22
|
-
},
|
|
23
|
-
gridNumber() {
|
|
24
|
-
if (this.size === 'xs' || this.size === 'sm') return 4;
|
|
25
|
-
if (this.size === 'md') return 6;
|
|
26
|
-
if (this.size === 'lg' || this.size === 'xl') return 12;
|
|
27
|
-
return 12;
|
|
28
|
-
},
|
|
29
|
-
},
|
|
30
|
-
};
|
|
31
|
-
</script>
|
|
32
|
-
|
|
33
|
-
<style lang="scss" scoped>
|
|
34
|
-
@import '../../assets/scss/unnnic.scss';
|
|
35
|
-
|
|
36
|
-
.grid-example {
|
|
37
|
-
background-color: $unnnic-color-brand-weni;
|
|
38
|
-
|
|
39
|
-
&-container {
|
|
40
|
-
background-color: $unnnic-color-neutral-dark ;
|
|
41
|
-
width: 100%;
|
|
42
|
-
height: 100vh;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div :class="[gridClass, 'grid-example-container']">
|
|
3
|
+
<div v-for="i in gridNumber" :key="i" :class="[gridItemClass,'grid-example']" />
|
|
4
|
+
</div>
|
|
5
|
+
</template>
|
|
6
|
+
|
|
7
|
+
<script>
|
|
8
|
+
export default {
|
|
9
|
+
name: 'Grid',
|
|
10
|
+
props: {
|
|
11
|
+
size: {
|
|
12
|
+
type: String,
|
|
13
|
+
default: 'sm',
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
computed: {
|
|
17
|
+
gridClass() {
|
|
18
|
+
return `unnnic-grid-${this.size}`;
|
|
19
|
+
},
|
|
20
|
+
gridItemClass() {
|
|
21
|
+
return 'unnnic-grid-span-1';
|
|
22
|
+
},
|
|
23
|
+
gridNumber() {
|
|
24
|
+
if (this.size === 'xs' || this.size === 'sm') return 4;
|
|
25
|
+
if (this.size === 'md') return 6;
|
|
26
|
+
if (this.size === 'lg' || this.size === 'xl') return 12;
|
|
27
|
+
return 12;
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
</script>
|
|
32
|
+
|
|
33
|
+
<style lang="scss" scoped>
|
|
34
|
+
@import '../../assets/scss/unnnic.scss';
|
|
35
|
+
|
|
36
|
+
.grid-example {
|
|
37
|
+
background-color: $unnnic-color-brand-weni;
|
|
38
|
+
|
|
39
|
+
&-container {
|
|
40
|
+
background-color: $unnnic-color-neutral-dark ;
|
|
41
|
+
width: 100%;
|
|
42
|
+
height: 100vh;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
</style>
|
package/src/components/index.js
CHANGED
|
@@ -1,220 +1,220 @@
|
|
|
1
|
-
import Vue from 'vue';
|
|
2
|
-
import { unnnicFontSize as fontSize } from './config';
|
|
3
|
-
import formElement from './FormElement/FormElement.vue';
|
|
4
|
-
import input from './Input/Input.vue';
|
|
5
|
-
import inputNext from './InputNext/InputNext.vue';
|
|
6
|
-
import inputDatePicker from './InputDatePicker/InputDatePicker.vue';
|
|
7
|
-
import button from './Button/Button.vue';
|
|
8
|
-
import buttonIcon from './Button/ButtonIcon.vue';
|
|
9
|
-
import sidebar from './Sidebar/Sidebar.vue';
|
|
10
|
-
import sidebarItem from './Sidebar/SidebarItem.vue';
|
|
11
|
-
import sidebarMenu from './Sidebar/SidebarMenu.vue';
|
|
12
|
-
import sidebarPrimary from './Sidebar/SidebarPrimary.vue';
|
|
13
|
-
import table from './Table/Table.vue';
|
|
14
|
-
import tableRow from './Table/TableRow.vue';
|
|
15
|
-
import dropdown from './Dropdown/Dropdown.vue';
|
|
16
|
-
import dropdownItem from './Dropdown/DropdownItem.vue';
|
|
17
|
-
import avatarIcon from './AvatarIcon/AvatarIcon.vue';
|
|
18
|
-
import icon from './Icon.vue';
|
|
19
|
-
import toolTip from './ToolTip/ToolTip.vue';
|
|
20
|
-
import card from './Card/Card.vue';
|
|
21
|
-
import cardCompany from './Card/CardCompany.vue';
|
|
22
|
-
import cardData from './Card/CardData.vue';
|
|
23
|
-
import cardImage from './CardImage/CardImage.vue';
|
|
24
|
-
import cardFlow from './CardFlow/CardFlow.vue';
|
|
25
|
-
import cardProject from './CardProject/CardProject.vue';
|
|
26
|
-
import cardInformation from './CardInformation/CardInformation.vue';
|
|
27
|
-
import checkbox from './Checkbox/Checkbox.vue';
|
|
28
|
-
import radio from './Radio/Radio.vue';
|
|
29
|
-
import languageSelect from './Dropdown/LanguageSelect.vue';
|
|
30
|
-
import modal from './Modal/Modal.vue';
|
|
31
|
-
import modalNext from './ModalNext/ModalNext.vue';
|
|
32
|
-
import modalUpload from './ModalUpload/ModalUpload.vue';
|
|
33
|
-
import call from '../utils/call';
|
|
34
|
-
import select from './Select/Select.vue';
|
|
35
|
-
import selectItem from './Select/SelectItem.vue';
|
|
36
|
-
import selectListItem from './SelectListItem/SelectListItem.vue';
|
|
37
|
-
import multiSelect from './MultiSelect/MultiSelect.vue';
|
|
38
|
-
import alert from './Alert/Alert.vue';
|
|
39
|
-
import autocomplete from './Input/Autocomplete.vue';
|
|
40
|
-
import autocompleteSelect from './AutocompleteSelect/AutocompleteSelect.vue';
|
|
41
|
-
import tag from './Tag/Tag.vue';
|
|
42
|
-
import accordion from './Accordion/Accordion.vue';
|
|
43
|
-
import indicator from './Indicator/Indicator.vue';
|
|
44
|
-
import skeletonLoading from './SkeletonLoading/SkeletonLoading.vue';
|
|
45
|
-
import carousel from './Carousel/Carousel.vue';
|
|
46
|
-
import label from './Label/Label.vue';
|
|
47
|
-
import tab from './Tab/Tab.vue';
|
|
48
|
-
import tabsExpanded from './TabsExpanded/TabsExpanded.vue';
|
|
49
|
-
import banner from './Banner/Banner.vue';
|
|
50
|
-
import comment from './Comment/Comment.vue';
|
|
51
|
-
import datePicker from './DatePicker/DatePicker.vue';
|
|
52
|
-
import breadcrumb from './Breadcrumb/Breadcrumb.vue';
|
|
53
|
-
import Switch from './Switch/Switch.vue';
|
|
54
|
-
import Slider from './Slider/Slider.vue';
|
|
55
|
-
import DataArea from './DataArea/DataArea.vue';
|
|
56
|
-
import Pagination from './Pagination/Pagination.vue';
|
|
57
|
-
import UploadArea from './UploadArea/UploadArea.vue';
|
|
58
|
-
import ImportCard from './ImportCard/ImportCard.vue';
|
|
59
|
-
import DateFilter from './DateFilter/DateFilter.vue';
|
|
60
|
-
import ChatText from './ChatText/ChatText.vue';
|
|
61
|
-
import TextArea from './TextArea/TextArea.vue';
|
|
62
|
-
import CardNumber from './CardNumber/CardNumber.vue';
|
|
63
|
-
import chartRainbow from './ChartRainbow/ChartRainbow.vue';
|
|
64
|
-
import chartBar from './ChartBar/ChartBar.vue';
|
|
65
|
-
import chartLine from './ChartLine/ChartLine.vue';
|
|
66
|
-
import textEditor from './TextEditor/TextEditor.vue';
|
|
67
|
-
import moodRating from './MoodRating/MoodRating.vue';
|
|
68
|
-
import starRating from './StarRating/StarRating.vue';
|
|
69
|
-
import audioRecorder from './AudioRecorder/AudioRecorder.vue';
|
|
70
|
-
import circleProgressBar from './CircleProgressBar/CircleProgressBar.vue';
|
|
71
|
-
import progressBar from './ProgressBar/ProgressBar.vue';
|
|
72
|
-
|
|
73
|
-
const components = {
|
|
74
|
-
unnnicFormElement: formElement,
|
|
75
|
-
unnnicInput: input,
|
|
76
|
-
unnnicInputNext: inputNext,
|
|
77
|
-
unnnicInputDatePicker: inputDatePicker,
|
|
78
|
-
unnnicButton: button,
|
|
79
|
-
unnnicButtonIcon: buttonIcon,
|
|
80
|
-
unnnicSidebar: sidebar,
|
|
81
|
-
unnnicSidebarItem: sidebarItem,
|
|
82
|
-
unnnicSidebarMenu: sidebarMenu,
|
|
83
|
-
unnnicSidebarPrimary: sidebarPrimary,
|
|
84
|
-
unnnicTable: table,
|
|
85
|
-
unnnicTableRow: tableRow,
|
|
86
|
-
unnnicAvatarIcon: avatarIcon,
|
|
87
|
-
unnnicIcon: icon,
|
|
88
|
-
unnnicIconSvg: icon,
|
|
89
|
-
unnnicDropdown: dropdown,
|
|
90
|
-
unnnicDropdownItem: dropdownItem,
|
|
91
|
-
unnnicToolTip: toolTip,
|
|
92
|
-
unnnicCard: card,
|
|
93
|
-
unnnicCardCompany: cardCompany,
|
|
94
|
-
unnnicCardData: cardData,
|
|
95
|
-
unnnicCardImage: cardImage,
|
|
96
|
-
unnnicCardFlow: cardFlow,
|
|
97
|
-
unnnicCardProject: cardProject,
|
|
98
|
-
unnnicCardInformation: cardInformation,
|
|
99
|
-
unnnicCheckbox: checkbox,
|
|
100
|
-
unnnicRadio: radio,
|
|
101
|
-
unnnicLanguageSelect: languageSelect,
|
|
102
|
-
unnnicModal: modal,
|
|
103
|
-
unnnicModalNext: modalNext,
|
|
104
|
-
unnnicModalUpload: modalUpload,
|
|
105
|
-
unnnicSelect: select,
|
|
106
|
-
unnnicSelectItem: selectItem,
|
|
107
|
-
unnnicSelectListItem: selectListItem,
|
|
108
|
-
unnnicMultiSelect: multiSelect,
|
|
109
|
-
unnnicAlert: alert,
|
|
110
|
-
unnnicAutocomplete: autocomplete,
|
|
111
|
-
unnnicAutocompleteSelect: autocompleteSelect,
|
|
112
|
-
unnnicTag: tag,
|
|
113
|
-
unnnicAccordion: accordion,
|
|
114
|
-
unnnicIndicator: indicator,
|
|
115
|
-
unnnicSkeletonLoading: skeletonLoading,
|
|
116
|
-
unnnicCarousel: carousel,
|
|
117
|
-
unnnicLabel: label,
|
|
118
|
-
unnnicTab: tab,
|
|
119
|
-
unnnicTabsExpanded: tabsExpanded,
|
|
120
|
-
unnnicBanner: banner,
|
|
121
|
-
unnnicComment: comment,
|
|
122
|
-
unnnicDatePicker: datePicker,
|
|
123
|
-
unnnicBreadcrumb: breadcrumb,
|
|
124
|
-
unnnicSwitch: Switch,
|
|
125
|
-
unnnicSlider: Slider,
|
|
126
|
-
unnnicDataArea: DataArea,
|
|
127
|
-
unnnicPagination: Pagination,
|
|
128
|
-
unnnicUploadArea: UploadArea,
|
|
129
|
-
unnnicImportCard: ImportCard,
|
|
130
|
-
unnnicDateFilter: DateFilter,
|
|
131
|
-
unnnicChatText: ChatText,
|
|
132
|
-
unnnicTextArea: TextArea,
|
|
133
|
-
unnnicCardNumber: CardNumber,
|
|
134
|
-
unnnicChartRainbow: chartRainbow,
|
|
135
|
-
unnnicChartBar: chartBar,
|
|
136
|
-
unnnicChartLine: chartLine,
|
|
137
|
-
unnnicTextEditor: textEditor,
|
|
138
|
-
unnnicMoodRating: moodRating,
|
|
139
|
-
unnnicStarRating: starRating,
|
|
140
|
-
unnnicAudioRecorder: audioRecorder,
|
|
141
|
-
unnnicCircleProgressBar: circleProgressBar,
|
|
142
|
-
unnnicProgressBar: progressBar,
|
|
143
|
-
};
|
|
144
|
-
|
|
145
|
-
Object.keys(components).forEach((name) => {
|
|
146
|
-
Vue.component(name, components[name]);
|
|
147
|
-
});
|
|
148
|
-
|
|
149
|
-
export const unnnicFontSize = fontSize;
|
|
150
|
-
export const unnnicFormElement = formElement;
|
|
151
|
-
export const unnnicInput = input;
|
|
152
|
-
export const unnnicInputNext = inputNext;
|
|
153
|
-
export const unnnicInputDatePicker = inputDatePicker;
|
|
154
|
-
export const unnnicButton = button;
|
|
155
|
-
export const unnnicButtonIcon = buttonIcon;
|
|
156
|
-
export const unnnicSidebar = sidebar;
|
|
157
|
-
export const unnnicSidebarItem = sidebarItem;
|
|
158
|
-
export const unnnicSidebarMenu = sidebarMenu;
|
|
159
|
-
export const unnnicSidebarPrimary = sidebarPrimary;
|
|
160
|
-
export const unnnicTable = table;
|
|
161
|
-
export const unnnicTableRow = tableRow;
|
|
162
|
-
export const unnnicDropdown = dropdown;
|
|
163
|
-
export const unnnicDropdownItem = dropdownItem;
|
|
164
|
-
export const unnnicAvatarIcon = avatarIcon;
|
|
165
|
-
export const unnnicIcon = icon;
|
|
166
|
-
export const unnnicIconSvg = icon;
|
|
167
|
-
export const unnnicToolTip = toolTip;
|
|
168
|
-
export const unnnicCard = card;
|
|
169
|
-
export const unnnicCardCompany = cardCompany;
|
|
170
|
-
export const unnnicCardData = cardData;
|
|
171
|
-
export const unnnicCardImage = cardImage;
|
|
172
|
-
export const unnnicCardFlow = cardFlow;
|
|
173
|
-
export const unnnicCardProject = cardProject;
|
|
174
|
-
export const unnnicCardInformation = cardInformation;
|
|
175
|
-
export const unnnicCheckbox = checkbox;
|
|
176
|
-
export const unnnicRadio = radio;
|
|
177
|
-
export const unnniclanguageSelect = languageSelect;
|
|
178
|
-
export const unnnicModal = modal;
|
|
179
|
-
export const unnnicModalNext = modalNext;
|
|
180
|
-
export const unnnicModalUpload = modalUpload;
|
|
181
|
-
export const unnnicSelect = select;
|
|
182
|
-
export const unnnicSelectItem = selectItem;
|
|
183
|
-
export const unnnicSelectListItem = selectListItem;
|
|
184
|
-
export const unnnicMultiSelect = multiSelect;
|
|
185
|
-
export const unnnicAlert = alert;
|
|
186
|
-
export const unnnicCallAlert = call.callAlert;
|
|
187
|
-
export const unnnicCallModal = call.callModal;
|
|
188
|
-
export const unnnicAutocomplete = autocomplete;
|
|
189
|
-
export const unnnicAutocompleteSelect = autocompleteSelect;
|
|
190
|
-
export const unnnicTag = tag;
|
|
191
|
-
export const unnnicAccordion = accordion;
|
|
192
|
-
export const unnnicIndicator = indicator;
|
|
193
|
-
export const unnnicSkeletonLoading = skeletonLoading;
|
|
194
|
-
export const unnnicCarousel = carousel;
|
|
195
|
-
export const unnnicLabel = label;
|
|
196
|
-
export const unnnicTab = tab;
|
|
197
|
-
export const unnnicTabsExpanded = tabsExpanded;
|
|
198
|
-
export const unnnicBanner = banner;
|
|
199
|
-
export const unnnicComment = comment;
|
|
200
|
-
export const unnnicDatePicker = datePicker;
|
|
201
|
-
export const unnnicBreadcrumb = breadcrumb;
|
|
202
|
-
export const unnnicSwitch = Switch;
|
|
203
|
-
export const unnnicSlider = Slider;
|
|
204
|
-
export const unnnicDataArea = DataArea;
|
|
205
|
-
export const unnnicPagination = Pagination;
|
|
206
|
-
export const unnnicUploadArea = UploadArea;
|
|
207
|
-
export const unnnicImportCard = ImportCard;
|
|
208
|
-
export const unnnicDateFilter = DateFilter;
|
|
209
|
-
export const unnnicChatText = ChatText;
|
|
210
|
-
export const unnnicTextArea = TextArea;
|
|
211
|
-
export const unnnicCardNumber = CardNumber;
|
|
212
|
-
export const unnnicChartRainbow = chartRainbow;
|
|
213
|
-
export const unnnicChartBar = chartBar;
|
|
214
|
-
export const unnnicChartLine = chartLine;
|
|
215
|
-
export const unnnicTextEditor = textEditor;
|
|
216
|
-
export const unnnicMoodRating = moodRating;
|
|
217
|
-
export const unnnicStarRating = starRating;
|
|
218
|
-
export const unnnicAudioRecorder = audioRecorder;
|
|
219
|
-
export const unnnicCircleProgressBar = circleProgressBar;
|
|
220
|
-
export const unnnicProgressBar = progressBar;
|
|
1
|
+
import Vue from 'vue';
|
|
2
|
+
import { unnnicFontSize as fontSize } from './config';
|
|
3
|
+
import formElement from './FormElement/FormElement.vue';
|
|
4
|
+
import input from './Input/Input.vue';
|
|
5
|
+
import inputNext from './InputNext/InputNext.vue';
|
|
6
|
+
import inputDatePicker from './InputDatePicker/InputDatePicker.vue';
|
|
7
|
+
import button from './Button/Button.vue';
|
|
8
|
+
import buttonIcon from './Button/ButtonIcon.vue';
|
|
9
|
+
import sidebar from './Sidebar/Sidebar.vue';
|
|
10
|
+
import sidebarItem from './Sidebar/SidebarItem.vue';
|
|
11
|
+
import sidebarMenu from './Sidebar/SidebarMenu.vue';
|
|
12
|
+
import sidebarPrimary from './Sidebar/SidebarPrimary.vue';
|
|
13
|
+
import table from './Table/Table.vue';
|
|
14
|
+
import tableRow from './Table/TableRow.vue';
|
|
15
|
+
import dropdown from './Dropdown/Dropdown.vue';
|
|
16
|
+
import dropdownItem from './Dropdown/DropdownItem.vue';
|
|
17
|
+
import avatarIcon from './AvatarIcon/AvatarIcon.vue';
|
|
18
|
+
import icon from './Icon.vue';
|
|
19
|
+
import toolTip from './ToolTip/ToolTip.vue';
|
|
20
|
+
import card from './Card/Card.vue';
|
|
21
|
+
import cardCompany from './Card/CardCompany.vue';
|
|
22
|
+
import cardData from './Card/CardData.vue';
|
|
23
|
+
import cardImage from './CardImage/CardImage.vue';
|
|
24
|
+
import cardFlow from './CardFlow/CardFlow.vue';
|
|
25
|
+
import cardProject from './CardProject/CardProject.vue';
|
|
26
|
+
import cardInformation from './CardInformation/CardInformation.vue';
|
|
27
|
+
import checkbox from './Checkbox/Checkbox.vue';
|
|
28
|
+
import radio from './Radio/Radio.vue';
|
|
29
|
+
import languageSelect from './Dropdown/LanguageSelect.vue';
|
|
30
|
+
import modal from './Modal/Modal.vue';
|
|
31
|
+
import modalNext from './ModalNext/ModalNext.vue';
|
|
32
|
+
import modalUpload from './ModalUpload/ModalUpload.vue';
|
|
33
|
+
import call from '../utils/call';
|
|
34
|
+
import select from './Select/Select.vue';
|
|
35
|
+
import selectItem from './Select/SelectItem.vue';
|
|
36
|
+
import selectListItem from './SelectListItem/SelectListItem.vue';
|
|
37
|
+
import multiSelect from './MultiSelect/MultiSelect.vue';
|
|
38
|
+
import alert from './Alert/Alert.vue';
|
|
39
|
+
import autocomplete from './Input/Autocomplete.vue';
|
|
40
|
+
import autocompleteSelect from './AutocompleteSelect/AutocompleteSelect.vue';
|
|
41
|
+
import tag from './Tag/Tag.vue';
|
|
42
|
+
import accordion from './Accordion/Accordion.vue';
|
|
43
|
+
import indicator from './Indicator/Indicator.vue';
|
|
44
|
+
import skeletonLoading from './SkeletonLoading/SkeletonLoading.vue';
|
|
45
|
+
import carousel from './Carousel/Carousel.vue';
|
|
46
|
+
import label from './Label/Label.vue';
|
|
47
|
+
import tab from './Tab/Tab.vue';
|
|
48
|
+
import tabsExpanded from './TabsExpanded/TabsExpanded.vue';
|
|
49
|
+
import banner from './Banner/Banner.vue';
|
|
50
|
+
import comment from './Comment/Comment.vue';
|
|
51
|
+
import datePicker from './DatePicker/DatePicker.vue';
|
|
52
|
+
import breadcrumb from './Breadcrumb/Breadcrumb.vue';
|
|
53
|
+
import Switch from './Switch/Switch.vue';
|
|
54
|
+
import Slider from './Slider/Slider.vue';
|
|
55
|
+
import DataArea from './DataArea/DataArea.vue';
|
|
56
|
+
import Pagination from './Pagination/Pagination.vue';
|
|
57
|
+
import UploadArea from './UploadArea/UploadArea.vue';
|
|
58
|
+
import ImportCard from './ImportCard/ImportCard.vue';
|
|
59
|
+
import DateFilter from './DateFilter/DateFilter.vue';
|
|
60
|
+
import ChatText from './ChatText/ChatText.vue';
|
|
61
|
+
import TextArea from './TextArea/TextArea.vue';
|
|
62
|
+
import CardNumber from './CardNumber/CardNumber.vue';
|
|
63
|
+
import chartRainbow from './ChartRainbow/ChartRainbow.vue';
|
|
64
|
+
import chartBar from './ChartBar/ChartBar.vue';
|
|
65
|
+
import chartLine from './ChartLine/ChartLine.vue';
|
|
66
|
+
import textEditor from './TextEditor/TextEditor.vue';
|
|
67
|
+
import moodRating from './MoodRating/MoodRating.vue';
|
|
68
|
+
import starRating from './StarRating/StarRating.vue';
|
|
69
|
+
import audioRecorder from './AudioRecorder/AudioRecorder.vue';
|
|
70
|
+
import circleProgressBar from './CircleProgressBar/CircleProgressBar.vue';
|
|
71
|
+
import progressBar from './ProgressBar/ProgressBar.vue';
|
|
72
|
+
|
|
73
|
+
const components = {
|
|
74
|
+
unnnicFormElement: formElement,
|
|
75
|
+
unnnicInput: input,
|
|
76
|
+
unnnicInputNext: inputNext,
|
|
77
|
+
unnnicInputDatePicker: inputDatePicker,
|
|
78
|
+
unnnicButton: button,
|
|
79
|
+
unnnicButtonIcon: buttonIcon,
|
|
80
|
+
unnnicSidebar: sidebar,
|
|
81
|
+
unnnicSidebarItem: sidebarItem,
|
|
82
|
+
unnnicSidebarMenu: sidebarMenu,
|
|
83
|
+
unnnicSidebarPrimary: sidebarPrimary,
|
|
84
|
+
unnnicTable: table,
|
|
85
|
+
unnnicTableRow: tableRow,
|
|
86
|
+
unnnicAvatarIcon: avatarIcon,
|
|
87
|
+
unnnicIcon: icon,
|
|
88
|
+
unnnicIconSvg: icon,
|
|
89
|
+
unnnicDropdown: dropdown,
|
|
90
|
+
unnnicDropdownItem: dropdownItem,
|
|
91
|
+
unnnicToolTip: toolTip,
|
|
92
|
+
unnnicCard: card,
|
|
93
|
+
unnnicCardCompany: cardCompany,
|
|
94
|
+
unnnicCardData: cardData,
|
|
95
|
+
unnnicCardImage: cardImage,
|
|
96
|
+
unnnicCardFlow: cardFlow,
|
|
97
|
+
unnnicCardProject: cardProject,
|
|
98
|
+
unnnicCardInformation: cardInformation,
|
|
99
|
+
unnnicCheckbox: checkbox,
|
|
100
|
+
unnnicRadio: radio,
|
|
101
|
+
unnnicLanguageSelect: languageSelect,
|
|
102
|
+
unnnicModal: modal,
|
|
103
|
+
unnnicModalNext: modalNext,
|
|
104
|
+
unnnicModalUpload: modalUpload,
|
|
105
|
+
unnnicSelect: select,
|
|
106
|
+
unnnicSelectItem: selectItem,
|
|
107
|
+
unnnicSelectListItem: selectListItem,
|
|
108
|
+
unnnicMultiSelect: multiSelect,
|
|
109
|
+
unnnicAlert: alert,
|
|
110
|
+
unnnicAutocomplete: autocomplete,
|
|
111
|
+
unnnicAutocompleteSelect: autocompleteSelect,
|
|
112
|
+
unnnicTag: tag,
|
|
113
|
+
unnnicAccordion: accordion,
|
|
114
|
+
unnnicIndicator: indicator,
|
|
115
|
+
unnnicSkeletonLoading: skeletonLoading,
|
|
116
|
+
unnnicCarousel: carousel,
|
|
117
|
+
unnnicLabel: label,
|
|
118
|
+
unnnicTab: tab,
|
|
119
|
+
unnnicTabsExpanded: tabsExpanded,
|
|
120
|
+
unnnicBanner: banner,
|
|
121
|
+
unnnicComment: comment,
|
|
122
|
+
unnnicDatePicker: datePicker,
|
|
123
|
+
unnnicBreadcrumb: breadcrumb,
|
|
124
|
+
unnnicSwitch: Switch,
|
|
125
|
+
unnnicSlider: Slider,
|
|
126
|
+
unnnicDataArea: DataArea,
|
|
127
|
+
unnnicPagination: Pagination,
|
|
128
|
+
unnnicUploadArea: UploadArea,
|
|
129
|
+
unnnicImportCard: ImportCard,
|
|
130
|
+
unnnicDateFilter: DateFilter,
|
|
131
|
+
unnnicChatText: ChatText,
|
|
132
|
+
unnnicTextArea: TextArea,
|
|
133
|
+
unnnicCardNumber: CardNumber,
|
|
134
|
+
unnnicChartRainbow: chartRainbow,
|
|
135
|
+
unnnicChartBar: chartBar,
|
|
136
|
+
unnnicChartLine: chartLine,
|
|
137
|
+
unnnicTextEditor: textEditor,
|
|
138
|
+
unnnicMoodRating: moodRating,
|
|
139
|
+
unnnicStarRating: starRating,
|
|
140
|
+
unnnicAudioRecorder: audioRecorder,
|
|
141
|
+
unnnicCircleProgressBar: circleProgressBar,
|
|
142
|
+
unnnicProgressBar: progressBar,
|
|
143
|
+
};
|
|
144
|
+
|
|
145
|
+
Object.keys(components).forEach((name) => {
|
|
146
|
+
Vue.component(name, components[name]);
|
|
147
|
+
});
|
|
148
|
+
|
|
149
|
+
export const unnnicFontSize = fontSize;
|
|
150
|
+
export const unnnicFormElement = formElement;
|
|
151
|
+
export const unnnicInput = input;
|
|
152
|
+
export const unnnicInputNext = inputNext;
|
|
153
|
+
export const unnnicInputDatePicker = inputDatePicker;
|
|
154
|
+
export const unnnicButton = button;
|
|
155
|
+
export const unnnicButtonIcon = buttonIcon;
|
|
156
|
+
export const unnnicSidebar = sidebar;
|
|
157
|
+
export const unnnicSidebarItem = sidebarItem;
|
|
158
|
+
export const unnnicSidebarMenu = sidebarMenu;
|
|
159
|
+
export const unnnicSidebarPrimary = sidebarPrimary;
|
|
160
|
+
export const unnnicTable = table;
|
|
161
|
+
export const unnnicTableRow = tableRow;
|
|
162
|
+
export const unnnicDropdown = dropdown;
|
|
163
|
+
export const unnnicDropdownItem = dropdownItem;
|
|
164
|
+
export const unnnicAvatarIcon = avatarIcon;
|
|
165
|
+
export const unnnicIcon = icon;
|
|
166
|
+
export const unnnicIconSvg = icon;
|
|
167
|
+
export const unnnicToolTip = toolTip;
|
|
168
|
+
export const unnnicCard = card;
|
|
169
|
+
export const unnnicCardCompany = cardCompany;
|
|
170
|
+
export const unnnicCardData = cardData;
|
|
171
|
+
export const unnnicCardImage = cardImage;
|
|
172
|
+
export const unnnicCardFlow = cardFlow;
|
|
173
|
+
export const unnnicCardProject = cardProject;
|
|
174
|
+
export const unnnicCardInformation = cardInformation;
|
|
175
|
+
export const unnnicCheckbox = checkbox;
|
|
176
|
+
export const unnnicRadio = radio;
|
|
177
|
+
export const unnniclanguageSelect = languageSelect;
|
|
178
|
+
export const unnnicModal = modal;
|
|
179
|
+
export const unnnicModalNext = modalNext;
|
|
180
|
+
export const unnnicModalUpload = modalUpload;
|
|
181
|
+
export const unnnicSelect = select;
|
|
182
|
+
export const unnnicSelectItem = selectItem;
|
|
183
|
+
export const unnnicSelectListItem = selectListItem;
|
|
184
|
+
export const unnnicMultiSelect = multiSelect;
|
|
185
|
+
export const unnnicAlert = alert;
|
|
186
|
+
export const unnnicCallAlert = call.callAlert;
|
|
187
|
+
export const unnnicCallModal = call.callModal;
|
|
188
|
+
export const unnnicAutocomplete = autocomplete;
|
|
189
|
+
export const unnnicAutocompleteSelect = autocompleteSelect;
|
|
190
|
+
export const unnnicTag = tag;
|
|
191
|
+
export const unnnicAccordion = accordion;
|
|
192
|
+
export const unnnicIndicator = indicator;
|
|
193
|
+
export const unnnicSkeletonLoading = skeletonLoading;
|
|
194
|
+
export const unnnicCarousel = carousel;
|
|
195
|
+
export const unnnicLabel = label;
|
|
196
|
+
export const unnnicTab = tab;
|
|
197
|
+
export const unnnicTabsExpanded = tabsExpanded;
|
|
198
|
+
export const unnnicBanner = banner;
|
|
199
|
+
export const unnnicComment = comment;
|
|
200
|
+
export const unnnicDatePicker = datePicker;
|
|
201
|
+
export const unnnicBreadcrumb = breadcrumb;
|
|
202
|
+
export const unnnicSwitch = Switch;
|
|
203
|
+
export const unnnicSlider = Slider;
|
|
204
|
+
export const unnnicDataArea = DataArea;
|
|
205
|
+
export const unnnicPagination = Pagination;
|
|
206
|
+
export const unnnicUploadArea = UploadArea;
|
|
207
|
+
export const unnnicImportCard = ImportCard;
|
|
208
|
+
export const unnnicDateFilter = DateFilter;
|
|
209
|
+
export const unnnicChatText = ChatText;
|
|
210
|
+
export const unnnicTextArea = TextArea;
|
|
211
|
+
export const unnnicCardNumber = CardNumber;
|
|
212
|
+
export const unnnicChartRainbow = chartRainbow;
|
|
213
|
+
export const unnnicChartBar = chartBar;
|
|
214
|
+
export const unnnicChartLine = chartLine;
|
|
215
|
+
export const unnnicTextEditor = textEditor;
|
|
216
|
+
export const unnnicMoodRating = moodRating;
|
|
217
|
+
export const unnnicStarRating = starRating;
|
|
218
|
+
export const unnnicAudioRecorder = audioRecorder;
|
|
219
|
+
export const unnnicCircleProgressBar = circleProgressBar;
|
|
220
|
+
export const unnnicProgressBar = progressBar;
|
package/src/locales/en.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
{
|
|
2
|
-
"upload_area": {
|
|
3
|
-
"title": {
|
|
4
|
-
"text": "Drag your file here or",
|
|
5
|
-
"highlight": "search it"
|
|
6
|
-
},
|
|
7
|
-
"invalid": {
|
|
8
|
-
"subtitle": "File not supported, select supported formats:"
|
|
9
|
-
},
|
|
10
|
-
"subtitle": "Supported formats:"
|
|
11
|
-
},
|
|
12
|
-
"import_card": {
|
|
13
|
-
"importing": "Importing"
|
|
14
|
-
}
|
|
15
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"upload_area": {
|
|
3
|
+
"title": {
|
|
4
|
+
"text": "Drag your file here or",
|
|
5
|
+
"highlight": "search it"
|
|
6
|
+
},
|
|
7
|
+
"invalid": {
|
|
8
|
+
"subtitle": "File not supported, select supported formats:"
|
|
9
|
+
},
|
|
10
|
+
"subtitle": "Supported formats:"
|
|
11
|
+
},
|
|
12
|
+
"import_card": {
|
|
13
|
+
"importing": "Importing"
|
|
14
|
+
}
|
|
15
|
+
}
|
package/src/locales/es.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
{
|
|
2
|
-
"upload_area": {
|
|
3
|
-
"title": {
|
|
4
|
-
"text": "Arrastra tu archivo aquí o",
|
|
5
|
-
"highlight": "búscalo"
|
|
6
|
-
},
|
|
7
|
-
"invalid": {
|
|
8
|
-
"subtitle": "Archivo no compatible, seleccione los formatos compatibles:"
|
|
9
|
-
},
|
|
10
|
-
"subtitle": "Formatos compatibles:"
|
|
11
|
-
},
|
|
12
|
-
"import_card": {
|
|
13
|
-
"importing": "Importando"
|
|
14
|
-
}
|
|
15
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"upload_area": {
|
|
3
|
+
"title": {
|
|
4
|
+
"text": "Arrastra tu archivo aquí o",
|
|
5
|
+
"highlight": "búscalo"
|
|
6
|
+
},
|
|
7
|
+
"invalid": {
|
|
8
|
+
"subtitle": "Archivo no compatible, seleccione los formatos compatibles:"
|
|
9
|
+
},
|
|
10
|
+
"subtitle": "Formatos compatibles:"
|
|
11
|
+
},
|
|
12
|
+
"import_card": {
|
|
13
|
+
"importing": "Importando"
|
|
14
|
+
}
|
|
15
|
+
}
|
package/src/locales/pt_br.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
{
|
|
2
|
-
"upload_area": {
|
|
3
|
-
"title": {
|
|
4
|
-
"text": "Arraste seu arquivo aqui, ou",
|
|
5
|
-
"highlight": "procure-o"
|
|
6
|
-
},
|
|
7
|
-
"invalid": {
|
|
8
|
-
"subtitle": "Arquivo não compatível, selecione formatos suportados:"
|
|
9
|
-
},
|
|
10
|
-
"subtitle": "Formatos suportados:"
|
|
11
|
-
},
|
|
12
|
-
"import_card": {
|
|
13
|
-
"importing": "Importando"
|
|
14
|
-
}
|
|
15
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"upload_area": {
|
|
3
|
+
"title": {
|
|
4
|
+
"text": "Arraste seu arquivo aqui, ou",
|
|
5
|
+
"highlight": "procure-o"
|
|
6
|
+
},
|
|
7
|
+
"invalid": {
|
|
8
|
+
"subtitle": "Arquivo não compatível, selecione formatos suportados:"
|
|
9
|
+
},
|
|
10
|
+
"subtitle": "Formatos suportados:"
|
|
11
|
+
},
|
|
12
|
+
"import_card": {
|
|
13
|
+
"importing": "Importando"
|
|
14
|
+
}
|
|
15
|
+
}
|
package/src/main.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import Vue from 'vue';
|
|
2
|
-
import vClickOutside from 'v-click-outside';
|
|
3
|
-
import i18n from './utils/plugins/i18n';
|
|
4
|
-
import App from './App.vue';
|
|
5
|
-
|
|
6
|
-
Vue.config.productionTip = false;
|
|
7
|
-
|
|
8
|
-
Vue.use(vClickOutside);
|
|
9
|
-
|
|
10
|
-
new Vue({
|
|
11
|
-
i18n,
|
|
12
|
-
render: (h) => h(App),
|
|
13
|
-
}).$mount('#app');
|
|
1
|
+
import Vue from 'vue';
|
|
2
|
+
import vClickOutside from 'v-click-outside';
|
|
3
|
+
import i18n from './utils/plugins/i18n';
|
|
4
|
+
import App from './App.vue';
|
|
5
|
+
|
|
6
|
+
Vue.config.productionTip = false;
|
|
7
|
+
|
|
8
|
+
Vue.use(vClickOutside);
|
|
9
|
+
|
|
10
|
+
new Vue({
|
|
11
|
+
i18n,
|
|
12
|
+
render: (h) => h(App),
|
|
13
|
+
}).$mount('#app');
|