@iota/apps-ui-kit 0.5.0 → 0.5.1

package/src/lib/tailwind/helpers.ts

@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import { ScreenSize } from '../enums';
+import type { ScreenSize } from '../enums';
 
 export const pxToRem = (px: number, base: number = 16) => `${px / base}rem`;
 

package/src/lib/tailwind/types.ts

@@ -1,6 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import { ScreenSize } from '../enums';
+import type { ScreenSize } from '../enums';
 
 export type ScreenBreakpoints = Record<ScreenSize, number>;

package/src/storybook/blocks/TypeSet.tsx

@@ -3,7 +3,7 @@
 
 import { TypeSetItem } from './TypeSetItem';
 import { getFontSizeLabelFromClass } from '../helpers';
-import { TailwindCustomFonts } from '@/lib/tailwind/constants';
+import type { TailwindCustomFonts } from '@/lib/tailwind/constants';
 
 export interface TypeSetProps {
     typeset: TailwindCustomFonts;

package/src/storybook/stories/atoms/Snackbar.stories.tsx

@@ -3,7 +3,8 @@
 
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
-import { Snackbar, SnackbarProps, SnackbarType, Button } from '@/components/atoms';
+import type { SnackbarProps } from '@/components/atoms';
+import { Snackbar, SnackbarType, Button } from '@/components/atoms';
 
 const meta: Meta<SnackbarProps> = {
     component: Snackbar,

package/src/storybook/stories/molecules/Card.stories.tsx

@@ -3,15 +3,12 @@
 
 import type { Meta, StoryObj } from '@storybook/react';
 import { IotaLogoSmall } from '@iota/apps-ui-icons';
+import type { CardProps, CardImageProps, CardBodyProps, CardActionProps } from '@/components';
 import {
     Card,
-    CardProps,
     CardImage,
-    CardImageProps,
     CardAction,
     CardBody,
-    CardBodyProps,
-    CardActionProps,
     CardActionType,
     CardType,
     ImageType,

package/src/storybook/stories/molecules/Dropdown.stories.tsx

@@ -3,7 +3,7 @@
 
 import type { Meta, StoryObj } from '@storybook/react';
 import { Dropdown, ListItem } from '@/components';
-import { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 
 const meta = {
     component: Dropdown,

package/src/storybook/stories/molecules/Input.stories.tsx

@@ -5,7 +5,8 @@ import type { Meta, StoryObj } from '@storybook/react';
 
 import { Input, InputType } from '@/lib/components/molecules/input';
 import { PlaceholderReplace } from '@iota/apps-ui-icons';
-import { ComponentProps, useCallback, useEffect, useState } from 'react';
+import type { ComponentProps } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { ButtonPill } from '@/lib/components/atoms/button';
 
 type CustomStoryProps = {

package/src/storybook/stories/molecules/Search.stories.tsx

@@ -3,7 +3,8 @@
 
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
-import { ListItem, Search, SearchBarType, Suggestion } from '@/components';
+import type { Suggestion } from '@/components';
+import { ListItem, Search, SearchBarType } from '@/components';
 import cx from 'classnames';
 
 const meta: Meta<typeof Search> = {

package/src/storybook/stories/molecules/SegmentedButton.stories.tsx

@@ -9,7 +9,8 @@ import {
     SegmentedButton,
     SegmentedButtonType,
 } from '@/components';
-import { ComponentProps, useState } from 'react';
+import type { ComponentProps } from 'react';
+import { useState } from 'react';
 import { PlaceholderReplace } from '@iota/apps-ui-icons';
 
 const meta: Meta<typeof SegmentedButton> = {

package/src/storybook/stories/molecules/Select.stories.tsx

@@ -2,7 +2,8 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Meta, StoryObj } from '@storybook/react';
-import { Select, SelectOption } from '@/components/molecules/select/Select';
+import type { SelectOption } from '@/components/molecules/select/Select';
+import { Select } from '@/components/molecules/select/Select';
 import { useState } from 'react';
 import { IotaLogoMark, PlaceholderReplace } from '@iota/apps-ui-icons';
 

package/src/storybook/stories/organisms/Navbar.stories.tsx

@@ -3,7 +3,8 @@
 
 import type { Meta, StoryObj } from '@storybook/react';
 import { Activity, Apps, Assets, Home } from '@iota/apps-ui-icons';
-import { Navbar, NavbarSlideout, NavbarItemWithId, NavbarProps } from '@/components';
+import type { NavbarItemWithId, NavbarProps } from '@/components';
+import { Navbar, NavbarSlideout } from '@/components';
 import { useState } from 'react';
 
 const NAVBAR_ITEMS: NavbarItemWithId[] = [