@weni/unnnic-system 3.2.7 → 3.2.8

package/src/components/index.ts

@@ -1,95 +1,95 @@
-import type { Component } from "vue";
-import { unnnicFontSize as fontSize } from "./config";
-import formElement from "./FormElement/FormElement.vue";
-import input from "./Input/Input.vue";
-import inputNext from "./InputNext/InputNext.vue";
-import inputDatePicker from "./InputDatePicker/InputDatePicker.vue";
-import button from "./Button/Button.vue";
-import buttonIcon from "./Button/ButtonIcon.vue";
-import sidebar from "./Sidebar/index.vue";
-import sidebarItem from "./Sidebar/SidebarItem.vue";
-import table from "./Table/Table.vue";
-import tableRow from "./Table/TableRow.vue";
-import dropdown from "./Dropdown/Dropdown.vue";
-import dropdownItem from "./Dropdown/DropdownItem.vue";
-import avatarIcon from "./AvatarIcon/AvatarIcon.vue";
-import icon from "./Icon.vue";
-import iconLoading from "./IconLoading/IconLoading.vue";
-import toolTip from "./ToolTip/ToolTip.vue";
-import card from "./Card/Card.vue";
-import cardSimple from "./Card/SimpleCard.vue";
-import cardCompany from "./Card/CardCompany.vue";
-import cardData from "./Card/CardData.vue";
-import cardImage from "./CardImage/CardImage.vue";
+import type { Component } from 'vue';
+import { unnnicFontSize as fontSize } from './config';
+import formElement from './FormElement/FormElement.vue';
+import input from './Input/Input.vue';
+import inputNext from './InputNext/InputNext.vue';
+import inputDatePicker from './InputDatePicker/InputDatePicker.vue';
+import button from './Button/Button.vue';
+import buttonIcon from './Button/ButtonIcon.vue';
+import sidebar from './Sidebar/index.vue';
+import sidebarItem from './Sidebar/SidebarItem.vue';
+import table from './Table/Table.vue';
+import tableRow from './Table/TableRow.vue';
+import dropdown from './Dropdown/Dropdown.vue';
+import dropdownItem from './Dropdown/DropdownItem.vue';
+import avatarIcon from './AvatarIcon/AvatarIcon.vue';
+import icon from './Icon.vue';
+import iconLoading from './IconLoading/IconLoading.vue';
+import toolTip from './ToolTip/ToolTip.vue';
+import card from './Card/Card.vue';
+import cardSimple from './Card/SimpleCard.vue';
+import cardCompany from './Card/CardCompany.vue';
+import cardData from './Card/CardData.vue';
+import cardImage from './CardImage/CardImage.vue';
 // import cardFlow from './CardFlow/CardFlow.vue';
-import cardProject from "./CardProject/CardProject.vue";
-import cardInformation from "./CardInformation/CardInformation.vue";
-import checkbox from "./Checkbox/Checkbox.vue";
-import collapse from "./Collapse/Collapse.vue";
-import radio from "./Radio/Radio.vue";
-import languageSelect from "./Dropdown/LanguageSelect.vue";
-import modal from "./Modal/Modal.vue";
-import modalUpload from "./ModalUpload/ModalUpload.vue";
-import { callAlert, callModal } from "../utils/call";
-import selectSmart from "./SelectSmart/SelectSmart.vue";
+import cardProject from './CardProject/CardProject.vue';
+import cardInformation from './CardInformation/CardInformation.vue';
+import checkbox from './Checkbox/Checkbox.vue';
+import collapse from './Collapse/Collapse.vue';
+import radio from './Radio/Radio.vue';
+import languageSelect from './Dropdown/LanguageSelect.vue';
+import modal from './Modal/Modal.vue';
+import modalUpload from './ModalUpload/ModalUpload.vue';
+import { callAlert, callModal } from '../utils/call';
+import selectSmart from './SelectSmart/SelectSmart.vue';
 // import select from './Select/Select.vue';
-import selectItem from "./Select/SelectItem.vue";
+import selectItem from './Select/SelectItem.vue';
 // import selectListItem from './SelectListItem/SelectListItem.vue';
