;
minWidth?: string;
minWidthResponsive?: ResponsiveField;
- paddingStart?: PaddingSizeProp,
- paddingEnd?: PaddingSizeProp,
+ paddingStart?: PaddingSizeProp;
+ paddingEnd?: PaddingSizeProp;
direction?: Direction;
directionResponsive?: ResponsiveField;
childAlignment?: Alignment;
diff --git a/src/layouts/stack/documentation.stories.tsx b/src/layouts/stack/documentation.stories.tsx
index c89e10ef..1a7d4544 100644
--- a/src/layouts/stack/documentation.stories.tsx
+++ b/src/layouts/stack/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { Stack } from '.';
diff --git a/src/model/alignment.ts b/src/model/alignment.ts
index f60f9f83..0875a2ac 100644
--- a/src/model/alignment.ts
+++ b/src/model/alignment.ts
@@ -1,4 +1,3 @@
-
// See https://webdesign.tutsplus.com/tutorials/a-comprehensive-guide-to-flexbox-alignment--cms-30183
// to learn about alignment
diff --git a/src/model/direction.ts b/src/model/direction.ts
index 9bdd0837..f876b91c 100644
--- a/src/model/direction.ts
+++ b/src/model/direction.ts
@@ -1,4 +1,3 @@
-
export enum Direction {
Horizontal = 'horizontal',
Vertical = 'vertical',
diff --git a/src/model/inputType.ts b/src/model/inputType.ts
index 780be1a0..b4391413 100644
--- a/src/model/inputType.ts
+++ b/src/model/inputType.ts
@@ -1,9 +1,8 @@
-
export enum InputType {
Text = 'text',
Url = 'url',
Password = 'password',
Email = 'email',
Number = 'number',
- PhoneNumber = 'tel'
+ PhoneNumber = 'tel',
}
diff --git a/src/molecules/appDownloadButton/documentation.stories.tsx b/src/molecules/appDownloadButton/documentation.stories.tsx
index 52b97dd0..77ab3a26 100644
--- a/src/molecules/appDownloadButton/documentation.stories.tsx
+++ b/src/molecules/appDownloadButton/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { AppDownloadButton } from '.';
diff --git a/src/molecules/carousel/documentation.stories.tsx b/src/molecules/carousel/documentation.stories.tsx
index cdebe875..a7ddf4f4 100644
--- a/src/molecules/carousel/documentation.stories.tsx
+++ b/src/molecules/carousel/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { Carousel } from '.';
diff --git a/src/molecules/inputFrame/documentation.stories.tsx b/src/molecules/inputFrame/documentation.stories.tsx
index 2887d021..63de5cf3 100644
--- a/src/molecules/inputFrame/documentation.stories.tsx
+++ b/src/molecules/inputFrame/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { InputFrame } from '.';
diff --git a/src/molecules/markdown/component.tsx b/src/molecules/markdown/component.tsx
index ec8420c7..f374ca49 100644
--- a/src/molecules/markdown/component.tsx
+++ b/src/molecules/markdown/component.tsx
@@ -7,7 +7,7 @@ import { BulletList, BulletText, Link, PrettyText } from '../../atoms';
import { Box, Media, TextAlignment } from '../../particles';
import { getVariant } from '../../util';
-function MarkdownParagraph(props: React.AnchorHTMLAttributes & {isInline: boolean | undefined}): React.ReactElement {
+function MarkdownParagraph(props: React.AnchorHTMLAttributes & { isInline: boolean | undefined }): React.ReactElement {
const childrenDisplayNames = React.Children.map(props.children, (child: React.ReactNode): string | null => (
// @ts-expect-error: Property 'displayName' does not exist on type
(child && typeof child === 'object' && 'type' in child) ? String(child.type.displayName).split('-')[0] : null
diff --git a/src/molecules/markdown/documentation.stories.tsx b/src/molecules/markdown/documentation.stories.tsx
index 243e3af1..b0bb02d6 100644
--- a/src/molecules/markdown/documentation.stories.tsx
+++ b/src/molecules/markdown/documentation.stories.tsx
@@ -1,4 +1,3 @@
-
import type { Meta, StoryObj } from '@storybook/react';
import { Markdown } from '.';
@@ -13,7 +12,7 @@ type Story = StoryObj;
export const Default: Story = {
args: {
- source: "This is an **example**\n\nIt's got [links](https://www.kibalabs.com)\n\n",
+ source: 'This is an **example**\n\nIt\'s got [links](https://www.kibalabs.com)\n\n',
},
};
diff --git a/src/molecules/markdownText/documentation.stories.tsx b/src/molecules/markdownText/documentation.stories.tsx
index a1fe08f6..80007b40 100644
--- a/src/molecules/markdownText/documentation.stories.tsx
+++ b/src/molecules/markdownText/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { MarkdownText } from '.';
diff --git a/src/molecules/multiLineInput/component.tsx b/src/molecules/multiLineInput/component.tsx
index f5153f00..864c89d0 100644
--- a/src/molecules/multiLineInput/component.tsx
+++ b/src/molecules/multiLineInput/component.tsx
@@ -7,7 +7,7 @@ import { InputFrame } from '../inputFrame';
import { IMoleculeProps } from '../moleculeProps';
interface IMultiLineInputProps extends IMoleculeProps {
- value: string| null;
+ value: string | null;
isEnabled?: boolean;
minRowCount?: number;
maxRowCount?: number;
diff --git a/src/molecules/optionSelect/component.tsx b/src/molecules/optionSelect/component.tsx
index f05e4bde..08a93b5f 100644
--- a/src/molecules/optionSelect/component.tsx
+++ b/src/molecules/optionSelect/component.tsx
@@ -20,7 +20,7 @@ export interface IOption {
interface IOptionSelectProps extends IMoleculeProps {
options: IOption[];
selectedItemKey?: string;
- isDisabled?:boolean;
+ isDisabled?: boolean;
closeIconId?: string;
openIconId?: string;
messageText?: string;
@@ -37,7 +37,7 @@ interface IOptionSelectProps extends IMoleculeProps {
interface IOptionSelectContentProps {
options: IOption[];
selectedItemKey?: string;
- isDisabled?:boolean;
+ isDisabled?: boolean;
placeholderText?: string;
optionListVariant?: string;
optionTextVariant?: string;
diff --git a/src/molecules/singleLineInput/component.tsx b/src/molecules/singleLineInput/component.tsx
index e6359fc2..7a115a21 100644
--- a/src/molecules/singleLineInput/component.tsx
+++ b/src/molecules/singleLineInput/component.tsx
@@ -12,7 +12,8 @@ import { IMoleculeProps } from '../moleculeProps';
const getAutocompleteType = (inputType: InputType): string | undefined => {
if (inputType === InputType.Email) {
return 'email';
- } if (inputType === InputType.Url) {
+ }
+ if (inputType === InputType.Url) {
return 'url';
}
return undefined;
diff --git a/src/particles/box/documentation.stories.tsx b/src/particles/box/documentation.stories.tsx
index ae6c4a9c..6d0f42c7 100644
--- a/src/particles/box/documentation.stories.tsx
+++ b/src/particles/box/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { Box } from '.';
diff --git a/src/particles/colors/documentation.mdx b/src/particles/colors/documentation.mdx
index 44161859..b090ab38 100644
--- a/src/particles/colors/documentation.mdx
+++ b/src/particles/colors/documentation.mdx
@@ -1,7 +1,5 @@
import { Meta, Story, Canvas, Controls } from '@storybook/addon-docs/blocks';
-import { IColorGuide, buildColors } from '.';
-
# Colors
diff --git a/src/particles/dimensions/documentation.mdx b/src/particles/dimensions/documentation.mdx
index b6ef8eb0..e1a8bf6d 100644
--- a/src/particles/dimensions/documentation.mdx
+++ b/src/particles/dimensions/documentation.mdx
@@ -1,7 +1,5 @@
import { Meta, Story, Canvas, Controls } from '@storybook/addon-docs/blocks';
-import { IDimensionGuide, buildDimensions } from '.';
-
# Dimensions
diff --git a/src/particles/divider/documentation.stories.tsx b/src/particles/divider/documentation.stories.tsx
index edee3db7..903f0cf8 100644
--- a/src/particles/divider/documentation.stories.tsx
+++ b/src/particles/divider/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { Divider } from '.';
diff --git a/src/particles/icon/component.tsx b/src/particles/icon/component.tsx
index 573867d5..df05ab70 100644
--- a/src/particles/icon/component.tsx
+++ b/src/particles/icon/component.tsx
@@ -30,7 +30,6 @@ export function Icon({
id={props.id}
className={getClassName(Icon.displayName, className, shouldAddFill && 'fill', shouldAddStroke && 'stroke', ...(variant?.split('-') || []))}
style={iconStyles}
- // eslint-disable-next-line react/no-danger
dangerouslySetInnerHTML={{ __html: props.svgContent }}
/>
);
diff --git a/src/particles/icon/documentation.stories.tsx b/src/particles/icon/documentation.stories.tsx
index 0b79155b..24e930bf 100644
--- a/src/particles/icon/documentation.stories.tsx
+++ b/src/particles/icon/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { Icon } from '.';
diff --git a/src/particles/image/documentation.stories.tsx b/src/particles/image/documentation.stories.tsx
index 3e8eb71c..0d76cb05 100644
--- a/src/particles/image/documentation.stories.tsx
+++ b/src/particles/image/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { Image } from '.';
diff --git a/src/particles/kibaIcon/documentation.stories.tsx b/src/particles/kibaIcon/documentation.stories.tsx
index b1a0e9c6..bb73c16d 100644
--- a/src/particles/kibaIcon/documentation.stories.tsx
+++ b/src/particles/kibaIcon/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { KibaIcon } from '.';
diff --git a/src/particles/loadingSpinner/documentation.stories.tsx b/src/particles/loadingSpinner/documentation.stories.tsx
index cb5a4672..ceed3c04 100644
--- a/src/particles/loadingSpinner/documentation.stories.tsx
+++ b/src/particles/loadingSpinner/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { LoadingSpinner } from '.';
diff --git a/src/particles/media/documentation.stories.tsx b/src/particles/media/documentation.stories.tsx
index c1bf9c83..cc08d493 100644
--- a/src/particles/media/documentation.stories.tsx
+++ b/src/particles/media/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { Media } from '.';
diff --git a/src/particles/pill/documentation.stories.tsx b/src/particles/pill/documentation.stories.tsx
index 71977c24..3a9effd3 100644
--- a/src/particles/pill/documentation.stories.tsx
+++ b/src/particles/pill/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { Pill } from '.';
diff --git a/src/particles/portal/component.tsx b/src/particles/portal/component.tsx
index d511f666..9dbc91c2 100644
--- a/src/particles/portal/component.tsx
+++ b/src/particles/portal/component.tsx
@@ -15,7 +15,7 @@ export enum Placement {
bottomRight = 'bottom-right',
topLeft = 'top-left',
topCenter = 'top-center',
- topRight = 'top-right'
+ topRight = 'top-right',
}
export function getOffsetTop(rect: DOMRect, vertical: number | string): number {
diff --git a/src/particles/spacing/documentation.stories.tsx b/src/particles/spacing/documentation.stories.tsx
index 87c27e99..fdd6931d 100644
--- a/src/particles/spacing/documentation.stories.tsx
+++ b/src/particles/spacing/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { Spacing } from '.';
diff --git a/src/particles/text/documentation.stories.tsx b/src/particles/text/documentation.stories.tsx
index 7d049ba9..a2dc50ab 100644
--- a/src/particles/text/documentation.stories.tsx
+++ b/src/particles/text/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { Text } from '.';
diff --git a/src/wrappers/backgroundView/documentation.stories.tsx b/src/wrappers/backgroundView/documentation.stories.tsx
index 9dbd0d2d..cbc7db55 100644
--- a/src/wrappers/backgroundView/documentation.stories.tsx
+++ b/src/wrappers/backgroundView/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { BackgroundView } from '.';
diff --git a/src/wrappers/colorSettingView/documentation.stories.tsx b/src/wrappers/colorSettingView/documentation.stories.tsx
index 26694ca7..9d623518 100644
--- a/src/wrappers/colorSettingView/documentation.stories.tsx
+++ b/src/wrappers/colorSettingView/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { ColorSettingView } from '.';
diff --git a/src/wrappers/containingView/documentation.stories.tsx b/src/wrappers/containingView/documentation.stories.tsx
index cb81af6a..e86b3727 100644
--- a/src/wrappers/containingView/documentation.stories.tsx
+++ b/src/wrappers/containingView/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { ContainingView } from '.';
diff --git a/src/wrappers/paddingView/documentation.stories.tsx b/src/wrappers/paddingView/documentation.stories.tsx
index 0acbafbe..62f7605d 100644
--- a/src/wrappers/paddingView/documentation.stories.tsx
+++ b/src/wrappers/paddingView/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { PaddingView } from '.';
diff --git a/src/wrappers/responsiveContainingView/documentation.stories.tsx b/src/wrappers/responsiveContainingView/documentation.stories.tsx
index 8d8243fd..927f5c10 100644
--- a/src/wrappers/responsiveContainingView/documentation.stories.tsx
+++ b/src/wrappers/responsiveContainingView/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { ResponsiveContainingView } from '.';
diff --git a/src/wrappers/responsiveHidingView/documentation.stories.tsx b/src/wrappers/responsiveHidingView/documentation.stories.tsx
index 310231fa..23a98a01 100644
--- a/src/wrappers/responsiveHidingView/documentation.stories.tsx
+++ b/src/wrappers/responsiveHidingView/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { ResponsiveHidingView } from '.';
diff --git a/src/wrappers/responsiveTextAlignmentView/documentation.stories.tsx b/src/wrappers/responsiveTextAlignmentView/documentation.stories.tsx
index 2f52d35a..667bc8db 100644
--- a/src/wrappers/responsiveTextAlignmentView/documentation.stories.tsx
+++ b/src/wrappers/responsiveTextAlignmentView/documentation.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
import type { Meta, StoryObj } from '@storybook/react';
import { ResponsiveTextAlignmentView } from '.';