@eturnity/eturnity_reusable_components 7.48.1-qa-elisee-7.51.0 → 7.48.1-qa-elisee-7.51.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.48.1-qa-elisee-7.51.0",
+  "version": "7.48.1-qa-elisee-7.51.1",
   "files": [
     "dist",
     "src"

package/src/components/icon/Icons.stories.js

@@ -3,24 +3,14 @@ import IconCollection from './iconCollection.vue'
 export default {
   title: 'icon',
   component: IconCollection,
-  // argTypes: {},
 }
 
-const Template = (args, { argTypes }) => ({
-  // Components used in your story `template` are defined in the `components` object
+const Template = (args) => ({
   components: { IconCollection },
-  // The story's `args` need to be mapped into the template through the `setup()` method
-  props: Object.keys(argTypes),
-  template: '<IconCollection v-bind="$props" />',
-
-  // import Icon from "@eturnity/eturnity_reusable_components/src/components/icon"
-  //  How to use:
-  //<icon
-  //   name="House" //required. a svg file named [name].svg should be present in /assets/svgIcons
-  //   color="red"
-  //   hoveredColor="blue"
-  //   size="60px" by default, this is 30px
-  // />
+  setup() {
+    return { args }
+  },
+  template: '<IconCollection v-bind="args" />',
 })
 
 export const Default = Template.bind({})
@@ -28,14 +18,14 @@ Default.args = {
   size: '30px',
 }
 
-export const withColor = Template.bind({})
-withColor.args = {
+export const WithColor = Template.bind({})
+WithColor.args = {
   size: '30px',
   color: 'red',
   hoveredColor: 'crimson',
 }
 
-export const large = Template.bind({})
-large.args = {
+export const Large = Template.bind({})
+Large.args = {
   size: '60px',
 }

package/src/components/icon/iconCollection.vue

@@ -2,6 +2,7 @@
   <Wrapper>
     <IconWrapper v-for="iconItem in iconList" :key="iconItem.name">
       <div>
+        color:{{ color }}
         <RCIcon
           :color="color"
           :hovered-color="hoveredColor"
@@ -39,9 +40,9 @@
     name: 'CollectionComponent',
     components: { RCIcon, IconWrapper, Wrapper },
     props: {
-      size: { required: false },
-      color: { required: false },
-      hoveredColor: { required: false },
+      size: { required: false, type: String, default: '30px' },
+      color: { required: false, type: String, default: 'white' },
+      hoveredColor: { required: false, type: String, default: 'grey' },
     },
     data() {
       return {