-import multiSelect from "./MultiSelect/MultiSelect.vue";
-import alert from "./Alert/Alert.vue";
+import multiSelect from './MultiSelect/MultiSelect.vue';
+import alert from './Alert/Alert.vue';
 // import autocomplete from './Input/Autocomplete.vue';
 // import autocompleteSelect from './AutocompleteSelect/AutocompleteSelect.vue';
-import tag from "./Tag/Tag.vue";
-import accordion from "./Accordion/Accordion.vue";
-import indicator from "./Indicator/Indicator.vue";
-import skeletonLoading from "./SkeletonLoading/SkeletonLoading.vue"; // TODO: Unbreak this component
-import carousel from "./Carousel/Carousel.vue";
-import label from "./Label/Label.vue";
-import tab from "./Tab/Tab.vue";
-import tabsExpanded from "./TabsExpanded/TabsExpanded.vue";
-import banner from "./Banner/Banner.vue";
-import comment from "./Comment/Comment.vue";
-import datePicker from "./DatePicker/DatePicker.vue";
-import breadcrumb from "./Breadcrumb/Breadcrumb.vue";
-import Switch from "./Switch/Switch.vue";
-import Slider from "./Slider/Slider.vue";
-import DataArea from "./DataArea/DataArea.vue";
-import Pagination from "./Pagination/Pagination.vue";
-import DropArea from "./DropArea/DropArea.vue";
-import UploadArea from "./UploadArea/UploadArea.vue";
-import ImportCard from "./ImportCard/ImportCard.vue";
-import DateFilter from "./DateFilter/DateFilter.vue";
-import ChatText from "./ChatText/ChatText.vue";
-import TextArea from "./TextArea/TextArea.vue";
-import CardNumber from "./CardNumber/CardNumber.vue";
-import chartRainbow from "./ChartRainbow/ChartRainbow.vue";
-import chartBar from "./ChartBar/ChartBar.vue";
-import chartLine from "./ChartLine/ChartLine.vue";
-import moodRating from "./MoodRating/MoodRating.vue";
-import starRating from "./StarRating/StarRating.vue";
-import audioRecorder from "./AudioRecorder/AudioRecorder.vue";
-import circleProgressBar from "./CircleProgressBar/CircleProgressBar.vue";
-import progressBar from "./ProgressBar/ProgressBar.vue";
-import ChatsContact from "./ChatsContact/ChatsContact.vue";
-import ChatsDashboardTagLive from "./ChatsDashboardTagLive/ChatsDashboardTagLive.vue";
-import ChatsHeader from "./ChatsHeader/ChatsHeader.vue";
-import ChatsMessage from "./ChatsMessage/ChatsMessage.vue";
-import ReplyMessage from "./ChatsMessage/ReplyMessage.vue";
-import ChatsNavbar from "./ChatsNavbar/ChatsNavbar.vue";
-import ChatsUserAvatar from "./ChatsUserAvatar/ChatsUserAvatar.vue";
-import ChartMultiLine from "./ChartMultiLine/ChartMultiLine.vue";
-import EmojiPicker from "./EmojiPicker/EmojiPicker.vue";
-import ChartFunnel from "./ChartFunnel/ChartFunnel.vue";
-import Disclaimer from "./Disclaimer/Disclaimer.vue";
-import Drawer from "./Drawer/Drawer.vue";
-import TableNext from "./TableNext/TableNext.vue";
-import ModalNext from "./ModalNext/ModalNext.vue";
-import ModalDialog from "./ModalDialog/ModalDialog.vue";
-import Tour from "./Tour/Tour.vue";
-import Navigator from "./Navigator/index.vue";
-import SelectTime from "./SelectTime/index.vue";
-import DataTable from "./DataTable/index.vue";
-import Chip from "./Chip/Chip.vue";
+import tag from './Tag/Tag.vue';
+import accordion from './Accordion/Accordion.vue';
+import indicator from './Indicator/Indicator.vue';
+import skeletonLoading from './SkeletonLoading/SkeletonLoading.vue'; // TODO: Unbreak this component
+import carousel from './Carousel/Carousel.vue';
+import label from './Label/Label.vue';
+import tab from './Tab/Tab.vue';
+import tabsExpanded from './TabsExpanded/TabsExpanded.vue';
+import banner from './Banner/Banner.vue';
+import comment from './Comment/Comment.vue';
+import datePicker from './DatePicker/DatePicker.vue';
+import breadcrumb from './Breadcrumb/Breadcrumb.vue';
+import Switch from './Switch/Switch.vue';
+import Slider from './Slider/Slider.vue';
+import DataArea from './DataArea/DataArea.vue';
+import Pagination from './Pagination/Pagination.vue';
+import DropArea from './DropArea/DropArea.vue';
+import UploadArea from './UploadArea/UploadArea.vue';
+import ImportCard from './ImportCard/ImportCard.vue';
+import DateFilter from './DateFilter/DateFilter.vue';
+import ChatText from './ChatText/ChatText.vue';
+import TextArea from './TextArea/TextArea.vue';
+import CardNumber from './CardNumber/CardNumber.vue';
+import chartRainbow from './ChartRainbow/ChartRainbow.vue';
+import chartBar from './ChartBar/ChartBar.vue';
+import chartLine from './ChartLine/ChartLine.vue';
+import moodRating from './MoodRating/MoodRating.vue';
+import starRating from './StarRating/StarRating.vue';
+import audioRecorder from './AudioRecorder/AudioRecorder.vue';
+import circleProgressBar from './CircleProgressBar/CircleProgressBar.vue';
+import progressBar from './ProgressBar/ProgressBar.vue';
+import ChatsContact from './ChatsContact/ChatsContact.vue';
+import ChatsDashboardTagLive from './ChatsDashboardTagLive/ChatsDashboardTagLive.vue';
+import ChatsHeader from './ChatsHeader/ChatsHeader.vue';
+import ChatsMessage from './ChatsMessage/ChatsMessage.vue';
+import ReplyMessage from './ChatsMessage/ReplyMessage.vue';
+import ChatsNavbar from './ChatsNavbar/ChatsNavbar.vue';
+import ChatsUserAvatar from './ChatsUserAvatar/ChatsUserAvatar.vue';
+import ChartMultiLine from './ChartMultiLine/ChartMultiLine.vue';
+import EmojiPicker from './EmojiPicker/EmojiPicker.vue';
+import ChartFunnel from './ChartFunnel/ChartFunnel.vue';
+import Disclaimer from './Disclaimer/Disclaimer.vue';
+import Drawer from './Drawer/Drawer.vue';
+import TableNext from './TableNext/TableNext.vue';
+import ModalNext from './ModalNext/ModalNext.vue';
+import ModalDialog from './ModalDialog/ModalDialog.vue';
+import Tour from './Tour/Tour.vue';
+import Navigator from './Navigator/index.vue';
+import SelectTime from './SelectTime/index.vue';
+import DataTable from './DataTable/index.vue';
+import Chip from './Chip/Chip.vue';
 
 type VueComponent = Component;
 

