widenarrow-ui 1.1.14 → 1.1.15
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/components/Checkbox/Checkbox.types.d.ts +0 -2
- package/lib/components/IconButton/IconButton.types.d.ts +1 -3
- package/lib/components/InlineButton/InlineButton.types.d.ts +1 -2
- package/lib/components/Input/Input.stories.d.ts +1 -0
- package/lib/components/MultiActionButton/MultiActionButton.types.d.ts +1 -4
- package/lib/components/RadioButton/RadioButton.types.d.ts +0 -3
- package/lib/constants.d.ts +0 -13
- package/lib/index.css +1 -1
- package/lib/index.d.ts +2 -24
- package/lib/index.esm.css +1 -1
- package/lib/index.esm.js +73 -105
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +72 -104
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/assets/svg/classificationSparkle.tsx +4 -16
- package/src/components/Button/Button.module.scss +3 -3
- package/src/components/Button/Button.tsx +8 -1
- package/src/components/Card/Card.module.scss +1 -1
- package/src/components/Checkbox/Checkbox.module.scss +38 -41
- package/src/components/Checkbox/Checkbox.stories.tsx +8 -3
- package/src/components/Checkbox/Checkbox.tsx +4 -11
- package/src/components/Checkbox/Checkbox.types.ts +0 -2
- package/src/components/DropDownItem/DropDownItem.module.scss +3 -3
- package/src/components/FacetButton/FacetButton.module.scss +9 -5
- package/src/components/IconButton/IconButton.module.scss +24 -34
- package/src/components/IconButton/IconButton.tsx +1 -9
- package/src/components/IconButton/IconButton.types.ts +1 -3
- package/src/components/Image/Image.module.scss +1 -1
- package/src/components/InlineButton/InlineButton.module.scss +8 -21
- package/src/components/InlineButton/InlineButton.tsx +0 -3
- package/src/components/InlineButton/InlineButton.types.ts +1 -2
- package/src/components/Input/Input.module.scss +0 -9
- package/src/components/Input/Input.stories.tsx +14 -1
- package/src/components/Input/Input.tsx +0 -1
- package/src/components/ListItem/ListItem.module.scss +2 -2
- package/src/components/MultiActionButton/MultiActionButton.module.scss +31 -21
- package/src/components/MultiActionButton/MultiActionButton.stories.tsx +2 -1
- package/src/components/MultiActionButton/MultiActionButton.tsx +5 -10
- package/src/components/MultiActionButton/MultiActionButton.types.ts +1 -4
- package/src/components/Pagination/Pagination.module.scss +15 -30
- package/src/components/RadioButton/RadioButton.module.scss +69 -70
- package/src/components/RadioButton/RadioButton.tsx +13 -14
- package/src/components/RadioButton/RadioButton.types.ts +0 -4
- package/src/components/SelectInput/SelectInput.module.scss +4 -9
- package/src/components/SortableTable/SortableTable.module.scss +1 -1
- package/src/components/SwitchButton/SwitchButton.module.scss +23 -51
- package/src/components/SwitchButton/SwitchButton.tsx +1 -7
- package/src/components/TextAreaInput/TextAreaInput.module.scss +0 -2
- package/src/components/Typography/Typography.module.scss +1 -1
- package/src/components/Typography/Typography.tsx +1 -1
- package/src/constants.ts +0 -14
- package/src/styles/colors.scss +8 -3
- package/src/styles/mixins.scss +126 -41
- package/lib/components/ButtonShadow/ButtonShadow.d.ts +0 -4
- package/lib/components/ButtonShadow/ButtonShadow.types.d.ts +0 -5
- package/lib/components/ButtonShadow/index.d.ts +0 -1
- package/src/components/ButtonShadow/ButtonShadow.module.scss +0 -13
- package/src/components/ButtonShadow/ButtonShadow.tsx +0 -20
- package/src/components/ButtonShadow/ButtonShadow.types.ts +0 -6
- package/src/components/ButtonShadow/index.ts +0 -1
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { ChangeEvent, MouseEvent } from 'react';
|
|
2
|
-
import { ButtonShadowColorTypes } from '../../constants';
|
|
3
2
|
export interface CheckboxProps {
|
|
4
3
|
name?: string;
|
|
5
4
|
value?: string;
|
|
6
5
|
label?: string;
|
|
7
|
-
shadowColor?: Partial<ButtonShadowColorTypes>;
|
|
8
6
|
onChange?: (val: string, event: ChangeEvent<HTMLInputElement>) => void;
|
|
9
7
|
onChangeFake?: (val: string, event: MouseEvent<HTMLDivElement>) => void;
|
|
10
8
|
className?: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { MouseEvent, CSSProperties } from 'react';
|
|
2
2
|
import { IconStyleInterface } from '../../types/styling.types';
|
|
3
|
-
import { ColorTypes, HierarchyTypes, SizeTypes
|
|
3
|
+
import { ColorTypes, HierarchyTypes, SizeTypes } from '../../constants';
|
|
4
4
|
export interface IconButtonProps extends IconStyleInterface {
|
|
5
5
|
className?: string;
|
|
6
6
|
rotateIcon?: boolean;
|
|
@@ -10,8 +10,6 @@ export interface IconButtonProps extends IconStyleInterface {
|
|
|
10
10
|
type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY | HierarchyTypes.TERTIARY;
|
|
11
11
|
onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
|
|
12
12
|
style?: CSSProperties;
|
|
13
|
-
shadowColor?: Partial<ButtonShadowColorTypes>;
|
|
14
|
-
shadowClassName?: string;
|
|
15
13
|
iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
|
|
16
14
|
size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
|
|
17
15
|
iconColor?: Partial<ColorTypes>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MouseEvent, ReactNode, CSSProperties } from 'react';
|
|
2
|
-
import { HierarchyTypes, IconTypes, SizeTypes
|
|
2
|
+
import { HierarchyTypes, IconTypes, SizeTypes } from '../../constants';
|
|
3
3
|
export interface InlineButtonProps {
|
|
4
4
|
text: string;
|
|
5
5
|
id?: string | number;
|
|
@@ -14,7 +14,6 @@ export interface InlineButtonProps {
|
|
|
14
14
|
rotateIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
|
|
15
15
|
iconClassName?: string;
|
|
16
16
|
withIconRight?: boolean;
|
|
17
|
-
shadowColor?: Partial<ButtonShadowColorTypes>;
|
|
18
17
|
type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY | HierarchyTypes.TERTIARY;
|
|
19
18
|
size?: SizeTypes.SMALL | SizeTypes.MEDIUM;
|
|
20
19
|
textClassName?: string;
|
|
@@ -6,9 +6,7 @@ export interface MultiActionButtonProps {
|
|
|
6
6
|
onRightClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
|
|
7
7
|
type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY | HierarchyTypes.TERTIARY;
|
|
8
8
|
size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
|
|
9
|
-
|
|
10
|
-
middleIconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
|
|
11
|
-
rightIconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
|
|
9
|
+
iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
|
|
12
10
|
leftIcon?: Partial<IconTypes>;
|
|
13
11
|
middleIcon?: Partial<IconTypes>;
|
|
14
12
|
rightIcon?: Partial<IconTypes>;
|
|
@@ -25,5 +23,4 @@ export interface MultiActionButtonProps {
|
|
|
25
23
|
autoFocus?: boolean;
|
|
26
24
|
ariaLabel?: string;
|
|
27
25
|
tabIndex?: number;
|
|
28
|
-
withSeparator?: boolean;
|
|
29
26
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { ButtonShadowColorTypes } from '../../constants';
|
|
2
1
|
export interface RadioButtonProps {
|
|
3
2
|
className?: string;
|
|
4
3
|
name?: string;
|
|
@@ -6,8 +5,6 @@ export interface RadioButtonProps {
|
|
|
6
5
|
value?: string | number;
|
|
7
6
|
disabled?: boolean;
|
|
8
7
|
helperText?: string;
|
|
9
|
-
shadowColor?: Partial<ButtonShadowColorTypes>;
|
|
10
|
-
marginRight?: boolean;
|
|
11
8
|
withEllipsis?: boolean;
|
|
12
9
|
checked: boolean;
|
|
13
10
|
toolTip?: string;
|
package/lib/constants.d.ts
CHANGED
|
@@ -236,19 +236,6 @@ export declare enum ColorTypes {
|
|
|
236
236
|
MAIN_GREY = "mainGrey",
|
|
237
237
|
MAIN_DARK = "mainDark"
|
|
238
238
|
}
|
|
239
|
-
export declare enum ButtonShadowColorTypes {
|
|
240
|
-
WHITE = "white",
|
|
241
|
-
GREY_1 = "grey1",
|
|
242
|
-
GREY_2 = "grey2",
|
|
243
|
-
GREY_3 = "grey3",
|
|
244
|
-
GREY_4 = "grey4",
|
|
245
|
-
GREY_5 = "grey5",
|
|
246
|
-
PURPLE_1 = "purple1",
|
|
247
|
-
PURPLE_2 = "purple2",
|
|
248
|
-
PURPLE_3 = "purple3",
|
|
249
|
-
BLUE_1 = "blue1",
|
|
250
|
-
BLUE_2 = "blue2"
|
|
251
|
-
}
|
|
252
239
|
export declare enum SizeTypes {
|
|
253
240
|
EXTRA_SMALL = "extraSmall",
|
|
254
241
|
SMALL = "small",
|