@weni/unnnic-system 1.3.0 → 1.3.3

package/src/components/UploadArea/UploadArea.vue

@@ -70,7 +70,7 @@
 </template>
 
 <script>
-import UnnnicIconSvg from '../Icon-svg.vue';
+import UnnnicIconSvg from '../Icon.vue';
 import UnnnicImportCard from '../ImportCard/ImportCard.vue';
 
 export default {

package/src/components/index.js

@@ -12,7 +12,6 @@ import dropdown from './Dropdown/Dropdown.vue';
 import dropdownItem from './Dropdown/DropdownItem.vue';
 import avatarIcon from './AvatarIcon/AvatarIcon.vue';
 import icon from './Icon.vue';
-import iconSvg from './Icon-svg.vue';
 import toolTip from './ToolTip/ToolTip.vue';
 import card from './Card/Card.vue';
 import cardCompany from './Card/CardCompany.vue';
@@ -64,7 +63,7 @@ const components = {
   unnnicTableRow: tableRow,
   unnnicAvatarIcon: avatarIcon,
   unnnicIcon: icon,
-  unnnicIconSvg: iconSvg,
+  unnnicIconSvg: icon,
   unnnicDropdown: dropdown,
   unnnicDropdownItem: dropdownItem,
   unnnicToolTip: toolTip,
@@ -123,7 +122,7 @@ export const unnnicDropdown = dropdown;
 export const unnnicDropdownItem = dropdownItem;
 export const unnnicAvatarIcon = avatarIcon;
 export const unnnicIcon = icon;
-export const unnnicIconSvg = iconSvg;
+export const unnnicIconSvg = icon;
 export const unnnicToolTip = toolTip;
 export const unnnicCard = card;
 export const unnnicCardCompany = cardCompany;

package/src/stories/CardProject.stories.js

@@ -1,6 +1,6 @@
 import unnnicCardProject from '../components/CardProject/CardProject.vue';
 import unnnicDropdownItem from '../components/Dropdown/DropdownItem.vue';
-import unnnicIcon from '../components/Icon-svg.vue';
+import unnnicIcon from '../components/Icon.vue';
 
 export default {
   title: 'example/CardProject',

package/src/stories/Comment.stories.js

@@ -2,7 +2,7 @@ import unnnicComment from '../components/Comment/Comment.vue';
 import unnnicButton from '../components/Button/Button.vue';
 import unnnicDropdown from '../components/Dropdown/Dropdown.vue';
 import unnnicDropdownItem from '../components/Dropdown/DropdownItem.vue';
-import unnnicIconSvg from '../components/Icon-svg.vue';
+import unnnicIconSvg from '../components/Icon.vue';
 
 export default {
   title: 'Example/Comment',
@@ -43,7 +43,7 @@ const Template = (args, { argTypes }) => ({
           size="small"
         />
       </unnnic-dropdown-item>
-    </unnnic-dropdown>    
+    </unnnic-dropdown>
   </unnnic-comment>
   `,
 });

package/src/stories/Icon.stories.js

@@ -1,23 +1,48 @@
-import Icon from '../components/Icon.vue';
-import iconList from '../utils/iconList';
+import unnnicIcon from '../components/Icon.vue';
+import icons from '../utils/icons';
+
+const iconsOptions = Object.keys(icons);
+
+const schemes = [
+  'feedback-red',
+  'feedback-green',
+  'feedback-yellow',
+  'feedback-blue',
+  'feedback-grey',
+  'aux-blue',
+  'aux-purple',
+  'aux-orange',
+  'aux-lemon',
+  'aux-pink',
+  'brand-weni',
+  'brand-weni-soft',
+  'neutral-clean',
+  'neutral-cleanest',
+  'neutral-dark',
+  'neutral-soft',
+  'neutral-darkest',
+];
 
 export default {
-  title: 'Example/Icon',
-  component: Icon,
+  title: 'example/Icon',
+  component: unnnicIcon,
   argTypes: {
-    icon: {
-      control: {
-        type: 'select',
-        options: iconList,
-      },
-    },
+    icon: { control: { type: 'select', options: iconsOptions } },
+    scheme: { control: { type: 'select', options: schemes } },
+    size: { control: { type: 'select', options: ['nano', 'xs', 'sm', 'md', 'lg'] } },
   },
 };
 
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
-  components: { Icon },
-  template: '<icon v-bind="$props"/>',
+  components: { unnnicIcon },
+  template: `
+    <unnnic-icon v-bind="$props" />
+  `,
 });
 
 export const Normal = Template.bind({});
+
+Normal.args = {
+  icon: iconsOptions[0],
+};

package/src/utils/icons.js

@@ -87,6 +87,7 @@ import alarmBell3 from '!!svg-inline-loader!../assets/icons/alarm-bell-3.svg';
 import alertCircle1 from '!!svg-inline-loader!../assets/icons/alert-circle-1.svg';
 import bookAddress2 from '!!svg-inline-loader!../assets/icons/book-address-2.svg';
 import graphStatsAscend2 from '!!svg-inline-loader!../assets/icons/graph-stats-ascend-2.svg';
+import graphStatsDescend2 from '!!svg-inline-loader!../assets/icons/graph-stats-descend-2.svg';
 import synchronizeArrowClock5 from '!!svg-inline-loader!../assets/icons/synchronize-arrow-clock-5.svg';
 import emailActionUnread1 from '!!svg-inline-loader!../assets/icons/email-action-unread-1.svg';
 import synchronizeArrowClock4 from '!!svg-inline-loader!../assets/icons/synchronize-arrow-clock-4.svg';
@@ -135,6 +136,8 @@ import bookLibrary2 from '!!svg-inline-loader!../assets/icons/book-library-2.svg
 import notes1 from '!!svg-inline-loader!../assets/icons/notes-1.svg';
 import videoFileMp41 from '!!svg-inline-loader!../assets/icons/video-file-mp4-1.svg';
 import officeFilePdf11 from '!!svg-inline-loader!../assets/icons/office-file-pdf-1-1.svg';
+import fitnessBiceps1 from '!!svg-inline-loader!../assets/icons/fitness-biceps-1.svg';
+import studyLightIdea1 from '!!svg-inline-loader!../assets/icons/study-light-idea-1.svg';
 
 export default {
   'app-window-edit-1': appWindowEdit1,
@@ -227,6 +230,7 @@ export default {
   'alert-circle-1': alertCircle1,
   'book-address-2': bookAddress2,
   'graph-stats-ascend-2': graphStatsAscend2,
+  'graph-stats-descend-2': graphStatsDescend2,
   'synchronize-arrow-clock-5': synchronizeArrowClock5,
   'email-action-unread-1': emailActionUnread1,
   'synchronize-arrow-clock-4': synchronizeArrowClock4,
@@ -272,4 +276,6 @@ export default {
   'notes-1': notes1,
   'video-file-mp4-1': videoFileMp41,
   'office-file-pdf-1-1': officeFilePdf11,
+  'fitness-biceps-1': fitnessBiceps1,
+  'study-light-idea-1': studyLightIdea1,
 };