widenarrow-ui 1.1.74 → 1.1.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/assets/svg/feedConnectors.d.ts +6 -0
- package/lib/components/Box/Box.stories.d.ts +7 -0
- package/lib/components/Button/Button.stories.d.ts +13 -0
- package/lib/components/Card/Card.stories.d.ts +6 -0
- package/lib/components/Checkbox/Checkbox.stories.d.ts +13 -0
- package/lib/components/DropDown/DropDown.stories.d.ts +11 -0
- package/lib/components/DropDownItem/DropDownItem.stories.d.ts +6 -0
- package/lib/components/FacetButton/FacetButton.stories.d.ts +7 -0
- package/lib/components/FormSkeleton/FormSkeleton.stories.d.ts +6 -0
- package/lib/components/Grid/Grid.stories.d.ts +6 -0
- package/lib/components/Icon/Icon.stories.d.ts +7 -0
- package/lib/components/IconButton/IconButton.stories.d.ts +9 -0
- package/lib/components/Image/Image.stories.d.ts +6 -0
- package/lib/components/InlineButton/InlineButton.stories.d.ts +11 -0
- package/lib/components/Input/Input.stories.d.ts +8 -0
- package/lib/components/ListItem/ListItem.stories.d.ts +7 -0
- package/lib/components/ListSkeleton/ListSkeleton.stories.d.ts +7 -0
- package/lib/components/ListSkeleton/ListSkeleton.types.d.ts +4 -4
- package/lib/components/MultiActionButton/MultiActionButton.stories.d.ts +8 -0
- package/lib/components/NoDataMessage/NoDataMessage.stories.d.ts +6 -0
- package/lib/components/Pagination/Pagination.stories.d.ts +7 -0
- package/lib/components/RadioButton/RadioButton.stories.d.ts +7 -0
- package/lib/components/SelectInput/SelectInput.stories.d.ts +6 -0
- package/lib/components/Separator/Separator.stories.d.ts +9 -0
- package/lib/components/SkeletonItem/SkeletonItem.stories.d.ts +7 -0
- package/lib/components/SkeletonItem/SkeletonItem.types.d.ts +13 -1
- package/lib/components/SolidSpinner/SolidSpinner.stories.d.ts +6 -0
- package/lib/components/SortableTable/SortableTable.stories.d.ts +7 -0
- package/lib/components/SwitchButton/SwitchButton.stories.d.ts +6 -0
- package/lib/components/TextAreaInput/TextAreaInput.stories.d.ts +6 -0
- package/lib/components/Typography/Heading.stories.d.ts +7 -0
- package/lib/components/Typography/Label.stories.d.ts +6 -0
- package/lib/components/Typography/Paragraph.stories.d.ts +6 -0
- package/lib/components/Typography/Span.stories.d.ts +6 -0
- package/lib/constants.d.ts +1 -0
- package/lib/index.css +1 -1
- package/lib/index.d.ts +17 -5
- package/lib/index.esm.css +1 -1
- package/lib/index.esm.js +3616 -2
- package/lib/index.esm.js.map +1 -0
- package/lib/index.js +3653 -2
- package/lib/index.js.map +1 -0
- package/package.json +1 -2
- package/rollup.config.mjs +3 -27
- package/src/assets/svg/feedConnectors.tsx +15 -0
- package/src/components/Icon/getIconFromConstant.tsx +3 -0
- package/src/components/ListSkeleton/ListSkeleton.module.scss +0 -2
- package/src/components/ListSkeleton/ListSkeleton.tsx +28 -60
- package/src/components/ListSkeleton/ListSkeleton.types.ts +4 -4
- package/src/components/SkeletonItem/SkeletonItem.module.scss +74 -7
- package/src/components/SkeletonItem/SkeletonItem.tsx +82 -17
- package/src/components/SkeletonItem/SkeletonItem.types.ts +13 -1
- package/src/constants.ts +1 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Box } from 'src/components/Box';
|
|
3
|
+
declare const meta: Meta<typeof Box>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Box>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Secondary: Story;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Button } from 'src/components/Button';
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Button>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Secondary: Story;
|
|
8
|
+
export declare const Tertiary: Story;
|
|
9
|
+
export declare const WithIcon: Story;
|
|
10
|
+
export declare const WithChildren: Story;
|
|
11
|
+
export declare const LoadingState: Story;
|
|
12
|
+
export declare const Disabled: Story;
|
|
13
|
+
export declare const WithEllipsis: Story;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Checkbox } from 'src/components/Checkbox';
|
|
3
|
+
declare const meta: Meta<typeof Checkbox>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Checkbox>;
|
|
6
|
+
export declare const Checked: Story;
|
|
7
|
+
export declare const WithEllipsis: Story;
|
|
8
|
+
export declare const WithWordWrap: Story;
|
|
9
|
+
export declare const Indeterminate: Story;
|
|
10
|
+
export declare const Unchecked: Story;
|
|
11
|
+
export declare const WithLabelAndHelperText: Story;
|
|
12
|
+
export declare const Disabled: Story;
|
|
13
|
+
export declare const Blocked: Story;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { DropDown } from 'src/components/DropDown';
|
|
3
|
+
declare const meta: Meta<typeof DropDown>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof DropDown>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithActiveSelect: Story;
|
|
8
|
+
export declare const WithCustomButtonComponent: Story;
|
|
9
|
+
export declare const WithTriggerComponent: Story;
|
|
10
|
+
export declare const AsInlineButton: Story;
|
|
11
|
+
export declare const Complex: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { DropDownItem } from 'src/components/DropDownItem';
|
|
3
|
+
declare const meta: Meta<typeof DropDownItem>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof DropDownItem>;
|
|
6
|
+
export declare const Primary: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { FacetButton } from 'src/components/FacetButton';
|
|
3
|
+
declare const meta: Meta<typeof FacetButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof FacetButton>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Primary: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { FormSkeleton } from 'src/components/FormSkeleton';
|
|
3
|
+
declare const meta: Meta<typeof FormSkeleton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof FormSkeleton>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Icon } from 'src/components/Icon';
|
|
3
|
+
declare const meta: Meta<typeof Icon>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Icon>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Primary: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { IconButton } from 'src/components/IconButton';
|
|
3
|
+
declare const meta: Meta<typeof IconButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof IconButton>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Primary: Story;
|
|
8
|
+
export declare const WithWhiteBackground: Story;
|
|
9
|
+
export declare const WithColorBackground: Story;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { InlineButton } from 'src/components/InlineButton';
|
|
3
|
+
declare const meta: Meta<typeof InlineButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof InlineButton>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Primary: Story;
|
|
8
|
+
export declare const Secondary: Story;
|
|
9
|
+
export declare const Tertiary: Story;
|
|
10
|
+
export declare const DisabledState: Story;
|
|
11
|
+
export declare const TightContainer: Story;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Input } from 'src/components/Input';
|
|
3
|
+
declare const meta: Meta<typeof Input>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Input>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const SearchInput: Story;
|
|
8
|
+
export declare const InputWithButtons: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ListItem } from 'src/components/ListItem';
|
|
3
|
+
declare const meta: Meta<typeof ListItem>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ListItem>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Primary: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ListSkeleton } from 'src/components/ListSkeleton';
|
|
3
|
+
declare const meta: Meta<typeof ListSkeleton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ListSkeleton>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Primary: Story;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
+
import { MarginInterface, PaddingInterface } from '../../types/styling.types';
|
|
1
2
|
import { ColorTypes } from '../../constants';
|
|
2
|
-
export interface ListSkeletonProps {
|
|
3
|
+
export interface ListSkeletonProps extends MarginInterface, PaddingInterface {
|
|
3
4
|
items: number;
|
|
4
|
-
itemHeight?:
|
|
5
|
+
itemHeight?: string;
|
|
5
6
|
className?: string;
|
|
6
7
|
itemClassName?: string;
|
|
7
8
|
withBorderRadius?: boolean;
|
|
8
9
|
withContent?: boolean;
|
|
9
10
|
withImage?: boolean;
|
|
11
|
+
itemContentRows?: number;
|
|
10
12
|
backgroundColor?: Partial<ColorTypes>;
|
|
11
|
-
marginBottom?: string;
|
|
12
|
-
padding?: string;
|
|
13
13
|
borderColor?: Partial<ColorTypes>;
|
|
14
14
|
imageColor?: Partial<ColorTypes>;
|
|
15
15
|
border?: '1' | '2' | '3';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MultiActionButton } from 'src/components/MultiActionButton';
|
|
3
|
+
declare const meta: Meta<typeof MultiActionButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof MultiActionButton>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Primary: Story;
|
|
8
|
+
export declare const WithEllipsis: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { NoDataMessage } from 'src/components/NoDataMessage';
|
|
3
|
+
declare const meta: Meta<typeof NoDataMessage>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof NoDataMessage>;
|
|
6
|
+
export declare const Primary: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Pagination } from 'src/components/Pagination';
|
|
3
|
+
declare const meta: Meta<typeof Pagination>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Pagination>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Primary: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { RadioButton } from 'src/components/RadioButton';
|
|
3
|
+
declare const meta: Meta<typeof RadioButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof RadioButton>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithEllipsis: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SelectInput } from 'src/components/SelectInput';
|
|
3
|
+
declare const meta: Meta<typeof SelectInput>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof SelectInput>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Separator } from 'src/components/Separator';
|
|
3
|
+
declare const meta: Meta<typeof Separator>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Separator>;
|
|
6
|
+
export declare const Auto: Story;
|
|
7
|
+
export declare const SizeSmall: Story;
|
|
8
|
+
export declare const SizeMedium: Story;
|
|
9
|
+
export declare const SizeLarge: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SkeletonItem } from 'src/components/SkeletonItem';
|
|
3
|
+
declare const meta: Meta<typeof SkeletonItem>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof SkeletonItem>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Primary: Story;
|
|
@@ -3,7 +3,19 @@ import { ColorTypes } from '../../constants';
|
|
|
3
3
|
export interface SkeletonItemProps extends MarginInterface, PaddingInterface {
|
|
4
4
|
className?: string;
|
|
5
5
|
withBorderRadius?: boolean;
|
|
6
|
+
wrapperElement?: 'div' | 'li';
|
|
6
7
|
height: string;
|
|
7
8
|
width: string;
|
|
8
|
-
|
|
9
|
+
contentRows?: number;
|
|
10
|
+
backgroundColor?: Partial<ColorTypes>;
|
|
11
|
+
borderColor?: Partial<ColorTypes>;
|
|
12
|
+
imageColor?: Partial<ColorTypes>;
|
|
13
|
+
contentColor?: Partial<ColorTypes>;
|
|
14
|
+
border?: '1' | '2' | '3';
|
|
15
|
+
borderTop?: '1' | '2' | '3';
|
|
16
|
+
borderBottom?: '1' | '2' | '3';
|
|
17
|
+
borderRight?: '1' | '2' | '3';
|
|
18
|
+
borderLeft?: '1' | '2' | '3';
|
|
19
|
+
withContent?: boolean;
|
|
20
|
+
withImage?: boolean;
|
|
9
21
|
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SolidSpinner } from 'src/components/SolidSpinner';
|
|
3
|
+
declare const meta: Meta<typeof SolidSpinner>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof SolidSpinner>;
|
|
6
|
+
export declare const Primary: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SortableTable } from 'src/components/SortableTable';
|
|
3
|
+
declare const meta: Meta<typeof SortableTable>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof SortableTable>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Custom: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SwitchButton } from 'src/components/SwitchButton';
|
|
3
|
+
declare const meta: Meta<typeof SwitchButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof SwitchButton>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { TextAreaInput } from 'src/components/TextAreaInput';
|
|
3
|
+
declare const meta: Meta<typeof TextAreaInput>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof TextAreaInput>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Heading } from 'src/components/Typography/Typography';
|
|
3
|
+
declare const meta: Meta<typeof Heading>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Heading>;
|
|
6
|
+
export declare const H1: Story;
|
|
7
|
+
export declare const H2: Story;
|
package/lib/constants.d.ts
CHANGED
|
@@ -69,6 +69,7 @@ export declare enum IconTypes {
|
|
|
69
69
|
EXPAND_ARROWS = "iconExpandArrows",
|
|
70
70
|
ETHERNET = "iconEthernet",
|
|
71
71
|
FEED = "iconFeed",
|
|
72
|
+
FEED_CONNECTORS = "iconFeedConnectors",
|
|
72
73
|
FILTER = "iconFilter",
|
|
73
74
|
FILTER_SETTINGS = "iconFilterSettings",
|
|
74
75
|
FOLDER_200 = "iconFolder200",
|