widenarrow-ui 1.0.2 → 1.0.3

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.
Files changed (217) hide show
  1. package/.eslintrc +72 -5
  2. package/.storybook/{main.js → main.ts} +9 -7
  3. package/lib/components/Box/Box.d.ts +4 -27
  4. package/lib/components/Box/Box.stories.d.ts +1 -1
  5. package/lib/components/Box/Box.types.d.ts +25 -0
  6. package/lib/components/Box/index.d.ts +1 -1
  7. package/lib/components/Button/Button.d.ts +4 -25
  8. package/lib/components/Button/Button.stories.d.ts +1 -1
  9. package/lib/components/Button/Button.types.d.ts +23 -0
  10. package/lib/components/Button/index.d.ts +1 -1
  11. package/lib/components/Checkbox/Checkbox.d.ts +4 -18
  12. package/lib/components/Checkbox/Checkbox.stories.d.ts +1 -1
  13. package/lib/components/Checkbox/Checkbox.types.d.ts +16 -0
  14. package/lib/components/Checkbox/index.d.ts +1 -1
  15. package/lib/components/DropDown/DropDown.d.ts +4 -27
  16. package/lib/components/DropDown/DropDown.stories.d.ts +1 -1
  17. package/lib/components/DropDown/DropDown.types.d.ts +26 -0
  18. package/lib/components/DropDown/index.d.ts +1 -1
  19. package/lib/components/DropDownItem/DropDownItem.d.ts +4 -21
  20. package/lib/components/DropDownItem/DropDownItem.stories.d.ts +1 -1
  21. package/lib/components/DropDownItem/DropDownItem.types.d.ts +19 -0
  22. package/lib/components/DropDownItem/index.d.ts +1 -1
  23. package/lib/components/FacetButton/FacetButton.d.ts +4 -17
  24. package/lib/components/FacetButton/FacetButton.stories.d.ts +1 -1
  25. package/lib/components/FacetButton/FacetButton.types.d.ts +15 -0
  26. package/lib/components/FacetButton/index.d.ts +1 -1
  27. package/lib/components/FormSkeleton/FormSkeleton.d.ts +3 -10
  28. package/lib/components/FormSkeleton/FormSkeleton.types.d.ts +8 -0
  29. package/lib/components/FormSkeleton/index.d.ts +1 -1
  30. package/lib/components/Grid/Grid.d.ts +4 -49
  31. package/lib/components/Grid/Grid.stories.d.ts +1 -1
  32. package/lib/components/Grid/Grid.types.d.ts +51 -0
  33. package/lib/components/Grid/index.d.ts +1 -1
  34. package/lib/components/Icon/Icon.d.ts +3 -12
  35. package/lib/components/Icon/Icon.stories.d.ts +1 -1
  36. package/lib/components/Icon/Icon.types.d.ts +10 -0
  37. package/lib/components/Icon/getIconFromConstant.d.ts +2 -1
  38. package/lib/components/Icon/index.d.ts +1 -1
  39. package/lib/components/IconButton/IconButton.d.ts +4 -19
  40. package/lib/components/IconButton/IconButton.stories.d.ts +1 -1
  41. package/lib/components/IconButton/IconButton.types.d.ts +17 -0
  42. package/lib/components/IconButton/index.d.ts +1 -1
  43. package/lib/components/Image/Image.d.ts +4 -19
  44. package/lib/components/Image/Image.stories.d.ts +1 -1
  45. package/lib/components/Image/Image.types.d.ts +18 -0
  46. package/lib/components/Image/index.d.ts +1 -1
  47. package/lib/components/InlineButton/InlineButton.d.ts +4 -21
  48. package/lib/components/InlineButton/InlineButton.stories.d.ts +1 -1
  49. package/lib/components/InlineButton/InlineButton.types.d.ts +19 -0
  50. package/lib/components/InlineButton/index.d.ts +1 -1
  51. package/lib/components/ListItem/ListItem.d.ts +4 -23
  52. package/lib/components/ListItem/ListItem.stories.d.ts +1 -1
  53. package/lib/components/ListItem/ListItem.types.d.ts +24 -0
  54. package/lib/components/ListItem/index.d.ts +1 -1
  55. package/lib/components/ListSkeleton/ListSkeleton.d.ts +3 -21
  56. package/lib/components/ListSkeleton/ListSkeleton.stories.d.ts +1 -1
  57. package/lib/components/ListSkeleton/ListSkeleton.types.d.ts +19 -0
  58. package/lib/components/ListSkeleton/index.d.ts +1 -1
  59. package/lib/components/MultiActionButton/MultiActionButton.d.ts +4 -28
  60. package/lib/components/MultiActionButton/MultiActionButton.stories.d.ts +1 -1
  61. package/lib/components/MultiActionButton/MultiActionButton.types.d.ts +26 -0
  62. package/lib/components/MultiActionButton/index.d.ts +1 -1
  63. package/lib/components/RadioButton/RadioButton.d.ts +3 -14
  64. package/lib/components/RadioButton/RadioButton.stories.d.ts +1 -1
  65. package/lib/components/RadioButton/RadioButton.types.d.ts +12 -0
  66. package/lib/components/RadioButton/index.d.ts +1 -1
  67. package/lib/components/Separator/Separator.d.ts +3 -12
  68. package/lib/components/Separator/Separator.stories.d.ts +1 -1
  69. package/lib/components/Separator/Separator.types.d.ts +7 -0
  70. package/lib/components/Separator/index.d.ts +1 -1
  71. package/lib/components/SolidSpinner/SolidSpinner.d.ts +3 -12
  72. package/lib/components/SolidSpinner/SolidSpinner.stories.d.ts +1 -1
  73. package/lib/components/SolidSpinner/SolidSpinner.types.d.ts +10 -0
  74. package/lib/components/SolidSpinner/index.d.ts +1 -1
  75. package/lib/components/SortableTable/SortableTable.d.ts +4 -30
  76. package/lib/components/SortableTable/SortableTable.stories.d.ts +1 -1
  77. package/lib/components/SortableTable/SortableTable.types.d.ts +37 -0
  78. package/lib/components/SortableTable/index.d.ts +1 -1
  79. package/lib/components/SwitchButton/SwitchButton.d.ts +3 -13
  80. package/lib/components/SwitchButton/SwitchButton.stories.d.ts +1 -1
  81. package/lib/components/SwitchButton/SwitchButton.types.d.ts +11 -0
  82. package/lib/components/SwitchButton/index.d.ts +1 -1
  83. package/lib/components/ToolTip/ToolTip.d.ts +7 -24
  84. package/lib/components/ToolTip/ToolTip.types.d.ts +15 -0
  85. package/lib/components/ToolTip/index.d.ts +1 -1
  86. package/lib/components/Typography/Typography.d.ts +7 -60
  87. package/lib/components/Typography/Typography.types.d.ts +37 -0
  88. package/lib/components/Typography/index.d.ts +1 -2
  89. package/lib/components/index.d.ts +19 -0
  90. package/lib/index.css +1 -1
  91. package/lib/index.d.ts +733 -23
  92. package/lib/index.esm.css +1 -1
  93. package/lib/index.esm.js +638 -741
  94. package/lib/index.esm.js.map +1 -1
  95. package/lib/index.js +649 -755
  96. package/lib/index.js.map +1 -1
  97. package/lib/utils.d.ts +17 -10
  98. package/package.json +24 -15
  99. package/rollup.config.mjs +3 -1
  100. package/src/assets/svg/askWideNarrow.tsx +1 -1
  101. package/src/assets/svg/textReplace.tsx +1 -1
  102. package/src/components/Box/Box.stories.tsx +4 -4
  103. package/src/components/Box/Box.tsx +4 -29
  104. package/src/components/Box/Box.types.ts +26 -0
  105. package/src/components/Box/index.ts +1 -0
  106. package/src/components/Button/Button.stories.tsx +1 -1
  107. package/src/components/Button/Button.tsx +16 -40
  108. package/src/components/Button/Button.types.ts +24 -0
  109. package/src/components/Button/index.ts +1 -0
  110. package/src/components/Checkbox/Checkbox.stories.tsx +7 -7
  111. package/src/components/Checkbox/Checkbox.tsx +5 -20
  112. package/src/components/Checkbox/Checkbox.types.ts +17 -0
  113. package/src/components/Checkbox/index.ts +1 -0
  114. package/src/components/DropDown/DropDown.stories.tsx +3 -3
  115. package/src/components/DropDown/DropDown.tsx +13 -31
  116. package/src/components/DropDown/DropDown.types.ts +26 -0
  117. package/src/components/DropDown/index.ts +1 -0
  118. package/src/components/DropDownItem/DropDownItem.stories.tsx +1 -1
  119. package/src/components/DropDownItem/DropDownItem.tsx +11 -31
  120. package/src/components/DropDownItem/DropDownItem.types.ts +20 -0
  121. package/src/components/DropDownItem/index.ts +1 -0
  122. package/src/components/FacetButton/FacetButton.stories.tsx +1 -1
  123. package/src/components/FacetButton/FacetButton.tsx +7 -25
  124. package/src/components/FacetButton/FacetButton.types.ts +16 -0
  125. package/src/components/FacetButton/index.ts +1 -0
  126. package/src/components/FormSkeleton/FormSkeleton.tsx +4 -13
  127. package/src/components/FormSkeleton/FormSkeleton.types.ts +9 -0
  128. package/src/components/FormSkeleton/index.ts +1 -0
  129. package/src/components/Grid/Grid.stories.tsx +6 -5
  130. package/src/components/Grid/Grid.tsx +4 -56
  131. package/src/components/Grid/Grid.types.ts +53 -0
  132. package/src/components/Grid/index.ts +1 -0
  133. package/src/components/Icon/Icon.stories.tsx +1 -1
  134. package/src/components/Icon/Icon.tsx +9 -24
  135. package/src/components/Icon/Icon.types.ts +11 -0
  136. package/src/components/Icon/Iconography.mdx +0 -1
  137. package/src/components/Icon/Iconography.tsx +1 -1
  138. package/src/components/Icon/getIconFromConstant.tsx +1 -1
  139. package/src/components/Icon/index.ts +1 -0
  140. package/src/components/IconButton/IconButton.stories.tsx +1 -1
  141. package/src/components/IconButton/IconButton.tsx +70 -84
  142. package/src/components/IconButton/IconButton.types.ts +19 -0
  143. package/src/components/IconButton/index.ts +1 -0
  144. package/src/components/Image/Image.stories.tsx +1 -1
  145. package/src/components/Image/Image.tsx +6 -23
  146. package/src/components/Image/Image.types.ts +19 -0
  147. package/src/components/Image/index.ts +1 -0
  148. package/src/components/InlineButton/InlineButton.stories.tsx +1 -1
  149. package/src/components/InlineButton/InlineButton.tsx +70 -85
  150. package/src/components/InlineButton/InlineButton.types.ts +20 -0
  151. package/src/components/InlineButton/index.ts +1 -0
  152. package/src/components/ListItem/ListItem.stories.tsx +4 -4
  153. package/src/components/ListItem/ListItem.tsx +13 -33
  154. package/src/components/ListItem/ListItem.types.ts +25 -0
  155. package/src/components/ListItem/index.ts +1 -0
  156. package/src/components/ListSkeleton/ListSkeleton.stories.tsx +1 -1
  157. package/src/components/ListSkeleton/ListSkeleton.tsx +3 -21
  158. package/src/components/ListSkeleton/ListSkeleton.types.ts +20 -0
  159. package/src/components/ListSkeleton/index.ts +1 -0
  160. package/src/components/MultiActionButton/MultiActionButton.stories.tsx +1 -1
  161. package/src/components/MultiActionButton/MultiActionButton.tsx +20 -47
  162. package/src/components/MultiActionButton/MultiActionButton.types.ts +27 -0
  163. package/src/components/MultiActionButton/index.ts +1 -0
  164. package/src/components/RadioButton/RadioButton.stories.tsx +1 -1
  165. package/src/components/RadioButton/RadioButton.tsx +4 -16
  166. package/src/components/RadioButton/RadioButton.types.ts +12 -0
  167. package/src/components/RadioButton/index.ts +1 -0
  168. package/src/components/Separator/Separator.stories.tsx +1 -1
  169. package/src/components/Separator/Separator.tsx +3 -13
  170. package/src/components/Separator/Separator.types.ts +8 -0
  171. package/src/components/Separator/index.ts +1 -0
  172. package/src/components/SolidSpinner/SolidSpinner.stories.tsx +1 -1
  173. package/src/components/SolidSpinner/SolidSpinner.tsx +11 -12
  174. package/src/components/SolidSpinner/SolidSpinner.types.ts +11 -0
  175. package/src/components/SolidSpinner/index.ts +1 -0
  176. package/src/components/SortableTable/SortableTable.stories.tsx +2 -2
  177. package/src/components/SortableTable/SortableTable.tsx +31 -54
  178. package/src/components/SortableTable/SortableTable.types.ts +40 -0
  179. package/src/components/SortableTable/index.ts +1 -0
  180. package/src/components/SwitchButton/SwitchButton.stories.tsx +1 -1
  181. package/src/components/SwitchButton/SwitchButton.tsx +3 -14
  182. package/src/components/SwitchButton/SwitchButton.types.ts +11 -0
  183. package/src/components/SwitchButton/index.ts +1 -0
  184. package/src/components/ToolTip/ToolTip.tsx +12 -33
  185. package/src/components/ToolTip/ToolTip.types.ts +16 -0
  186. package/src/components/ToolTip/index.ts +1 -0
  187. package/src/components/Typography/Typography.tsx +10 -78
  188. package/src/components/Typography/Typography.types.ts +45 -0
  189. package/src/components/Typography/index.ts +1 -0
  190. package/src/components/index.ts +19 -0
  191. package/src/index.ts +3 -60
  192. package/src/types/{styling.ts → styling.types.ts} +0 -2
  193. package/src/utils.ts +26 -21
  194. package/tsconfig.json +3 -1
  195. package/src/components/Box/index.tsx +0 -1
  196. package/src/components/Button/index.tsx +0 -1
  197. package/src/components/Checkbox/index.tsx +0 -1
  198. package/src/components/DropDown/index.tsx +0 -1
  199. package/src/components/DropDownItem/index.tsx +0 -1
  200. package/src/components/FacetButton/index.tsx +0 -1
  201. package/src/components/FormSkeleton/index.tsx +0 -1
  202. package/src/components/Grid/index.tsx +0 -1
  203. package/src/components/Icon/index.tsx +0 -1
  204. package/src/components/IconButton/index.tsx +0 -1
  205. package/src/components/Image/index.tsx +0 -1
  206. package/src/components/InlineButton/index.tsx +0 -1
  207. package/src/components/ListItem/index.tsx +0 -1
  208. package/src/components/ListSkeleton/index.tsx +0 -1
  209. package/src/components/MultiActionButton/index.tsx +0 -1
  210. package/src/components/RadioButton/index.tsx +0 -1
  211. package/src/components/Separator/index.tsx +0 -1
  212. package/src/components/SolidSpinner/index.tsx +0 -1
  213. package/src/components/SortableTable/index.tsx +0 -1
  214. package/src/components/SwitchButton/index.tsx +0 -1
  215. package/src/components/ToolTip/index.tsx +0 -1
  216. package/src/components/Typography/index.tsx +0 -2
  217. /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>;
