widenarrow-ui 1.0.2 → 1.0.4
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/.eslintrc +72 -5
- package/.storybook/{main.js → main.ts} +9 -7
- package/lib/components/Box/Box.d.ts +4 -27
- package/lib/components/Box/Box.stories.d.ts +1 -1
- package/lib/components/Box/Box.types.d.ts +25 -0
- package/lib/components/Box/index.d.ts +1 -1
- package/lib/components/Button/Button.d.ts +4 -25
- package/lib/components/Button/Button.stories.d.ts +1 -1
- package/lib/components/Button/Button.types.d.ts +23 -0
- package/lib/components/Button/index.d.ts +1 -1
- package/lib/components/Checkbox/Checkbox.d.ts +4 -18
- package/lib/components/Checkbox/Checkbox.stories.d.ts +1 -1
- package/lib/components/Checkbox/Checkbox.types.d.ts +16 -0
- package/lib/components/Checkbox/index.d.ts +1 -1
- package/lib/components/DropDown/DropDown.d.ts +4 -27
- package/lib/components/DropDown/DropDown.stories.d.ts +1 -1
- package/lib/components/DropDown/DropDown.types.d.ts +26 -0
- package/lib/components/DropDown/index.d.ts +1 -1
- package/lib/components/DropDownItem/DropDownItem.d.ts +4 -21
- package/lib/components/DropDownItem/DropDownItem.stories.d.ts +1 -1
- package/lib/components/DropDownItem/DropDownItem.types.d.ts +19 -0
- package/lib/components/DropDownItem/index.d.ts +1 -1
- package/lib/components/FacetButton/FacetButton.d.ts +4 -17
- package/lib/components/FacetButton/FacetButton.stories.d.ts +1 -1
- package/lib/components/FacetButton/FacetButton.types.d.ts +15 -0
- package/lib/components/FacetButton/index.d.ts +1 -1
- package/lib/components/FormSkeleton/FormSkeleton.d.ts +3 -10
- package/lib/components/FormSkeleton/FormSkeleton.types.d.ts +8 -0
- package/lib/components/FormSkeleton/index.d.ts +1 -1
- package/lib/components/Grid/Grid.d.ts +4 -49
- package/lib/components/Grid/Grid.stories.d.ts +1 -1
- package/lib/components/Grid/Grid.types.d.ts +51 -0
- package/lib/components/Grid/index.d.ts +1 -1
- package/lib/components/Icon/Icon.d.ts +3 -12
- package/lib/components/Icon/Icon.stories.d.ts +1 -1
- package/lib/components/Icon/Icon.types.d.ts +10 -0
- package/lib/components/Icon/getIconFromConstant.d.ts +2 -1
- package/lib/components/Icon/index.d.ts +1 -1
- package/lib/components/IconButton/IconButton.d.ts +4 -19
- package/lib/components/IconButton/IconButton.stories.d.ts +1 -1
- package/lib/components/IconButton/IconButton.types.d.ts +17 -0
- package/lib/components/IconButton/index.d.ts +1 -1
- package/lib/components/Image/Image.d.ts +4 -19
- package/lib/components/Image/Image.stories.d.ts +1 -1
- package/lib/components/Image/Image.types.d.ts +18 -0
- package/lib/components/Image/index.d.ts +1 -1
- package/lib/components/InlineButton/InlineButton.d.ts +4 -21
- package/lib/components/InlineButton/InlineButton.stories.d.ts +1 -1
- package/lib/components/InlineButton/InlineButton.types.d.ts +19 -0
- package/lib/components/InlineButton/index.d.ts +1 -1
- package/lib/components/ListItem/ListItem.d.ts +4 -23
- package/lib/components/ListItem/ListItem.stories.d.ts +1 -1
- package/lib/components/ListItem/ListItem.types.d.ts +24 -0
- package/lib/components/ListItem/index.d.ts +1 -1
- package/lib/components/ListSkeleton/ListSkeleton.d.ts +3 -21
- package/lib/components/ListSkeleton/ListSkeleton.stories.d.ts +1 -1
- package/lib/components/ListSkeleton/ListSkeleton.types.d.ts +19 -0
- package/lib/components/ListSkeleton/index.d.ts +1 -1
- package/lib/components/MultiActionButton/MultiActionButton.d.ts +4 -28
- package/lib/components/MultiActionButton/MultiActionButton.stories.d.ts +1 -1
- package/lib/components/MultiActionButton/MultiActionButton.types.d.ts +26 -0
- package/lib/components/MultiActionButton/index.d.ts +1 -1
- package/lib/components/RadioButton/RadioButton.d.ts +3 -14
- package/lib/components/RadioButton/RadioButton.stories.d.ts +1 -1
- package/lib/components/RadioButton/RadioButton.types.d.ts +12 -0
- package/lib/components/RadioButton/index.d.ts +1 -1
- package/lib/components/Separator/Separator.d.ts +3 -12
- package/lib/components/Separator/Separator.stories.d.ts +1 -1
- package/lib/components/Separator/Separator.types.d.ts +7 -0
- package/lib/components/Separator/index.d.ts +1 -1
- package/lib/components/SolidSpinner/SolidSpinner.d.ts +3 -12
- package/lib/components/SolidSpinner/SolidSpinner.stories.d.ts +1 -1
- package/lib/components/SolidSpinner/SolidSpinner.types.d.ts +10 -0
- package/lib/components/SolidSpinner/index.d.ts +1 -1
- package/lib/components/SortableTable/SortableTable.d.ts +4 -30
- package/lib/components/SortableTable/SortableTable.stories.d.ts +1 -1
- package/lib/components/SortableTable/SortableTable.types.d.ts +37 -0
- package/lib/components/SortableTable/index.d.ts +1 -1
- package/lib/components/SwitchButton/SwitchButton.d.ts +3 -13
- package/lib/components/SwitchButton/SwitchButton.stories.d.ts +1 -1
- package/lib/components/SwitchButton/SwitchButton.types.d.ts +11 -0
- package/lib/components/SwitchButton/index.d.ts +1 -1
- package/lib/components/ToolTip/ToolTip.d.ts +7 -24
- package/lib/components/ToolTip/ToolTip.types.d.ts +15 -0
- package/lib/components/ToolTip/index.d.ts +1 -1
- package/lib/components/Typography/Typography.d.ts +7 -60
- package/lib/components/Typography/Typography.types.d.ts +37 -0
- package/lib/components/Typography/index.d.ts +1 -2
- package/lib/components/index.d.ts +19 -0
- package/lib/index.css +1 -1
- package/lib/index.d.ts +733 -23
- package/lib/index.esm.css +1 -1
- package/lib/index.esm.js +638 -741
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +649 -755
- package/lib/index.js.map +1 -1
- package/lib/utils.d.ts +17 -10
- package/package.json +25 -16
- package/rollup.config.mjs +3 -1
- package/src/assets/svg/askWideNarrow.tsx +1 -1
- package/src/assets/svg/textReplace.tsx +1 -1
- package/src/components/Box/Box.stories.tsx +4 -4
- package/src/components/Box/Box.tsx +4 -29
- package/src/components/Box/Box.types.ts +26 -0
- package/src/components/Box/index.ts +1 -0
- package/src/components/Button/Button.stories.tsx +1 -1
- package/src/components/Button/Button.tsx +16 -40
- package/src/components/Button/Button.types.ts +24 -0
- package/src/components/Button/index.ts +1 -0
- package/src/components/Checkbox/Checkbox.stories.tsx +7 -7
- package/src/components/Checkbox/Checkbox.tsx +5 -20
- package/src/components/Checkbox/Checkbox.types.ts +17 -0
- package/src/components/Checkbox/index.ts +1 -0
- package/src/components/DropDown/DropDown.stories.tsx +3 -3
- package/src/components/DropDown/DropDown.tsx +13 -31
- package/src/components/DropDown/DropDown.types.ts +26 -0
- package/src/components/DropDown/index.ts +1 -0
- package/src/components/DropDownItem/DropDownItem.stories.tsx +1 -1
- package/src/components/DropDownItem/DropDownItem.tsx +11 -31
- package/src/components/DropDownItem/DropDownItem.types.ts +20 -0
- package/src/components/DropDownItem/index.ts +1 -0
- package/src/components/FacetButton/FacetButton.stories.tsx +1 -1
- package/src/components/FacetButton/FacetButton.tsx +7 -25
- package/src/components/FacetButton/FacetButton.types.ts +16 -0
- package/src/components/FacetButton/index.ts +1 -0
- package/src/components/FormSkeleton/FormSkeleton.tsx +4 -13
- package/src/components/FormSkeleton/FormSkeleton.types.ts +9 -0
- package/src/components/FormSkeleton/index.ts +1 -0
- package/src/components/Grid/Grid.stories.tsx +6 -5
- package/src/components/Grid/Grid.tsx +4 -56
- package/src/components/Grid/Grid.types.ts +53 -0
- package/src/components/Grid/index.ts +1 -0
- package/src/components/Icon/Icon.stories.tsx +1 -1
- package/src/components/Icon/Icon.tsx +9 -24
- package/src/components/Icon/Icon.types.ts +11 -0
- package/src/components/Icon/Iconography.mdx +0 -1
- package/src/components/Icon/Iconography.tsx +1 -1
- package/src/components/Icon/getIconFromConstant.tsx +1 -1
- package/src/components/Icon/index.ts +1 -0
- package/src/components/IconButton/IconButton.stories.tsx +1 -1
- package/src/components/IconButton/IconButton.tsx +70 -84
- package/src/components/IconButton/IconButton.types.ts +19 -0
- package/src/components/IconButton/index.ts +1 -0
- package/src/components/Image/Image.stories.tsx +1 -1
- package/src/components/Image/Image.tsx +6 -23
- package/src/components/Image/Image.types.ts +19 -0
- package/src/components/Image/index.ts +1 -0
- package/src/components/InlineButton/InlineButton.stories.tsx +1 -1
- package/src/components/InlineButton/InlineButton.tsx +70 -85
- package/src/components/InlineButton/InlineButton.types.ts +20 -0
- package/src/components/InlineButton/index.ts +1 -0
- package/src/components/ListItem/ListItem.stories.tsx +4 -4
- package/src/components/ListItem/ListItem.tsx +13 -33
- package/src/components/ListItem/ListItem.types.ts +25 -0
- package/src/components/ListItem/index.ts +1 -0
- package/src/components/ListSkeleton/ListSkeleton.stories.tsx +1 -1
- package/src/components/ListSkeleton/ListSkeleton.tsx +3 -21
- package/src/components/ListSkeleton/ListSkeleton.types.ts +20 -0
- package/src/components/ListSkeleton/index.ts +1 -0
- package/src/components/MultiActionButton/MultiActionButton.stories.tsx +1 -1
- package/src/components/MultiActionButton/MultiActionButton.tsx +20 -47
- package/src/components/MultiActionButton/MultiActionButton.types.ts +27 -0
- package/src/components/MultiActionButton/index.ts +1 -0
- package/src/components/RadioButton/RadioButton.stories.tsx +1 -1
- package/src/components/RadioButton/RadioButton.tsx +4 -16
- package/src/components/RadioButton/RadioButton.types.ts +12 -0
- package/src/components/RadioButton/index.ts +1 -0
- package/src/components/Separator/Separator.stories.tsx +1 -1
- package/src/components/Separator/Separator.tsx +3 -13
- package/src/components/Separator/Separator.types.ts +8 -0
- package/src/components/Separator/index.ts +1 -0
- package/src/components/SolidSpinner/SolidSpinner.stories.tsx +1 -1
- package/src/components/SolidSpinner/SolidSpinner.tsx +11 -12
- package/src/components/SolidSpinner/SolidSpinner.types.ts +11 -0
- package/src/components/SolidSpinner/index.ts +1 -0
- package/src/components/SortableTable/SortableTable.stories.tsx +2 -2
- package/src/components/SortableTable/SortableTable.tsx +31 -54
- package/src/components/SortableTable/SortableTable.types.ts +40 -0
- package/src/components/SortableTable/index.ts +1 -0
- package/src/components/SwitchButton/SwitchButton.stories.tsx +1 -1
- package/src/components/SwitchButton/SwitchButton.tsx +3 -14
- package/src/components/SwitchButton/SwitchButton.types.ts +11 -0
- package/src/components/SwitchButton/index.ts +1 -0
- package/src/components/ToolTip/ToolTip.tsx +12 -33
- package/src/components/ToolTip/ToolTip.types.ts +16 -0
- package/src/components/ToolTip/index.ts +1 -0
- package/src/components/Typography/Typography.tsx +10 -78
- package/src/components/Typography/Typography.types.ts +45 -0
- package/src/components/Typography/index.ts +1 -0
- package/src/components/index.ts +19 -0
- package/src/index.ts +3 -60
- package/src/styles/colors.scss +1 -1
- package/src/styles/mixins.scss +1 -1
- package/src/types/{styling.ts → styling.types.ts} +0 -2
- package/src/utils.ts +26 -21
- package/tsconfig.json +3 -1
- package/src/components/Box/index.tsx +0 -1
- package/src/components/Button/index.tsx +0 -1
- package/src/components/Checkbox/index.tsx +0 -1
- package/src/components/DropDown/index.tsx +0 -1
- package/src/components/DropDownItem/index.tsx +0 -1
- package/src/components/FacetButton/index.tsx +0 -1
- package/src/components/FormSkeleton/index.tsx +0 -1
- package/src/components/Grid/index.tsx +0 -1
- package/src/components/Icon/index.tsx +0 -1
- package/src/components/IconButton/index.tsx +0 -1
- package/src/components/Image/index.tsx +0 -1
- package/src/components/InlineButton/index.tsx +0 -1
- package/src/components/ListItem/index.tsx +0 -1
- package/src/components/ListSkeleton/index.tsx +0 -1
- package/src/components/MultiActionButton/index.tsx +0 -1
- package/src/components/RadioButton/index.tsx +0 -1
- package/src/components/Separator/index.tsx +0 -1
- package/src/components/SolidSpinner/index.tsx +0 -1
- package/src/components/SortableTable/index.tsx +0 -1
- package/src/components/SwitchButton/index.tsx +0 -1
- package/src/components/ToolTip/index.tsx +0 -1
- package/src/components/Typography/index.tsx +0 -2
- /package/lib/types/{styling.d.ts → styling.types.d.ts} +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import SwitchButton from 'src/components/SwitchButton';
|
|
2
|
+
import { SwitchButton } from 'src/components/SwitchButton';
|
|
3
3
|
declare const meta: Meta<typeof SwitchButton>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof SwitchButton>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from './SwitchButton';
|
|
@@ -1,25 +1,8 @@
|
|
|
1
|
-
import { FC
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ToolTipProps } from './ToolTip.types';
|
|
2
3
|
/**
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|--------------------------------------------------
|
|
9
|
-
*/
|
|
10
|
-
interface Props {
|
|
11
|
-
text?: string;
|
|
12
|
-
children?: string | number | ReactNode | null;
|
|
13
|
-
component?: ReactNode;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
withEllipsis?: boolean;
|
|
16
|
-
displayInPortal?: boolean;
|
|
17
|
-
className?: string;
|
|
18
|
-
toolTipClassName?: string;
|
|
19
|
-
id?: string;
|
|
20
|
-
offset?: number;
|
|
21
|
-
variant?: 'dark' | 'light';
|
|
22
|
-
placement?: 'top' | 'right' | 'bottom' | 'left';
|
|
23
|
-
}
|
|
24
|
-
declare const ToolTip: FC<Props>;
|
|
25
|
-
export default ToolTip;
|
|
4
|
+
* @desc This components extends the react-tooltip library.
|
|
5
|
+
* Full api documentation here: https://github.com/wwayne/react-tooltip
|
|
6
|
+
*/
|
|
7
|
+
declare const ToolTip: FC<ToolTipProps>;
|
|
8
|
+
export { ToolTip };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface ToolTipProps {
|
|
3
|
+
text?: string;
|
|
4
|
+
children?: string | number | ReactNode | null;
|
|
5
|
+
component?: ReactNode;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
withEllipsis?: boolean | undefined;
|
|
8
|
+
displayInPortal?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
toolTipClassName?: string;
|
|
11
|
+
id?: string;
|
|
12
|
+
offset?: number;
|
|
13
|
+
variant?: 'dark' | 'light';
|
|
14
|
+
placement?: 'top' | 'right' | 'bottom' | 'left';
|
|
15
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from './ToolTip';
|
|
@@ -1,60 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
fontStyle?: string;
|
|
9
|
-
color?: string;
|
|
10
|
-
meta?: boolean | undefined;
|
|
11
|
-
error?: boolean | undefined;
|
|
12
|
-
withBorderBottom?: boolean | undefined;
|
|
13
|
-
withEllipsis?: boolean | undefined;
|
|
14
|
-
withAnimation?: boolean | undefined;
|
|
15
|
-
withNoWordBreak?: boolean | undefined;
|
|
16
|
-
withWordBreak?: boolean | undefined;
|
|
17
|
-
disabled?: boolean | undefined;
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
|--------------------------------------------------
|
|
21
|
-
| @component <Heading />
|
|
22
|
-
|--------------------------------------------------
|
|
23
|
-
*/
|
|
24
|
-
interface HeadingProps extends BaseProps {
|
|
25
|
-
children: ReactNode;
|
|
26
|
-
type: string;
|
|
27
|
-
style?: CSSProperties;
|
|
28
|
-
}
|
|
29
|
-
export declare const Heading: FC<HeadingProps>;
|
|
30
|
-
/**
|
|
31
|
-
|--------------------------------------------------
|
|
32
|
-
| @component <Label />
|
|
33
|
-
|--------------------------------------------------
|
|
34
|
-
*/
|
|
35
|
-
interface LabelProps extends BaseProps {
|
|
36
|
-
children: ReactNode | string;
|
|
37
|
-
htmlFor?: string;
|
|
38
|
-
style?: CSSProperties;
|
|
39
|
-
}
|
|
40
|
-
export declare const Label: FC<LabelProps>;
|
|
41
|
-
/**
|
|
42
|
-
|--------------------------------------------------
|
|
43
|
-
| @component <Paragraph />
|
|
44
|
-
|--------------------------------------------------
|
|
45
|
-
*/
|
|
46
|
-
interface ParagraphProps extends BaseProps {
|
|
47
|
-
children: ReactNode;
|
|
48
|
-
}
|
|
49
|
-
export declare const Paragraph: FC<ParagraphProps>;
|
|
50
|
-
/**
|
|
51
|
-
|--------------------------------------------------
|
|
52
|
-
| @component <Span />
|
|
53
|
-
|--------------------------------------------------
|
|
54
|
-
*/
|
|
55
|
-
interface SpanProps extends BaseProps {
|
|
56
|
-
children: ReactNode;
|
|
57
|
-
}
|
|
58
|
-
export declare const Span: FC<SpanProps>;
|
|
59
|
-
declare const _default: "";
|
|
60
|
-
export default _default;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { HeadingProps, LabelProps, ParagraphProps, SpanProps } from './Typography.types';
|
|
3
|
+
declare const Heading: FC<HeadingProps>;
|
|
4
|
+
declare const Label: FC<LabelProps>;
|
|
5
|
+
declare const Paragraph: FC<ParagraphProps>;
|
|
6
|
+
declare const Span: FC<SpanProps>;
|
|
7
|
+
export { Heading, Label, Paragraph, Span };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import { MarginInterface, PaddingInterface } from '../../types/styling.types';
|
|
3
|
+
export interface TypographyBaseProps extends MarginInterface, PaddingInterface {
|
|
4
|
+
className?: string;
|
|
5
|
+
textAlign?: string;
|
|
6
|
+
fontWeight?: string;
|
|
7
|
+
fontSize?: string;
|
|
8
|
+
fontStyle?: string;
|
|
9
|
+
color?: 'inherit' | 'white' | 'grey' | 'black' | 'green' | 'red' | 'orange' | 'blue' | undefined;
|
|
10
|
+
meta?: boolean | undefined;
|
|
11
|
+
error?: boolean | undefined;
|
|
12
|
+
withBorderBottom?: boolean | undefined;
|
|
13
|
+
withEllipsis?: boolean | undefined;
|
|
14
|
+
withAnimation?: boolean | undefined;
|
|
15
|
+
withNoWordBreak?: boolean | undefined;
|
|
16
|
+
withWordBreak?: boolean | undefined;
|
|
17
|
+
disabled?: boolean | undefined;
|
|
18
|
+
}
|
|
19
|
+
export interface ClassNameProps extends TypographyBaseProps {
|
|
20
|
+
mainClassName?: string;
|
|
21
|
+
}
|
|
22
|
+
export interface HeadingProps extends TypographyBaseProps {
|
|
23
|
+
children: ReactNode;
|
|
24
|
+
type: string;
|
|
25
|
+
style?: CSSProperties;
|
|
26
|
+
}
|
|
27
|
+
export interface LabelProps extends TypographyBaseProps {
|
|
28
|
+
children: ReactNode | string;
|
|
29
|
+
htmlFor?: string;
|
|
30
|
+
style?: CSSProperties;
|
|
31
|
+
}
|
|
32
|
+
export interface ParagraphProps extends TypographyBaseProps {
|
|
33
|
+
children: ReactNode;
|
|
34
|
+
}
|
|
35
|
+
export interface SpanProps extends TypographyBaseProps {
|
|
36
|
+
children: ReactNode;
|
|
37
|
+
}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export default Typography;
|
|
1
|
+
export * from './Typography';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export * from './Box';
|
|
2
|
+
export * from './Button';
|
|
3
|
+
export * from './Checkbox';
|
|
4
|
+
export * from './DropDown';
|
|
5
|
+
export * from './DropDownItem';
|
|
6
|
+
export * from './FacetButton';
|
|
7
|
+
export * from './FormSkeleton';
|
|
8
|
+
export * from './Grid';
|
|
9
|
+
export * from './Icon';
|
|
10
|
+
export * from './IconButton';
|
|
11
|
+
export * from './Image';
|
|
12
|
+
export * from './InlineButton';
|
|
13
|
+
export * from './ListSkeleton';
|
|
14
|
+
export * from './MultiActionButton';
|
|
15
|
+
export * from './Separator';
|
|
16
|
+
export * from './SolidSpinner';
|
|
17
|
+
export * from './SortableTable';
|
|
18
|
+
export * from './ToolTip';
|
|
19
|
+
export * from './Typography';
|