@bitrise/bitkit 13.343.0 → 13.345.0

package/src/Components/LabeledData/LabeledDataList.tsx

@@ -1,4 +1,5 @@
 import { forwardRef } from 'chakra-ui-2--react';
+
 import Box, { BoxProps } from '../Box/Box';
 
 const LabeledDataList = forwardRef<BoxProps, 'dl'>((props, ref) => {

package/src/Components/LightBox/LightBox.tsx

@@ -6,6 +6,7 @@ import {
   useBreakpointValue,
   usePrefersReducedMotion,
 } from 'chakra-ui-2--react';
+
 import { BREAKPOINTS } from '../../types/bitkit';
 
 export interface LightBoxProps extends Omit<HTMLChakraProps<'section'>, 'scrollBehavior'> {

package/src/Components/Link/Link.tsx

@@ -1,4 +1,5 @@
 import { forwardRef, Link as ChakraLink, LinkProps as ChakraLinkProps } from 'chakra-ui-2--react';
+
 import { TextSizes } from '../../types/bitkit';
 
 export interface LinkProps extends ChakraLinkProps {

package/src/Components/LinkButton/LinkButton.tsx

@@ -1,6 +1,7 @@
 import { forwardRef, useStyleConfig } from 'chakra-ui-2--react';
-import Icon, { TypeIconName } from '../Icon/Icon';
+
 import Box, { BoxProps } from '../Box/Box';
+import Icon, { TypeIconName } from '../Icon/Icon';
 
 export interface LinkButtonProps extends BoxProps {
   isDisabled?: boolean;

package/src/Components/List/List.theme.ts

@@ -1,4 +1,5 @@
 import { createMultiStyleConfigHelpers, defineStyle } from 'chakra-ui-2--styled-system';
+
 import { rem } from '../../utils/utils';
 import { ListColorsType } from './List';
 

package/src/Components/List/ListItem.tsx

@@ -1,4 +1,5 @@
 import { forwardRef, ListItem as ChakraListItem, ListItemProps as ChakraListItemProps } from 'chakra-ui-2--react';
+
 import Box, { BoxProps } from '../Box/Box';
 import Icon, { TypeIconName } from '../Icon/Icon';
 
@@ -12,7 +13,7 @@ export interface ListItemProps extends ChakraListItemProps {
  * ListItem is the valid children of List. It renders a <li> element by default.
  */
 const ListItem = forwardRef<ListItemProps, 'li'>((props, ref) => {
-  const { children, iconColor, iconName, iconSize, textStyle, ...rest } = props;
+  const { children, iconColor, iconName, iconSize, textStyle: _, ...rest } = props;
 
   if (!iconName) {
     return (

package/src/Components/Menu/Menu.theme.ts

@@ -1,5 +1,6 @@
-import type { SystemStyleObject } from 'chakra-ui-2--theme-tools';
 import { defineStyleConfig } from 'chakra-ui-2--styled-system';
+import type { SystemStyleObject } from 'chakra-ui-2--theme-tools';
+
 import { rem } from '../../utils/utils';
 
 const disabledItem: SystemStyleObject = {

package/src/Components/Menu/MenuItem.tsx

@@ -2,9 +2,10 @@ import {
   forwardRef,
   MenuItem as ChakraMenuItem,
   MenuItemProps as ChakraMenuItemProps,
-  useMenuStyles,
   SystemStyleObject,
+  useMenuStyles,
 } from 'chakra-ui-2--react';
+
 import { TypeColors } from '../../types/bitkit';
 import Box from '../Box/Box';
 import Icon, { TypeIconName } from '../Icon/Icon';

package/src/Components/Note/Note.tsx

@@ -1,9 +1,10 @@
-import { ReactNode, useState } from 'react';
 import { useMultiStyleConfig } from 'chakra-ui-2--react';
+import { ReactNode, useState } from 'react';
+
 import Box from '../Box/Box';
+import Button from '../Button/Button';
 import Collapse from '../Collapse/Collapse';
 import Icon from '../Icon/Icon';
-import Button from '../Button/Button';
 
 export type Status = 'info' | 'success' | 'error' | 'warning';
 const iconNames = {

package/src/Components/Note/NoteMarkdownContent.tsx

@@ -1,13 +1,13 @@
 import { ComponentProps } from 'react';
 import ReactMarkdown, { Components } from 'react-markdown';
 
-import List from '../List/List';
-import Link from '../Link/Link';
-import ListItem from '../List/ListItem';
 import Box, { BoxProps } from '../Box/Box';
+import CodeSnippet from '../CodeSnippet/CodeSnippet';
 import Divider from '../Divider/Divider';
+import Link from '../Link/Link';
+import List from '../List/List';
+import ListItem from '../List/ListItem';
 import Text from '../Text/Text';
-import CodeSnippet from '../CodeSnippet/CodeSnippet';
 
 type GapType = Exclude<BoxProps['gap'], undefined>;
 
@@ -15,7 +15,7 @@ const defaultComponents = (size: 'sm' | 'md' | 'lg', gap: GapType = '16'): Compo
   const codeSize = size === 'lg' ? 'lg' : 'md';
 
   return {
-    a: ({ node, ...props }) => <Link colorScheme="purple" isUnderlined target="_blank" {...props} />,
+    a: ({ node: _, ...props }) => <Link colorScheme="purple" isUnderlined target="_blank" {...props} />,
     blockquote: ({ children }) => (
       <Box
         as="blockquote"
@@ -29,27 +29,27 @@ const defaultComponents = (size: 'sm' | 'md' | 'lg', gap: GapType = '16'): Compo
         {children}
       </Box>
     ),
-    code: ({ node, ...props }) => (
+    code: ({ node: _, ...props }) => (
       <CodeSnippet variant="inline" {...props} size={codeSize}>
         {props.children as string}
       </CodeSnippet>
     ),
-    h1: ({ node, ...props }) => <Text as="h1" textStyle="heading/h1" {...props} />,
-    h2: ({ node, ...props }) => <Text as="h2" textStyle="heading/h2" {...props} />,
-    h3: ({ node, ...props }) => <Text as="h3" textStyle="heading/h3" {...props} />,
-    h4: ({ node, ...props }) => <Text as="h4" textStyle="heading/h4" {...props} />,
-    h5: ({ node, ...props }) => <Text as="h5" textStyle="heading/h5" {...props} />,
-    h6: ({ node, ...props }) => <Text as="h6" textStyle="heading/h6" {...props} />,
+    h1: ({ node: _, ...props }) => <Text as="h1" textStyle="heading/h1" {...props} />,
+    h2: ({ node: _, ...props }) => <Text as="h2" textStyle="heading/h2" {...props} />,
+    h3: ({ node: _, ...props }) => <Text as="h3" textStyle="heading/h3" {...props} />,
+    h4: ({ node: _, ...props }) => <Text as="h4" textStyle="heading/h4" {...props} />,
+    h5: ({ node: _, ...props }) => <Text as="h5" textStyle="heading/h5" {...props} />,
+    h6: ({ node: _, ...props }) => <Text as="h6" textStyle="heading/h6" {...props} />,
     hr: () => <Divider borderColor="separator.primary" my={gap} size="2" />,
-    li: ({ node, ...props }) => <ListItem {...props} />,
-    ol: ({ node, ...props }) => <List variant="simple-ordered" {...props} />,
-    p: ({ node, ...props }) => <Text {...props} />,
-    pre: ({ node, ...props }) => (
+    li: ({ node: _, ...props }) => <ListItem {...props} />,
+    ol: ({ node: _, ...props }) => <List variant="simple-ordered" {...props} />,
+    p: ({ node: _, ...props }) => <Text {...props} />,
+    pre: ({ node: _, ...props }) => (
       <CodeSnippet variant="multi" size={codeSize}>
         {props.children as string}
       </CodeSnippet>
     ),
-    ul: ({ node, ...props }) => <List {...props} />,
+    ul: ({ node: _, ...props }) => <List {...props} />,
   };
 };
 

package/src/Components/Notification/Notification.tsx

@@ -1,5 +1,5 @@
-import { cloneElement, createContext, ReactElement, useContext, useMemo } from 'react';
 import { Alert as ChakraAlert, AlertProps, forwardRef } from 'chakra-ui-2--react';
+import { cloneElement, createContext, ReactElement, useContext, useMemo } from 'react';
 
 import { ColorScheme } from '../../types/bitkit';
 import Box from '../Box/Box';

package/src/Components/OverflowMenu/OverflowMenu.tsx

@@ -1,5 +1,6 @@
-import { Fragment } from 'react';
 import { Portal } from 'chakra-ui-2--react';
+import { Fragment } from 'react';
+
 import ControlButton, { ControlButtonProps } from '../ControlButton/ControlButton';
 import Menu, { MenuProps } from '../Menu/Menu';
 import MenuButton from '../Menu/MenuButton';

package/src/Components/OverflowMenu/OverflowMenuItem.tsx

@@ -1,4 +1,5 @@
 import { forwardRef } from 'chakra-ui-2--react';
+
 import MenuItem, { MenuItemProps } from '../Menu/MenuItem';
 
 export interface OverflowMenuItemProps extends MenuItemProps {

package/src/Components/PaginationLoadMore/PaginationLoadMore.theme.ts

@@ -1,4 +1,5 @@
 import { createMultiStyleConfigHelpers } from 'chakra-ui-2--styled-system';
+
 import { rem } from '../../utils/utils';
 
 const { defineMultiStyleConfig } = createMultiStyleConfigHelpers([

package/src/Components/PaginationLoadMore/PaginationLoadMore.tsx

@@ -1,10 +1,11 @@
 import { useMultiStyleConfig } from 'chakra-ui-2--react';
+
 import Box from '../Box/Box';
-import Text from '../Text/Text';
-import LinkButton from '../LinkButton/LinkButton';
+import Button from '../Button/Button';
 import Divider from '../Divider/Divider';
+import LinkButton from '../LinkButton/LinkButton';
 import ProgressSpinner from '../ProgressSpinner/ProgressSpinner';
-import Button from '../Button/Button';
+import Text from '../Text/Text';
 
 export type PaginationLoadMoreProps = {
   loadedCount: number;

package/src/Components/Popover/Popover.tsx

@@ -1,5 +1,6 @@
-import { useMemo } from 'react';
 import { Popover as ChakraPopover, PopoverProps as ChakraPopoverProps } from 'chakra-ui-2--react';
+import { useMemo } from 'react';
+
 import { PopoverContext, PopoverContextType } from './Popover.context';
 
 export interface PopoverProps extends ChakraPopoverProps {

package/src/Components/Popover/PopoverContent.tsx

@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import {
   PopoverArrow,
   PopoverBody,
@@ -7,6 +6,8 @@ import {
   Portal,
   usePrefersReducedMotion,
 } from 'chakra-ui-2--react';
+import { Fragment } from 'react';
+
 import { usePopoverContext } from './Popover.context';
 
 export interface PopoverContentProps extends ChakraPopoverBodyProps {

package/src/Components/ProgressBitbot/ProgressBitbot.tsx

@@ -1,4 +1,5 @@
 import { forwardRef } from 'chakra-ui-2--react';
+
 import Box, { BoxProps } from '../Box/Box';
 import Text from '../Text/Text';
 

package/src/Components/ProgressIndicator/ProgressIndicator.tsx

@@ -1,10 +1,11 @@
-import { useMemo } from 'react';
 import { useMultiStyleConfig } from 'chakra-ui-2--react';
+import { useMemo } from 'react';
+
 import Box from '../Box/Box';
-import Icon, { IconProps } from '../Icon/Icon';
-import Text, { TextProps } from '../Text/Text';
 import Divider, { DividerProps } from '../Divider/Divider';
+import Icon, { IconProps } from '../Icon/Icon';
 import Link, { LinkProps } from '../Link/Link';
+import Text, { TextProps } from '../Text/Text';
 import Tooltip, { TooltipProps } from '../Tooltip/Tooltip';
 
 type ProgressStage = {

package/src/Components/Provider/Provider.tsx

@@ -1,11 +1,11 @@
-import { ReactNode, RefObject } from 'react';
-import { ChakraProvider, ChakraProviderProps } from 'chakra-ui-2--react';
-
 import '@fontsource/figtree/400.css';
 import '@fontsource/figtree/600.css';
 import '@fontsource/figtree/700.css';
 import '@fontsource/source-code-pro/400.css';
 
+import { ChakraProvider, ChakraProviderProps } from 'chakra-ui-2--react';
+import { ReactNode, RefObject } from 'react';
+
 import { ResponsiveProvider } from '../../hooks/useResponsive';
 import theme from '../../theme';
 

package/src/Components/Ribbon/Ribbon.tsx

@@ -1,10 +1,10 @@
-import { createContext, useContext, useMemo } from 'react';
 import { Alert as ChakraAlert, AlertProps, forwardRef } from 'chakra-ui-2--react';
+import { createContext, useContext, useMemo } from 'react';
 
 import { ColorScheme } from '../../types/bitkit';
+import Box from '../Box/Box';
 import CloseButton from '../CloseButton/CloseButton';
 import ColorButton, { ColorButtonProps } from '../ColorButton/ColorButton';
-import Box from '../Box/Box';
 
 export type ActionProps = {
   label: string;

package/src/Components/SearchInput/SearchInput.tsx

@@ -1,4 +1,5 @@
 import { ChangeEvent } from 'react';
+
 import Input, { InputProps } from '../Form/Input/Input';
 import IconButton from '../IconButton/IconButton';
 

package/src/Components/SegmentedControl/SegmentedControl.tsx

@@ -1,5 +1,6 @@
-import { useMemo } from 'react';
 import { forwardRef, useMultiStyleConfig, useRadioGroup, UseRadioGroupProps } from 'chakra-ui-2--react';
+import { useMemo } from 'react';
+
 import Box, { BoxProps } from '../Box/Box';
 import { SegmentedControlContext, SegmentedControlContextType } from './SegmentedControl.context';
 

package/src/Components/SegmentedControl/SegmentedControlItem.tsx

@@ -1,4 +1,5 @@
 import { useMultiStyleConfig, useRadio } from 'chakra-ui-2--react';
+
 import Box from '../Box/Box';
 import { useSegmentedControlContext } from './SegmentedControl.context';
 

package/src/Components/Select/Select.theme.ts

@@ -1,4 +1,5 @@
 import { StyleConfig } from 'chakra-ui-2--styled-system';
+
 import { rem } from '../../utils/utils';
 
 const SelectTheme: StyleConfig = {

package/src/Components/Select/Select.tsx

@@ -1,4 +1,3 @@
-import { ReactNode } from 'react';
 import {
   FormControl,
   FormControlProps,
@@ -9,12 +8,14 @@ import {
   SelectProps as ChakraSelectProps,
   useMultiStyleConfig,
 } from 'chakra-ui-2--react';
+import { ReactNode } from 'react';
+
+import { getDataAttributes } from '../../utils/utils';
 import Box from '../Box/Box';
+import FormLabel, { FormLabelProps } from '../Form/FormLabel';
 import Icon from '../Icon/Icon';
 import ProgressSpinner from '../ProgressSpinner/ProgressSpinner';
-import FormLabel, { FormLabelProps } from '../Form/FormLabel';
 import { TooltipProps } from '../Tooltip/Tooltip';
-import { getDataAttributes } from '../../utils/utils';
 
 export interface SelectProps extends Omit<FormControlProps, 'label' | 'onBlur' | 'onChange'> {
   badge?: FormLabelProps['badge'];

package/src/Components/SelectableTag/SelectableTag.theme.ts

@@ -1,4 +1,5 @@
 import { defineStyleConfig } from 'chakra-ui-2--styled-system';
+
 import tokensToTheme from '../../tokens/tokensToTheme.json';
 
 const SelectableTagTheme = defineStyleConfig({

package/src/Components/SelectableTag/SelectableTag.tsx

@@ -1,8 +1,9 @@
+import { chakra, forwardRef, useCheckbox, UseCheckboxProps, useStyleConfig } from 'chakra-ui-2--react';
 import { PropsWithChildren } from 'react';
-import { UseCheckboxProps, chakra, forwardRef, useCheckbox, useStyleConfig } from 'chakra-ui-2--react';
+
 import Text from '../Text/Text';
 
-export interface SelectableTagProps extends PropsWithChildren<UseCheckboxProps> {}
+export type SelectableTagProps = PropsWithChildren<UseCheckboxProps>;
 
 const SelectableTag = forwardRef(({ children, ...props }: SelectableTagProps, ref) => {
   const theme = useStyleConfig('SelectableTag');

package/src/Components/SelectableTag/SelectableTagGroup.tsx

@@ -1,5 +1,6 @@
-import { ReactElement, Children, cloneElement, isValidElement } from 'react';
 import { useCheckboxGroup } from 'chakra-ui-2--react';
+import { Children, cloneElement, isValidElement, ReactElement } from 'react';
+
 import CheckboxGroup, { CheckboxGroupProps } from '../Form/Checkbox/CheckboxGroup';
 import { SelectableTagProps } from './SelectableTag';
 

package/src/Components/Sidebar/Sidebar.tsx

@@ -1,9 +1,10 @@
-import { createContext, ReactNode, useContext } from 'react';
 import { BoxProps, createStylesContext, forwardRef, SpaceProps, useMultiStyleConfig } from 'chakra-ui-2--react';
+import { createContext, ReactNode, useContext } from 'react';
+
 import Box from '../Box/Box';
-import Text from '../Text/Text';
 import Divider from '../Divider/Divider';
 import Icon from '../Icon/Icon';
+import Text from '../Text/Text';
 
 const [SidebarContext, useSidebarStyle] = createStylesContext('Sidebar');
 
@@ -82,4 +83,4 @@ const SidebarButton = ({ onClick, title }: Pick<BoxProps, 'onClick'> & { title:
 };
 
 export default Sidebar;
-export { SidebarDivider, SidebarGroupHeader, SidebarContainer, SidebarFooter, SidebarButton };
+export { SidebarButton, SidebarContainer, SidebarDivider, SidebarFooter, SidebarGroupHeader };

package/src/Components/Sidebar/SidebarItem.tsx

@@ -1,9 +1,10 @@
-import { forwardRef, ReactNode } from 'react';
 import { chakra, ChakraProps, createStylesContext, IconProps, useMultiStyleConfig } from 'chakra-ui-2--react';
 import { DateTime } from 'luxon';
-import Text from '../Text/Text';
+import { forwardRef, ReactNode } from 'react';
+
 import Icon, { TypeIconName } from '../Icon/Icon';
 import Link from '../Link/Link';
+import Text from '../Text/Text';
 
 type SidebarItemProps = ChakraProps & {
   children: ReactNode;
@@ -57,6 +58,8 @@ const SidebarItem = forwardRef(
   },
 );
 
+SidebarItem.displayName = 'SidebarItem';
+
 const SidebarItemIcon = ({ name, ...iconProps }: { name: TypeIconName } & Omit<IconProps, 'sx'>) => {
   const {
     icon: { color, ...rest },
@@ -89,4 +92,4 @@ const SidebarItemDateExtra = ({ date }: { date: Date | DateTime }) => {
 };
 
 export default SidebarItem;
-export { SidebarItemIcon, SidebarItemLabel, SidebarItemDateExtra };
+export { SidebarItemDateExtra, SidebarItemIcon, SidebarItemLabel };

package/src/Components/Skeleton/Skeleton.theme.ts

@@ -1,5 +1,5 @@
-import { defineStyle, defineStyleConfig } from 'chakra-ui-2--styled-system';
 import { keyframes } from '@emotion/react';
+import { defineStyle, defineStyleConfig } from 'chakra-ui-2--styled-system';
 
 export { keyframes } from '@emotion/react';
 

package/src/Components/Slider/SliderThumb.tsx

@@ -1,4 +1,5 @@
 import { SliderThumb as ChakraThumb, SliderThumbProps } from 'chakra-ui-2--react';
+
 import Icon from '../Icon/Icon';
 
 export type { SliderThumbProps };

package/src/Components/Table/CheckableRow.tsx

@@ -1,5 +1,6 @@
-import { ReactNode } from 'react';
 import { LinkBox, LinkOverlay } from 'chakra-ui-2--react';
+import { ReactNode } from 'react';
+
 import Checkbox from '../Form/Checkbox/Checkbox';
 import Tooltip, { TooltipProps } from '../Tooltip/Tooltip';
 import Td from './Td';

package/src/Components/Table/ClickableRow.tsx

@@ -1,5 +1,6 @@
-import { ReactNode } from 'react';
 import { LinkBox, LinkOverlay } from 'chakra-ui-2--react';
+import { ReactNode } from 'react';
+
 import Link, { LinkProps } from '../Link/Link';
 import Td from './Td';
 import Tr, { RowProps } from './Tr';

package/src/Components/Table/MultiSelectTable.context.tsx

@@ -1,4 +1,4 @@
-import { createContext, ReactNode, useContext, useMemo, useState, useCallback } from 'react';
+import { createContext, ReactNode, useCallback, useContext, useMemo, useState } from 'react';
 
 interface MultiSelectTableContextType {
   selectedItems: any[];
@@ -26,6 +26,7 @@ interface MultiSelectTableProviderProps {
 export const MultiSelectTableProvider = ({ children, items, compareItems }: MultiSelectTableProviderProps) => {
   const [selectedItems, setSelectedItems] = useState<any[]>([]);
 
+  // eslint-disable-next-line react-hooks/use-memo
   const compare = useCallback(compareItems ?? ((a: unknown, b: unknown) => a === b), [compareItems]);
 
   const toggleItem = useCallback(

package/src/Components/Table/MultiSelectTh.tsx

@@ -1,4 +1,5 @@
 import { forwardRef } from 'react';
+
 import Checkbox from '../Form/Checkbox/Checkbox';
 import Th, { TableColumnHeaderProps } from './Th';
 
@@ -16,4 +17,6 @@ const MultiSelectTh = forwardRef<HTMLTableHeaderCellElement, CheckableThProps>(
   ),
 );
 
+MultiSelectTh.displayName = 'MultiSelectTh';
+
 export default MultiSelectTh;

package/src/Components/Table/SelectableRow.tsx

@@ -1,5 +1,6 @@
-import { ReactNode } from 'react';
 import { LinkBox, LinkOverlay } from 'chakra-ui-2--react';
+import { ReactNode } from 'react';
+
 import Radio from '../Form/Radio/Radio';
 import Tooltip, { TooltipProps } from '../Tooltip/Tooltip';
 import Td from './Td';

package/src/Components/Table/TableCaption.tsx

@@ -4,6 +4,7 @@ import {
   TableCaptionProps as ChakraTableCaptionProps,
   useTableStyles,
 } from 'chakra-ui-2--react';
+
 import Text from '../Text/Text';
 
 export interface TableCaptionProps extends Omit<ChakraTableCaptionProps, 'placement'> {

package/src/Components/Table/TablePagination.tsx

@@ -1,4 +1,5 @@
 import { Tfoot } from 'chakra-ui-2--react';
+
 import Pagination, { PaginationProps } from '../Pagination/Pagination';
 import Td from './Td';
 import Tr from './Tr';

package/src/Components/Table/Th.tsx

@@ -1,13 +1,14 @@
-import { AriaAttributes } from 'react';
 import {
   forwardRef,
   TableColumnHeaderProps as ChakraTableColumnHeaderProps,
   Th as ChakraTh,
   useTableStyles,
 } from 'chakra-ui-2--react';
+import { AriaAttributes } from 'react';
+
 import Box from '../Box/Box';
-import Icon from '../Icon/Icon';
 import DefinitionTooltip, { DefinitionTooltipProps } from '../DefinitionTooltip/DefinitionTooltip';
+import Icon from '../Icon/Icon';
 
 export interface TableColumnHeaderProps extends ChakraTableColumnHeaderProps {
   isNumeric?: boolean;

package/src/Components/Table/Tr.tsx

@@ -1,4 +1,3 @@
-import { Children, ReactNode, useCallback } from 'react';
 import {
   Collapse,
   forwardRef,
@@ -7,6 +6,8 @@ import {
   useDisclosure,
   useTableStyles,
 } from 'chakra-ui-2--react';
+import { Children, ReactNode, useCallback } from 'react';
+
 import Box from '../Box/Box';
 import ControlButton from '../ControlButton/ControlButton';
 import Td from './Td';
@@ -28,7 +29,7 @@ type ExpandableProps = ChakraTableRowProps & {
 export type TableRowProps = RowProps & (NonExpandableProps | ExpandableProps);
 
 const Tr = forwardRef<TableRowProps, 'tr'>((props, ref) => {
-  const { children, defaultIsExpanded, expandableContent, onClick, onExpandedChanged, ...rest } = props;
+  const { children, defaultIsExpanded, expandableContent, onClick: _, onExpandedChanged, ...rest } = props;
 
   const { isOpen, onToggle } = useDisclosure({ defaultIsOpen: defaultIsExpanded });
   const css = useTableStyles();

package/src/Components/Tabs/ContainedTab.tsx

@@ -1,5 +1,6 @@
-import { MouseEvent } from 'react';
 import { Button, forwardRef, TabProps as ChakraTabProps, useTab, useTabsStyles } from 'chakra-ui-2--react';
+import { MouseEvent } from 'react';
+
 import { TypeColors } from '../../types/bitkit';
 import Box from '../Box/Box';
 import Icon, { TypeIconName } from '../Icon/Icon';

package/src/Components/Tabs/Tab.tsx

@@ -1,5 +1,6 @@
-import { MouseEvent } from 'react';
 import { Button, forwardRef, TabProps as ChakraTabProps, useTab, useTabsStyles } from 'chakra-ui-2--react';
+import { MouseEvent } from 'react';
+
 import Badge, { BadgeProps } from '../Badge/Badge';
 import Icon, { TypeIconName } from '../Icon/Icon';
 

package/src/Components/Tabs/TabList.tsx

@@ -1,7 +1,8 @@
-import { useEffect, useRef, useState } from 'react';
 import { forwardRef, TabList as ChakraTabList, TabListProps, useTabsStyles } from 'chakra-ui-2--react';
-import IconButton from '../IconButton/IconButton';
+import { useEffect, useRef, useState } from 'react';
+
 import Box from '../Box/Box';
+import IconButton from '../IconButton/IconButton';
 
 const TabList = forwardRef<TabListProps, 'div'>((props, ref) => {
   const styles: Record<string, any> = useTabsStyles();

package/src/Components/Tabs/Tabs.theme.ts

@@ -1,4 +1,5 @@
 import { defineStyle, defineStyleConfig, SystemStyleObject } from 'chakra-ui-2--styled-system';
+
 import { rem } from '../../utils/utils';
 
 const getGradient = (position: 'left' | 'right', variant: 'contained' | 'line') => {

package/src/Components/Tabs/useTabs.ts

@@ -9,6 +9,7 @@ type UseTabsProps<T> = {
 const useTabs = <T extends string>(props: UseTabsProps<T>) => {
   const { defaultId, onChange, tabIds } = props;
 
+  // eslint-disable-next-line react-hooks/preserve-manual-memoization
   const defaultIndex = useMemo(() => {
     if (defaultId) {
       const tabIndex = tabIds.indexOf(defaultId);
@@ -21,6 +22,7 @@ const useTabs = <T extends string>(props: UseTabsProps<T>) => {
 
   const [tabIndex, setTabIndex] = useState(defaultIndex);
 
+  // eslint-disable-next-line react-hooks/preserve-manual-memoization
   const setTabId = useCallback((id: T) => {
     setTabIndex(tabIds.indexOf(id));
   }, []);

package/src/Components/Tag/Tag.theme.ts

@@ -1,6 +1,7 @@
 import { createMultiStyleConfigHelpers } from 'chakra-ui-2--styled-system';
-import { rem } from '../../utils/utils';
+
 import tokensToTheme from '../../tokens/tokensToTheme.json';
+import { rem } from '../../utils/utils';
 import { TagProps } from './Tag';
 
 const { defineMultiStyleConfig, definePartsStyle } = createMultiStyleConfigHelpers([

package/src/Components/Tag/Tag.tsx

@@ -5,12 +5,13 @@ import {
   TagProps as ChakraTagProps,
   useMultiStyleConfig,
 } from 'chakra-ui-2--react';
+
+import { TypeColors } from '../../types/bitkit';
 import Icon, { TypeIconName } from '../Icon/Icon';
 import Skeleton from '../Skeleton/Skeleton';
 import SkeletonBox from '../Skeleton/SkeletonBox';
 import Text from '../Text/Text';
 import Tooltip from '../Tooltip/Tooltip';
-import { TypeColors } from '../../types/bitkit';
 
 export interface TagProps extends Omit<ChakraTagProps, 'colorScheme' | 'size' | 'variant'> {
   closeButtonTooltip?: string;

package/src/Components/Text/Text.theme.ts

@@ -1,4 +1,5 @@
 import { StyleProps } from 'chakra-ui-2--styled-system';
+
 import { TextSizes } from '../../types/bitkit';
 
 const sizes: Record<TextSizes, StyleProps> = {