@@ -0,0 +1,11 @@
1
+ export interface SwitchButtonProps {
2
+ checked: boolean;
3
+ name: string;
4
+ label?: string;
5
+ disabled?: boolean;
6
+ alignCenter?: boolean;
7
+ className?: string;
8
+ marginBottom?: boolean;
9
+ inlineLabel?: boolean;
10
+ onClickCallback: () => void;
11
+ }
@@ -1 +1 @@
1
- export { default } from './SwitchButton';
1
+ export * from './SwitchButton';
@@ -1,25 +1,8 @@
1
- import { FC, ReactNode } from 'react';
1
+ import { FC } from 'react';
2
+ import { ToolTipProps } from './ToolTip.types';
2
3
  /**
3
- |--------------------------------------------------
4
- | This components extends the react-tooltip library.
5
- | Full api documentation here:
6
- | https://github.com/wwayne/react-tooltip
7
- | https://react-tooltip.netlify.com/
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 { default } from './ToolTip';
1
+ export * from './ToolTip';
@@ -1,60 +1,7 @@
1
- import { CSSProperties, FC, ReactNode } from 'react';
2
- import { MarginInterface, PaddingInterface } from 'src/types/styling';
3
- interface BaseProps extends MarginInterface, PaddingInterface {
4
- className?: string;
5
- textAlign?: string;
6
- fontWeight?: string;
7
- fontSize?: string;
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
- import Typography from './Typography';
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';