Add Figma Links to stories

IFRCGo · Jun 17, 2024 · acaec38 · acaec38
1 parent 900eafc
commit acaec38
Show file tree

Hide file tree

Showing 25 changed files with 66 additions and 27 deletions.
diff --git a/packages/go-ui-storybook/src/stories/Alert.stories.ts b/packages/go-ui-storybook/src/stories/Alert.stories.ts
@@ -11,6 +11,10 @@ const meta = {
     component: Alert,
     parameters: {
         layout: 'centered',
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=11261-191021&t=qmirLf8EtsAXR5l4-4',
+        },
         allowfullscreen: true,
     },
     tags: ['autodocs'],
@@ -30,6 +34,13 @@ export const Info: Story = {
         type: 'info',
         description: 'This alert provides informative details to the user.',
     },
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=11262-185381&t=7UbPoK27NQN0IBx8-4',
+            allowFullscreen: false,
+        },
+    },
 };
 
 export const Success: Story = {
@@ -39,6 +50,13 @@ export const Success: Story = {
         type: 'success',
         description: 'This alert indicates a successful operation or task.',
     },
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=11262-185380&t=7UbPoK27NQN0IBx8-4',
+            allowFullscreen: false,
+        },
+    },
 };
 
 export const Warning : Story = {
@@ -57,6 +75,13 @@ export const Danger : Story = {
         type: 'danger',
         description: 'This alert indicates a dangerous or potentially harmful situation.',
     },
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=11262-185379&t=7UbPoK27NQN0IBx8-4',
+            allowFullscreen: false,
+        },
+    },
 };
 
 export const NonDismissable: Story = {

diff --git a/packages/go-ui-storybook/src/stories/BarChart.stories.tsx b/packages/go-ui-storybook/src/stories/BarChart.stories.tsx
@@ -33,7 +33,7 @@ const meta: Meta<BarChartSpecificProps> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14425-221303&t=qmirLf8EtsAXR5l4-4',
         },
     },
     tags: ['autodocs'],

diff --git a/packages/go-ui-storybook/src/stories/Breadcrumbs.stories.tsx b/packages/go-ui-storybook/src/stories/Breadcrumbs.stories.tsx
@@ -14,7 +14,7 @@ const meta: Meta<typeof Breadcrumbs> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=11368-192658&t=JxlW0bNF2vjvkZ01-4',
             allowFullscreen: true,
         },
     },

diff --git a/packages/go-ui-storybook/src/stories/CheckBox.stories.tsx b/packages/go-ui-storybook/src/stories/CheckBox.stories.tsx
@@ -23,7 +23,7 @@ const meta: Meta<typeof CheckBox> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14405-190072&t=pARdc5n4ifPxahdr-4',
         },
     },
     args: {

diff --git a/packages/go-ui-storybook/src/stories/DateInput.stories.tsx b/packages/go-ui-storybook/src/stories/DateInput.stories.tsx
@@ -19,7 +19,7 @@ const meta: Meta<typeof DateInput> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=11261-189135&t=pARdc5n4ifPxahdr-4',
         },
     },
     args: {

diff --git a/packages/go-ui-storybook/src/stories/DropdownMenu.stories.tsx b/packages/go-ui-storybook/src/stories/DropdownMenu.stories.tsx
@@ -14,7 +14,7 @@ const meta = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=11261-189957&t=JxlW0bNF2vjvkZ01-4',
         },
     },
     tags: ['autodocs'],

diff --git a/packages/go-ui-storybook/src/stories/IconButton.stories.tsx b/packages/go-ui-storybook/src/stories/IconButton.stories.tsx
@@ -21,7 +21,7 @@ const meta: Meta<typeof IconButton> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=11493-192920&t=JxlW0bNF2vjvkZ01-4',
         },
     },
     args: {

diff --git a/packages/go-ui-storybook/src/stories/Image.stories.tsx b/packages/go-ui-storybook/src/stories/Image.stories.tsx
@@ -17,7 +17,7 @@ const meta: Meta<typeof Image> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14406-193651&t=pARdc5n4ifPxahdr-4',
         },
     },
     tags: ['autodocs'],

diff --git a/packages/go-ui-storybook/src/stories/InputError.stories.tsx b/packages/go-ui-storybook/src/stories/InputError.stories.tsx
@@ -16,7 +16,7 @@ const meta: Meta<typeof InputError> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14535-221328&t=3m6inp5M0GbY81Vz-4',
         },
     },
     tags: ['autodocs'],

diff --git a/packages/go-ui-storybook/src/stories/LegendItem.stories.tsx b/packages/go-ui-storybook/src/stories/LegendItem.stories.tsx
@@ -17,7 +17,7 @@ const meta: Meta<typeof LegendItem> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=13837-219047&t=rxFDpy4yPC2JaFiF-4',
         },
     },
     tags: ['autodocs'],

diff --git a/packages/go-ui-storybook/src/stories/Modal.stories.tsx b/packages/go-ui-storybook/src/stories/Modal.stories.tsx
@@ -27,7 +27,7 @@ const meta: Meta<ModalSpecificProps> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14757-182346&t=rxFDpy4yPC2JaFiF-4',
         },
     },
     args: {

diff --git a/packages/go-ui-storybook/src/stories/MultiSelectInput.stories.tsx b/packages/go-ui-storybook/src/stories/MultiSelectInput.stories.tsx
@@ -50,7 +50,7 @@ const meta: Meta<typeof MultiSelectInput> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14405-176079&t=pARdc5n4ifPxahdr-4',
             allowFullscreen: true,
         },
     },

