Improve content of Storybook

Author: Kubit

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",

src/assets/storybook/icons/replace.svg

@@ -7,6 +7,7 @@ import ICON_GHOST from './icons/icon_ghost.svg';
 import ICON_PLACEHOLDER from './icons/icon_placeholder.svg';
 import ICON_CLOSE from './icons/icon_x_close.svg';
 import ICON_PLAY_BUTTON from './icons/play_button.svg';
+import ICON_REPLACE from './icons/replace.svg';
 import ILLUSTRATION from './illustrations/illustration.svg';
 import IMAGE_1 from './images/image_1.png';
 import IMAGE_2 from './images/image_2.png';
@@ -24,6 +25,7 @@ export const ICONS = {
   ICON_CLOSE,
   ICON_PLAY_BUTTON,
   ICON_CHECKMARK_THICK,
+  ICON_REPLACE,
 };
 
 export const ILLUSTRATIONS = {

src/assets/storybook/index.ts

@@ -5,7 +5,7 @@ import { ArgTypesReturn } from '@/types';
 
 export const argtypes = (variants: IThemeObjectVariants, themeSelected: string): ArgTypesReturn => {
   return {
-    theme: {
+    themeArgs: {
       table: {
         disable: true,
       },

src/components/accordion/stories/argtypes.ts

@@ -4,7 +4,7 @@ import { ArgTypesReturn } from '@/types';
 
 export const argtypes = (variants: IThemeObjectVariants, themeSelected: string): ArgTypesReturn => {
   return {
-    theme: {
+    themeArgs: {
       table: {
         disable: true,
       },

src/components/actionBottomSheet/stories/argtypes.ts

@@ -8,7 +8,7 @@ import { AvatarBackgroundColor } from '../types';
 
 export const argtypes = (variants: IThemeObjectVariants, themeSelected: string): ArgTypesReturn => {
   return {
-    theme: {
+    themeArgs: {
       table: {
         disable: true,
       },

src/components/avatar/stories/argtypes.ts

@@ -4,7 +4,7 @@ import { ArgTypesReturn } from '@/types';
 
 export const argtypes = (variants: IThemeObjectVariants, themeSelected: string): ArgTypesReturn => {
   return {
-    theme: {
+    themeArgs: {
       table: {
         disable: true,
       },

src/components/backToTop/stories/argtypes.ts

@@ -4,7 +4,7 @@ import { ArgTypesReturn } from '@/types';
 
 export const argtypes = (variants: IThemeObjectVariants, themeSelected: string): ArgTypesReturn => {
   return {
-    theme: {
+    themeArgs: {
       table: {
         disable: true,
       },

src/components/badge/stories/argtypes.ts

@@ -5,7 +5,7 @@ import { ArgTypesReturn } from '@/types';
 
 export const argtypes = (variants: IThemeObjectVariants, themeSelected: string): ArgTypesReturn => {
   return {
-    theme: {
+    themeArgs: {
       table: {
         disable: true,
       },

src/components/breadcrumbs/stories/argtypes.ts

@@ -6,7 +6,7 @@ import { ButtonType, IconPositionType } from '../types';
 
 export const argtypes = (variants: IThemeObjectVariants, themeSelected: string): ArgTypesReturn => {
   return {
-    theme: {
+    themeArgs: {
       table: {
         disable: true,
       },