package/src/index.ts

@@ -16,4 +16,4 @@ const Unnnic: UnnnicPlugin = {
 };
 
 export default Unnnic;
-export * from '@/components'; 
+export * from '@/components';

package/src/main.ts

@@ -5,4 +5,4 @@ import Unnnic from './index';
 const app = createApp(App);
 
 app.use(Unnnic);
-app.mount('#app'); 
+app.mount('#app');

package/src/stories/Button.stories.js

@@ -104,7 +104,7 @@ export const FilledIcon = {
   args: {
     text: 'Button Text',
     iconLeft: 'play_arrow',
-    iconsFilled: true, 
+    iconsFilled: true,
   },
 };
 

package/src/stories/ChatsHeader.stories.js

@@ -51,7 +51,7 @@ export const ContactRightSlot = {
         </template>
       </UnnnicChatsHeader>`,
   }),
-}
+};
 
 export const Dashboard = {
   args: {

package/src/stories/ChatsMessage.stories.js

@@ -103,7 +103,6 @@ export default {
 
 export const Default = { args: {} };
 
-
 export const Automatic = {
   args: {
     automatic: true,

package/src/stories/Chip.stories.js

@@ -25,7 +25,8 @@ export default {
     type: {
       control: { type: 'select' },
       options: ['single', 'multiple'],
-      description: 'The type of chip - single for basic display, multiple for selection with icons',
+      description:
+        'The type of chip - single for basic display, multiple for selection with icons',
     },
     text: {
       control: { type: 'text' },
@@ -33,7 +34,8 @@ export default {
     },
     isSelected: {
       control: { type: 'boolean' },
-      description: 'Whether the chip is in selected state (affects styling and icons)',
+      description:
+        'Whether the chip is in selected state (affects styling and icons)',
     },
     count: {
       control: { type: 'number' },
@@ -41,7 +43,8 @@ export default {
     },
     isClickable: {
       control: { type: 'boolean' },
-      description: 'Whether the chip should show clickable styling (cursor pointer)',
+      description:
+        'Whether the chip should show clickable styling (cursor pointer)',
     },
   },
 };
@@ -170,4 +173,4 @@ export const Interactive = {
       />
     `,
   }),