diff --git a/packages/go-ui-storybook/src/stories/Pager.stories.tsx b/packages/go-ui-storybook/src/stories/Pager.stories.tsx
@@ -19,7 +19,7 @@ const meta = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=11491-193026&t=tvoCZGUCjrbFSV16-4',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=11491-193026&t=JxlW0bNF2vjvkZ01-4',
         },
     },
     args: {

diff --git a/packages/go-ui-storybook/src/stories/PieChart.stories.tsx b/packages/go-ui-storybook/src/stories/PieChart.stories.tsx
@@ -23,17 +23,17 @@ const meta: Meta<typeof PieChart> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=11699-192004&t=qmirLf8EtsAXR5l4-4',
         },
     },
     tags: ['autodocs'],
 };
 
 export default meta;
 const options: Option[] = [
-    { value: 10, label: 'Item 1', key: '1' },
-    { value: 15, label: 'Item 2', key: '2' },
-    { value: 20, label: 'Item 3', key: '3' },
+    { value: 50, label: 'Rice', key: '1' },
+    { value: 15, label: 'Vegetables', key: '2' },
+    { value: 20, label: 'Fruits', key: '3' },
 ];
 
 const valueSelector: (d: Option) => number = (d) => d.value;

diff --git a/packages/go-ui-storybook/src/stories/Progressbar.stories.ts b/packages/go-ui-storybook/src/stories/Progressbar.stories.ts
@@ -13,7 +13,7 @@ const meta = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14425-221303&t=tvoCZGUCjrbFSV16-4',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=11261-184719&t=JxlW0bNF2vjvkZ01-4',
             allowFullscreen: true,
         },
     },

diff --git a/packages/go-ui-storybook/src/stories/RadioInput.stories.tsx b/packages/go-ui-storybook/src/stories/RadioInput.stories.tsx
@@ -35,7 +35,7 @@ const meta: Meta<typeof RadioInput> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14405-190089&t=tvoCZGUCjrbFSV16-4',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14405-190089&t=pARdc5n4ifPxahdr-4',
             allowFullscreen: true,
         },
     },

diff --git a/packages/go-ui-storybook/src/stories/SelectInput.stories.tsx b/packages/go-ui-storybook/src/stories/SelectInput.stories.tsx
@@ -53,7 +53,7 @@ const meta: Meta<typeof SelectInput> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14405-190010&t=pARdc5n4ifPxahdr-4',
             allowFullscreen: true,
         },
     },

diff --git a/packages/go-ui-storybook/src/stories/StackedProgressBar.stories.tsx b/packages/go-ui-storybook/src/stories/StackedProgressBar.stories.tsx
@@ -17,7 +17,7 @@ const meta: Meta<typeof StackedProgressBar> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14450-215139&t=qmirLf8EtsAXR5l4-4',
         },
     },
     tags: ['autodocs'],

diff --git a/packages/go-ui-storybook/src/stories/Switch.stories.tsx b/packages/go-ui-storybook/src/stories/Switch.stories.tsx
@@ -19,7 +19,7 @@ const meta: Meta<typeof Switch> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14405-193575&t=pARdc5n4ifPxahdr-4',
         },
     },
     args: {
@@ -58,6 +58,13 @@ export const Default: Story = {
         label: 'Enable notifications',
         value: false,
     },
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14405-193575&t=pARdc5n4ifPxahdr-4',
+            allowFullscreen: false,
+        },
+    },
 };
 
 export const Disabled: Story = {
@@ -73,4 +80,11 @@ export const Checked: Story = {
         label: 'Enable notifications',
         value: true,
     },
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14405-193576&t=pARdc5n4ifPxahdr-4',
+            allowFullscreen: false,
+        },
+    },
 };
diff --git a/packages/go-ui-storybook/src/stories/Table.stories.tsx b/packages/go-ui-storybook/src/stories/Table.stories.tsx
@@ -233,7 +233,7 @@ const meta: Meta<typeof Table> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=11175-183597&t=JxlW0bNF2vjvkZ01-4',
         },
     },
     argTypes: {

diff --git a/packages/go-ui-storybook/src/stories/Tabs.stories.tsx b/packages/go-ui-storybook/src/stories/Tabs.stories.tsx
@@ -26,7 +26,7 @@ const meta: Meta<typeof Tabs> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14450-215118&t=JxlW0bNF2vjvkZ01-4',
         },
     },
     args: {

diff --git a/packages/go-ui-storybook/src/stories/TextArea.stories.tsx b/packages/go-ui-storybook/src/stories/TextArea.stories.tsx
@@ -17,7 +17,7 @@ const meta: Meta<typeof TextArea> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=11261-189575&t=rxFDpy4yPC2JaFiF-4',
         },
     },
     args: {

diff --git a/packages/go-ui-storybook/src/stories/TextInput.stories.tsx b/packages/go-ui-storybook/src/stories/TextInput.stories.tsx
@@ -18,7 +18,7 @@ const meta: Meta<typeof TextInput> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=11261-189019&t=rxFDpy4yPC2JaFiF-4',
         },
     },
     tags: ['autodocs'],

diff --git a/packages/go-ui-storybook/src/stories/TimeSeriesChart.stories.tsx b/packages/go-ui-storybook/src/stories/TimeSeriesChart.stories.tsx
@@ -65,7 +65,7 @@ const meta: Meta<typeof TimeSeriesChart> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14425-221269&t=qmirLf8EtsAXR5l4-4',
         },
     },
     tags: ['autodocs'],

diff --git a/packages/go-ui-storybook/src/stories/Tooltip.stories.tsx b/packages/go-ui-storybook/src/stories/Tooltip.stories.tsx
@@ -17,7 +17,7 @@ const meta: Meta<typeof Tooltip> = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=13837-218961&t=rxFDpy4yPC2JaFiF-4',
         },
     },
     tags: ['autodocs'],