Added links to GitHub and Figma in all component stories

Links to the corresponding repositories on GitHub and designs on Figma have been added to all component stories. This will provide easier and direct access to the relevant resources for each component.

Author: Hector Arce De Las Heras

src/components/accordion/stories/accordion.stories.tsx

@@ -17,6 +17,12 @@ const meta = {
   component: AccordionStory,
   tags: ['autodocs'],
   argTypes: argtypes(variantsObject, themeSelected),
+  parameters: {
+    githubUrl:
+      'https://github.com/kubit-ui/kubit-react-components/tree/main/src/components/accordion',
+    figmaUrl:
+      'https://www.figma.com/file/EYQkbENTFO5r8muvXlPoOy/Kubit-v.1.0.0?type=design&node-id=3922-22906',
+  },
 } satisfies Meta<typeof AccordionStory>;
 
 export default meta;

src/components/actionBottomSheet/stories/actionBottomSheet.stories.tsx

@@ -16,6 +16,10 @@ const meta = {
   component: Story,
   parameters: {
     layout: 'centered',
+    githubUrl:
+      'https://github.com/kubit-ui/kubit-react-components/tree/main/src/components/actionBottomSheet',
+    figmaUrl:
+      'https://www.figma.com/file/EYQkbENTFO5r8muvXlPoOy/Kubit-v.1.0.0?type=design&node-id=3922-22902',
   },
   tags: ['autodocs'],
   argTypes: argtypes(variantsObject, themeSelected),

src/components/avatar/stories/avatar.stories.tsx

@@ -15,6 +15,9 @@ const meta = {
   component: AvatarStory,
   parameters: {
     layout: 'centered',
+    githubUrl: 'https://github.com/kubit-ui/kubit-react-components/tree/main/src/components/avatar',
+    figmaUrl:
+      'https://www.figma.com/file/EYQkbENTFO5r8muvXlPoOy/Kubit-v.1.0.0?type=design&node-id=3928-34082&mode=dev',
   },
   tags: ['autodocs'],
   argTypes: argtypes(variantsObject, themeSelected),

src/components/backToTop/__tests__/backToTop.test.tsx

@@ -35,12 +35,13 @@ describe('BackToTop component', () => {
 
   test('When scrollY is >= visibilityScrollOffset the button will be shown', () => {
     const scrollToMock = jest.fn();
+    const ref = React.createRef<HTMLButtonElement>();
     jest.spyOn(window, 'scrollTo').mockImplementation(scrollToMock);
     window.scrollY = 2;
-
+    const ref = React.createRef<HTMLButtonElement>();
     renderProvider(
       <div>
-        <BackToTop {...mockProps} />
+        <BackToTop {...mockProps} ref={ref} />
         <footer>footer</footer>
       </div>
     );

src/components/backToTop/stories/backToTop.stories.tsx

@@ -27,6 +27,10 @@ const meta = {
   component: Story,
   parameters: {
     layout: 'centered',
+    githubUrl:
+      'https://github.com/kubit-ui/kubit-react-components/tree/main/src/components/backToTop',
+    figmaUrl:
+      'https://www.figma.com/file/EYQkbENTFO5r8muvXlPoOy/Kubit-v.1.0.0?type=design&node-id=3922-9956&mode=dev',
   },
   tags: ['autodocs'],
   argTypes: argtypes(variantsObject, themeSelected),

src/components/breadcrumbs/stories/breadcrumbs.stories.tsx

@@ -15,6 +15,10 @@ const meta = {
   component: Story,
   parameters: {
     layout: 'centered',
+    githubUrl:
+      'https://github.com/kubit-ui/kubit-react-components/tree/main/src/components/breadcrumbs',
+    figmaUrl:
+      'https://www.figma.com/file/EYQkbENTFO5r8muvXlPoOy/Kubit-v.1.0.0?type=design&node-id=3942-37705',
   },
   tags: ['autodocs'],
   argTypes: argtypes(variantsObject, themeSelected),

src/components/button/stories/button.stories.tsx

@@ -15,6 +15,9 @@ const meta = {
   component: ButtonStory,
   parameters: {
     layout: 'centered',
+    githubUrl: 'https://github.com/kubit-ui/kubit-react-components/tree/main/src/components/button',
+    figmaUrl:
+      'https://www.figma.com/file/EYQkbENTFO5r8muvXlPoOy/Kubit-v.1.0.0?type=design&node-id=3922-9829',
   },
   tags: ['autodocs'],
   argTypes: argtypes(variantsObject, themeSelected),

src/components/calendar/stories/calendar.stories.tsx

@@ -15,6 +15,10 @@ const meta = {
   component: Story,
   parameters: {
     layout: 'centered',
+    githubUrl:
+      'https://github.com/kubit-ui/kubit-react-components/tree/main/src/components/calendar',
+    figmaUrl:
+      'https://www.figma.com/file/EYQkbENTFO5r8muvXlPoOy/Kubit-v.1.0.0?type=design&node-id=3922-29766',
   },
   tags: ['autodocs'],
   argTypes: argtypes(variantsObject, themeSelected),

src/components/carousel/stories/carousel.stories.tsx

@@ -18,6 +18,12 @@ const meta = {
   component: Story,
   tags: ['autodocs'],
   argTypes: argtypes(variantsObject, themeSelected),
+  parameters: {
+    githubUrl:
+      'https://github.com/kubit-ui/kubit-react-components/tree/main/src/components/carousel',
+    figmaUrl:
+      'https://www.figma.com/file/EYQkbENTFO5r8muvXlPoOy/Kubit-v.1.0.0?type=design&node-id=3942-37713&mode=dev',
+  },
 } satisfies Meta<typeof Story>;
 
 export default meta;

src/components/checkbox/stories/checkbox.stories.tsx

@@ -18,6 +18,13 @@ const meta = {
   },
   tags: ['autodocs'],
   argTypes: argtypes(variantsObject, themeSelected),
+  parameters: {
+    layout: 'centered',
+    githubUrl:
+      'https://github.com/kubit-ui/kubit-react-components/tree/main/src/components/checkbox',
+    figmaUrl:
+      'https://www.figma.com/file/EYQkbENTFO5r8muvXlPoOy/Kubit-v.1.0.0?type=design&node-id=3922-29636&mode=dev',
+  },
 } satisfies Meta<typeof CheckboxStory>;
 
 export default meta;