📝 Removed figma links from all stories

Adyen · Aug 16, 2023 · 576d028 · 576d028
1 parent 60316f8
commit 576d028
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 69 deletions.
diff --git a/packages/lib/src/components/charts/lume-alluvial-diagram/lume-alluvial-diagram.stories.ts b/packages/lib/src/components/charts/lume-alluvial-diagram/lume-alluvial-diagram.stories.ts
@@ -44,12 +44,6 @@ export default {
     ),
     title: 'Alluvial diagram',
   },
-  parameters: {
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/file/r9fPqTXA4dlP6SIyfmGlDC/%F0%9F%8C%9D-Lume---Data-Visualization-Library?node-id=15%3A8105',
-    },
-  },
 };
 
 const Template = ({ args }) => {
@@ -128,7 +122,7 @@ const CustomNodeSlotsTemplate = ({ args }) => {
             >ℹ️</tspan>
             <lume-alluvial-node-label dx="4">Custom label</lume-alluvial-node-label>
             <lume-alluvial-node-value>
-              <tspan style="font-style: italic; fill: green">+{{ node.value * 0.12 * 1e5 / 1e5 }}%</tspan>
+              <tspan style="font-style: italic; fill: green">+{{ Math.round((node.transitionValue || node.value) * 0.12 * 100) / 100 }}%</tspan>
               {{ node.transitionValue || node.value }}
             </lume-alluvial-node-value>
           </template>

diff --git a/packages/lib/src/components/charts/lume-bar-chart/lume-bar-chart.stories.ts b/packages/lib/src/components/charts/lume-bar-chart/lume-bar-chart.stories.ts
@@ -114,12 +114,6 @@ VerticalBarChart.args = {
     yAxisOptions: {},
   },
 };
-VerticalBarChart.parameters = {
-  design: {
-    type: 'figma',
-    url: 'https://www.figma.com/file/r9fPqTXA4dlP6SIyfmGlDC/%F0%9F%8C%9D-Lume---Data-Visualization-Library?node-id=15%3A3148',
-  },
-};
 
 export const HorizontalBarChart = Template.bind({});
 HorizontalBarChart.args = {
@@ -130,12 +124,6 @@ HorizontalBarChart.args = {
     yAxisOptions: {},
   },
 };
-HorizontalBarChart.parameters = {
-  design: {
-    type: 'figma',
-    url: 'https://www.figma.com/file/r9fPqTXA4dlP6SIyfmGlDC/%F0%9F%8C%9D-Lume---Data-Visualization-Library?node-id=15%3A3148',
-  },
-};
 
 export const MissingDataPoints = Template.bind({});
 MissingDataPoints.args = {
@@ -152,13 +140,6 @@ MissingDataPoints.args = {
   title: 'Money spent on cats',
 };
 
-MissingDataPoints.parameters = {
-  design: {
-    type: 'figma',
-    url: 'https://www.figma.com/file/r9fPqTXA4dlP6SIyfmGlDC/%F0%9F%8C%9D-Lume---Data-Visualization-Library?node-id=15%3A3148',
-  },
-};
-
 export const GroupedBarChart = Template.bind({});
 GroupedBarChart.args = {
   ...DATASETS.AdoptedAnimals,
@@ -169,25 +150,13 @@ GroupedBarChart.args = {
     yAxisOptions: {},
   },
 };
-GroupedBarChart.parameters = {
-  design: {
-    type: 'figma',
-    url: 'https://www.figma.com/file/r9fPqTXA4dlP6SIyfmGlDC/%F0%9F%8C%9D-Lume---Data-Visualization-Library?node-id=15%3A5994',
-  },
-};
 
 export const StackedBarChart = Template.bind({});
 StackedBarChart.args = {
   ...DATASETS.WeeklyAnimalEncounter,
   type: 'stacked',
   orientation: ORIENTATIONS.VERTICAL,
 };
-StackedBarChart.parameters = {
-  design: {
-    type: 'figma',
-    url: 'https://www.figma.com/file/r9fPqTXA4dlP6SIyfmGlDC/%F0%9F%8C%9D-Lume---Data-Visualization-Library?node-id=15%3A5994',
-  },
-};
 
 export const CustomTooltip = CustomTemplate.bind({});
 CustomTooltip.args = {
@@ -198,20 +167,8 @@ CustomTooltip.args = {
     yAxisOptions: {},
   },
 };
-CustomTooltip.parameters = {
-  design: {
-    type: 'figma',
-    url: 'https://www.figma.com/file/r9fPqTXA4dlP6SIyfmGlDC/%F0%9F%8C%9D-Lume---Data-Visualization-Library?node-id=15%3A3148',
-  },
-};
 
 export const Empty = Template.bind({});
 Empty.args = {
   ...DATASETS.Empty,
 };
-Empty.parameters = {
-  design: {
-    type: 'figma',
-    url: 'https://www.figma.com/file/r9fPqTXA4dlP6SIyfmGlDC/%F0%9F%8C%9D-Lume---Data-Visualization-Library?node-id=15%3A3148',
-  },
-};
diff --git a/packages/lib/src/components/charts/lume-line-chart/lume-line-chart.stories.ts b/packages/lib/src/components/charts/lume-line-chart/lume-line-chart.stories.ts
@@ -9,6 +9,8 @@ import DATASETS from '@/docs/storybook-data/base-data';
 import LumeLineChart from './lume-line-chart.vue';
 import LumeTooltip from '../../core/lume-tooltip/index';
 import { options as defaultOptions } from './defaults';
+import { computed } from 'vue';
+import { Colors } from '@/utils/constants';
 
 export default {
   title: 'Charts/Line chart',
@@ -41,12 +43,6 @@ export default {
     options: defaultOptions,
     title: 'Line chart',
   },
-  parameters: {
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/file/r9fPqTXA4dlP6SIyfmGlDC/%F0%9F%8C%9D-Lume---Data-Visualization-Library?node-id=15%3A6671',
-    },
-  },
 };
 
 const Template = ({ args }) => ({
@@ -75,6 +71,7 @@ MultipleDatasets.args = {
 const CustomTemplate = ({ args }) => ({
   components: { LumeLineChart, LumeTooltip },
   setup() {
+    const computedColor = computed(() => Colors[args.color]);
     const customItemsFunction = (data, hoveredIndex) => {
       if (hoveredIndex > -1) {
         const { color, label, values } = data[0];
@@ -88,7 +85,7 @@ const CustomTemplate = ({ args }) => ({
       }
       return [];
     };
-    return { args, customItemsFunction };
+    return { args, customItemsFunction, computedColor };
   },
   template: `
   <div :style="{ width: args.width + 'px', height: args.orientation !== 'horizontal' ? args.height + 'px' : undefined }">

diff --git a/packages/lib/src/components/charts/lume-sparkline-chart/lume-sparkline-chart.stories.ts b/packages/lib/src/components/charts/lume-sparkline-chart/lume-sparkline-chart.stories.ts
@@ -52,12 +52,6 @@ export default {
     ...withSizeArgs(300, 80),
     options: defaultOptions,
   },
-  parameters: {
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/file/r9fPqTXA4dlP6SIyfmGlDC/%F0%9F%8C%9D-Lume---Data-Visualization-Library?node-id=15%3A8141',
-    },
-  },
 };
 
 const Template = ({ args }) => {

diff --git a/packages/lib/src/components/core/lume-axis/lume-axis.stories.ts b/packages/lib/src/components/core/lume-axis/lume-axis.stories.ts
@@ -23,12 +23,6 @@ export default {
   args: {
     ...withSizeArgs(540, 200),
   },
-  parameters: {
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/file/r9fPqTXA4dlP6SIyfmGlDC/%F0%9F%8C%9D-Lume---Data-Visualization-Library?node-id=15%3A8525',
-    },
-  },
 };
 
 const Template = ({ args }) => ({