Globally increased the icon size & added exportable story interaction

qoretechnologies · Aug 8, 2023 · 25a2a96 · 25a2a96
1 parent 758d37b
commit 25a2a96
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/src/constants/sizes.ts b/src/constants/sizes.ts
@@ -110,11 +110,11 @@ export const TEXT_FROM_SIZE = {
 };
 
 export const ICON_FROM_SIZE = {
-  tiny: 11,
-  small: 14,
-  normal: 17,
-  big: 20,
-  huge: 23,
+  tiny: 13,
+  small: 17,
+  normal: 20,
+  big: 26,
+  huge: 33,
 };
 
 export const PADDING_FROM_SIZE = {

diff --git a/src/stories/KeyValueTable/KeyValueTable.stories.tsx b/src/stories/KeyValueTable/KeyValueTable.stories.tsx
@@ -3,6 +3,7 @@ import ReqoreIcon from '../../components/Icon';
 import { IReqoreKeyValueTableProps, ReqoreKeyValueTable } from '../../components/KeyValueTable';
 import { IReqoreTableRowData, TReqoreTableColumnContent } from '../../components/Table';
 import { TReqorePaginationType } from '../../constants/paging';
+import { Exportable as ExportableTable } from '../Table/Table.stories';
 import { StoryMeta } from '../utils';
 import { CustomIntentArg, FlatArg, IntentArg, SizeArg, argManager } from '../utils/args';
 
@@ -117,6 +118,10 @@ export const Exportable: Story = {
     exportable: true,
     zoomable: true,
   },
+  play: async ({ canvasElement, ...rest }) => {
+    // @ts-ignore
+    await ExportableTable.play({ canvasElement, ...rest });
+  },
 };
 
 export const Sortable: Story = {
@@ -154,7 +159,7 @@ export const AllFiltersActive: Story = {
 
 export const WithActions: Story = {
   args: {
-    rowActions: (key, value) => [
+    rowActions: () => [
       {
         icon: 'EditLine',
       },