fix lint errors

Author: stomita

src/scripts/Button.tsx

@@ -22,8 +22,8 @@ const ICON_SIZES = ['x-small', 'small', 'medium', 'large'] as const;
 const ICON_ALIGNS = ['left', 'right'] as const;
 
 export type ButtonSize = 'x-small' | 'small' | 'medium' | 'large';
-export type ButtonIconSize = typeof ICON_SIZES[number];
-export type ButtonIconAlign = typeof ICON_ALIGNS[number];
+export type ButtonIconSize = (typeof ICON_SIZES)[number];
+export type ButtonIconAlign = (typeof ICON_ALIGNS)[number];
 export type ButtonIconMoreSize = 'x-small' | 'small' | 'medium' | 'large';
 
 /**

src/scripts/Notification.tsx

@@ -7,8 +7,8 @@ const NOTIFICATION_TYPES = ['alert', 'toast'] as const;
 
 const NOTIFICATION_LEVELS = ['info', 'success', 'warning', 'error'] as const;
 
-export type NotificationType = typeof NOTIFICATION_TYPES[number];
-export type NotificationLevel = typeof NOTIFICATION_LEVELS[number];
+export type NotificationType = (typeof NOTIFICATION_TYPES)[number];
+export type NotificationLevel = (typeof NOTIFICATION_LEVELS)[number];
 
 export type NotificationProps = {
   type?: NotificationType;

src/scripts/Tabs.tsx

@@ -228,7 +228,7 @@ export type TabProps<RendererProps extends TabItemRendererProps> = {
 } & TabItemProps<RendererProps>;
 
 export const Tab = <
-  RendererProps extends TabItemRendererProps = TabItemRendererProps
+  RendererProps extends TabItemRendererProps = TabItemRendererProps,
 >(
   props: TabProps<RendererProps>
 ) => {

src/scripts/hooks.ts

@@ -19,7 +19,7 @@ export function useControlledValue<T>(value: T | undefined, defaultValue: T) {
   const [stateValue, setStateValue] = useState<T>(initValue);
   return [typeof value !== 'undefined' ? value : stateValue, setStateValue] as [
     T,
-    typeof setStateValue
+    typeof setStateValue,
   ];
 }
 

stories/Datepicker.stories.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps, useCallback } from 'react';
+import React, { useCallback } from 'react';
 import dayjs from 'dayjs';
 import { Datepicker, Button } from '../src/scripts';
 import { ComponentMeta, ComponentStoryObj } from '@storybook/react';

stories/Pill.stories.tsx

@@ -1,9 +1,6 @@
 import React from 'react';
-import { action } from '@storybook/addon-actions';
-import { text, boolean } from '@storybook/addon-knobs';
 import { Pill } from '../src/scripts';
 import { ComponentMeta, ComponentStoryObj } from '@storybook/react';
-import { containerDecorator } from './util';
 
 /**
  *