-};
+};

package/src/stories/SelectSmart.stories.js

@@ -284,7 +284,7 @@ export const Multiple = {
       { value: 'spain', label: 'Espanha' },
       { value: 'saudi_arabia', label: 'Arábia Saudita' },
     ],
-    multiple:true,
+    multiple: true,
     multipleWithoutSelectsMessage: 'No country selected yet :(',
   },
 };

package/src/stories/TableNext.stories.js

@@ -111,7 +111,7 @@ const addButton = {
   events: {
     click: (event) => {
       event.preventDefault();
-      // eslint-disable-next-line no-alert
+
       console.log('click');
     },
   },

package/src/types/index.d.ts

@@ -1,6 +1,6 @@
-import type { App, Component } from "vue";
+import type { App, Component } from 'vue';
 
-export type { IconProps } from "../components/Icon.vue";
+export type { IconProps } from '../components/Icon.vue';
 
 export interface UnnnicPlugin {
   install(app: App): void;

package/src/types/scheme-colors.d.ts

@@ -1,4 +1,4 @@
-export type SchemeColor = 
+export type SchemeColor =
   | 'background-solo'
   | 'background-sky'
   | 'background-grass'
@@ -99,4 +99,3 @@ export type SchemeColor =
   | 'teal-800'
   | 'teal-900'
   | 'teal-950';
-  

package/src/types/unnnic-utils.d.ts

@@ -1,88 +1,88 @@
 export type UnnnicColorToken =
-  | "background-solo"
-  | "background-sky"
-  | "background-grass"
-  | "background-carpet"
-  | "background-snow"
-  | "background-lightest"
-  | "background-white"
-  | "neutral-black"
-  | "neutral-darkest"
-  | "neutral-dark"
-  | "neutral-cloudy"
-  | "neutral-cleanest"
-  | "neutral-clean"
-  | "neutral-soft"
-  | "neutral-lightest"
-  | "neutral-light"
-  | "neutral-white"
-  | "neutral-snow"
-  | "feedback-red"
-  | "feedback-green"
-  | "feedback-yellow"
-  | "feedback-blue"
-  | "feedback-grey"
-  | "aux-blue"
-  | "aux-purple"
-  | "aux-orange"
-  | "aux-lemon"
-  | "aux-pink"
-  | "aux-baby-blue"
-  | "aux-baby-yellow"
-  | "aux-baby-red"
-  | "aux-baby-green"
-  | "aux-baby-pink"
-  | "aux-green-100"
-  | "aux-green-300"
-  | "aux-green-500"
-  | "aux-green-700"
-  | "aux-green-900"
-  | "aux-blue-100"
-  | "aux-blue-300"
-  | "aux-blue-500"
-  | "aux-blue-700"
-  | "aux-blue-900"
-  | "aux-purple-100"
-  | "aux-purple-300"
-  | "aux-purple-500"
-  | "aux-purple-700"
-  | "aux-purple-900"
-  | "aux-red-100"
-  | "aux-red-300"
-  | "aux-red-500"
-  | "aux-red-700"
-  | "aux-red-900"
-  | "aux-orange-100"
-  | "aux-orange-300"
-  | "aux-orange-500"
-  | "aux-orange-700"
-  | "aux-orange-900"
-  | "aux-yellow-100"
-  | "aux-yellow-300"
-  | "aux-yellow-500"
-  | "aux-yellow-700"
-  | "aux-yellow-900"
-  | "floweditor-blue"
-  | "floweditor-purple"
-  | "floweditor-wine"
-  | "floweditor-orange"
-  | "floweditor-pink"
-  | "floweditor-turquoise"
-  | "floweditor-green"
-  | "weni-50"
-  | "weni-100"
-  | "weni-200"
-  | "weni-300"
-  | "weni-400"
-  | "weni-500"
-  | "weni-600"
-  | "weni-700"
-  | "weni-800"
-  | "weni-900"
-  | "weni-950"
-  | "brand-weni"
-  | "brand-weni-dark"
-  | "brand-weni-soft"
-  | "brand-sec-dark"
-  | "brand-sec-soft"
-  | "brand-sec";
+  | 'background-solo'
+  | 'background-sky'
+  | 'background-grass'
+  | 'background-carpet'
+  | 'background-snow'
+  | 'background-lightest'
+  | 'background-white'
+  | 'neutral-black'
+  | 'neutral-darkest'
+  | 'neutral-dark'
+  | 'neutral-cloudy'
+  | 'neutral-cleanest'
+  | 'neutral-clean'
+  | 'neutral-soft'
+  | 'neutral-lightest'
+  | 'neutral-light'
+  | 'neutral-white'
+  | 'neutral-snow'
+  | 'feedback-red'
+  | 'feedback-green'
+  | 'feedback-yellow'
+  | 'feedback-blue'
+  | 'feedback-grey'
+  | 'aux-blue'
+  | 'aux-purple'
+  | 'aux-orange'
+  | 'aux-lemon'
+  | 'aux-pink'
+  | 'aux-baby-blue'
+  | 'aux-baby-yellow'
+  | 'aux-baby-red'
+  | 'aux-baby-green'
+  | 'aux-baby-pink'
+  | 'aux-green-100'
+  | 'aux-green-300'
+  | 'aux-green-500'
+  | 'aux-green-700'
+  | 'aux-green-900'
+  | 'aux-blue-100'
+  | 'aux-blue-300'
+  | 'aux-blue-500'
+  | 'aux-blue-700'
+  | 'aux-blue-900'
+  | 'aux-purple-100'
+  | 'aux-purple-300'
+  | 'aux-purple-500'
+  | 'aux-purple-700'
+  | 'aux-purple-900'
+  | 'aux-red-100'
+  | 'aux-red-300'
+  | 'aux-red-500'
+  | 'aux-red-700'
+  | 'aux-red-900'
+  | 'aux-orange-100'
+  | 'aux-orange-300'
+  | 'aux-orange-500'
+  | 'aux-orange-700'
+  | 'aux-orange-900'
+  | 'aux-yellow-100'
+  | 'aux-yellow-300'
+  | 'aux-yellow-500'
+  | 'aux-yellow-700'
+  | 'aux-yellow-900'
+  | 'floweditor-blue'
+  | 'floweditor-purple'
+  | 'floweditor-wine'
+  | 'floweditor-orange'
+  | 'floweditor-pink'
+  | 'floweditor-turquoise'
+  | 'floweditor-green'
+  | 'weni-50'
+  | 'weni-100'
+  | 'weni-200'
+  | 'weni-300'
+  | 'weni-400'
+  | 'weni-500'
+  | 'weni-600'
+  | 'weni-700'
+  | 'weni-800'
+  | 'weni-900'
+  | 'weni-950'
+  | 'brand-weni'
+  | 'brand-weni-dark'
+  | 'brand-weni-soft'
+  | 'brand-sec-dark'
+  | 'brand-sec-soft'
+  | 'brand-sec';

package/src/types/vue-shims.d.ts

@@ -2,4 +2,4 @@ declare module '*.vue' {
   import type { DefineComponent } from 'vue';
   const component: DefineComponent<{}, {}, any>;
   export default component;
-} 
+}

package/src/types/vueuse-overrides.d.ts

@@ -2,6 +2,6 @@ declare module '@vueuse/components' {
   export interface OnClickOutsideOptions {
     [key: string]: any;
   }
-  
+
   export const vOnClickOutside: any;
-} 
+}

package/src/utils/plugins/i18n.js

@@ -1,4 +1,3 @@
-/* eslint-disable camelcase */
 import { createI18n } from 'vue-i18n';
 
 import en from '../../locales/en.json';