widenarrow-ui 1.1.14 → 1.1.16
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/folder-300.d.ts +6 -0
- package/lib/assets/svg/newsletterTemplate-300.d.ts +6 -0
- package/lib/assets/svg/savedSearch-200.d.ts +6 -0
- package/lib/assets/svg/savedSearch-300.d.ts +6 -0
- package/lib/assets/svg/strategy-200.d.ts +6 -0
- package/lib/assets/svg/strategy-300.d.ts +6 -0
- package/lib/assets/svg/taxonomy-200.d.ts +6 -0
- package/lib/assets/svg/taxonomy-300.d.ts +6 -0
- package/lib/assets/svg/workspace-200.d.ts +6 -0
- package/lib/assets/svg/workspace-300.d.ts +6 -0
- 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 +23 -25
- package/lib/index.css +1 -1
- package/lib/index.d.ts +25 -36
- package/lib/index.esm.css +1 -1
- package/lib/index.esm.js +559 -503
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +558 -502
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/assets/svg/automation.tsx +1 -4
- package/src/assets/svg/banner-200.tsx +13 -0
- package/src/assets/svg/banner-300.tsx +13 -0
- package/src/assets/svg/benchmarks-300.tsx +17 -0
- package/src/assets/svg/classificationAdd-200.tsx +15 -0
- package/src/assets/svg/classificationAdd-300.tsx +15 -0
- package/src/assets/svg/classificationSparkle.tsx +4 -16
- package/src/assets/svg/filterSettings.tsx +2 -5
- package/src/assets/svg/folder-200.tsx +13 -0
- package/src/assets/svg/formatImgBottom.tsx +1 -1
- package/src/assets/svg/formatImgCenterCenter.tsx +2 -2
- package/src/assets/svg/formatImgLeft.tsx +2 -1
- package/src/assets/svg/formatImgLeftBottom.tsx +2 -1
- package/src/assets/svg/formatImgLeftCenter.tsx +2 -1
- package/src/assets/svg/formatImgRightBottom.tsx +2 -1
- package/src/assets/svg/formatImgRightCenter.tsx +3 -2
- package/src/assets/svg/formatImgRightTop.tsx +2 -1
- package/src/assets/svg/formatImgTop.tsx +2 -2
- package/src/assets/svg/inbox-200.tsx +2 -2
- package/src/assets/svg/inbox-300.tsx +1 -1
- package/src/assets/svg/newsletterTemplate-300.tsx +20 -0
- package/src/assets/svg/report-200.tsx +7 -7
- package/src/assets/svg/report-300.tsx +21 -2
- package/src/assets/svg/savedSearch-200.tsx +13 -0
- package/src/assets/svg/savedSearch-300.tsx +13 -0
- package/src/assets/svg/settings-200.tsx +2 -2
- package/src/assets/svg/settings-300.tsx +11 -2
- package/src/assets/svg/strategy-200.tsx +13 -0
- package/src/assets/svg/strategy-300.tsx +13 -0
- package/src/assets/svg/suggestion.tsx +1 -1
- package/src/assets/svg/taxonomy-200.tsx +13 -0
- package/src/assets/svg/taxonomy-300.tsx +13 -0
- package/src/assets/svg/textReplace.tsx +1 -1
- package/src/assets/svg/workspace-300.tsx +17 -0
- 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 +40 -47
- package/src/components/Checkbox/Checkbox.stories.tsx +9 -2
- package/src/components/Checkbox/Checkbox.tsx +60 -63
- 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/Icon/getIconFromConstant.tsx +69 -36
- 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 +13 -1
- package/src/components/Input/Input.tsx +6 -3
- 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 +65 -70
- package/src/components/RadioButton/RadioButton.tsx +45 -44
- package/src/components/RadioButton/RadioButton.types.ts +0 -4
- package/src/components/SelectInput/SelectInput.module.scss +5 -19
- package/src/components/SelectInput/SelectInput.tsx +9 -5
- package/src/components/SortableTable/SortableTable.module.scss +1 -2
- 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/TextAreaInput/TextAreaInput.tsx +5 -1
- package/src/components/Typography/Typography.module.scss +8 -8
- package/src/components/Typography/Typography.tsx +1 -1
- package/src/constants.ts +23 -26
- package/src/styles/colors.scss +8 -3
- package/src/styles/mixins.scss +126 -44
- 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/assets/svg/banner.tsx +0 -16
- package/src/assets/svg/classificationAdd.tsx +0 -13
- package/src/assets/svg/strategy.tsx +0 -13
- package/src/assets/svg/taxonomy.tsx +0 -13
- 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
- /package/lib/assets/svg/{banner.d.ts → banner-200.d.ts} +0 -0
- /package/lib/assets/svg/{benchmarks.d.ts → banner-300.d.ts} +0 -0
- /package/lib/assets/svg/{classificationAdd.d.ts → benchmarks-200.d.ts} +0 -0
- /package/lib/assets/svg/{folder.d.ts → benchmarks-300.d.ts} +0 -0
- /package/lib/assets/svg/{strategy.d.ts → classificationAdd-200.d.ts} +0 -0
- /package/lib/assets/svg/{taxonomy.d.ts → classificationAdd-300.d.ts} +0 -0
- /package/lib/assets/svg/{workspace.d.ts → folder-200.d.ts} +0 -0
- /package/src/assets/svg/{benchmarks.tsx → benchmarks-200.tsx} +0 -0
- /package/src/assets/svg/{folder.tsx → folder-300.tsx} +0 -0
- /package/src/assets/svg/{workspace.tsx → workspace-200.tsx} +0 -0
|
@@ -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
|
@@ -19,8 +19,10 @@ export declare enum IconTypes {
|
|
|
19
19
|
ARROW_RIGHT = "iconArrowRight",
|
|
20
20
|
ARROW_UP = "iconArrowUp",
|
|
21
21
|
ATTACHMENT = "iconAttachment",
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
BANNER_200 = "iconBanner200",
|
|
23
|
+
BANNER_300 = "iconBanner300",
|
|
24
|
+
BENCHMARKS_200 = "iconBenchMarks200",
|
|
25
|
+
BENCHMARKS_300 = "iconBenchMarks300",
|
|
24
26
|
BLOCK = "iconBlock",
|
|
25
27
|
CANCEL_TRIAL = "iconCancelTrial",
|
|
26
28
|
CARD_MODE = "iconCardMode",
|
|
@@ -33,10 +35,10 @@ export declare enum IconTypes {
|
|
|
33
35
|
CHEVRON_RIGHT = "iconChevronRight",
|
|
34
36
|
CHEVRON_UP = "iconChevronUp",
|
|
35
37
|
CLASSIFICATION = "iconClassification",
|
|
36
|
-
|
|
38
|
+
CLASSIFICATION_ADD_200 = "iconClassificationAdd200",
|
|
39
|
+
CLASSIFICATION_ADD_300 = "iconClassificationAdd300",
|
|
37
40
|
CLASSIFICATION_SPARKLE = "iconClassificationSparkle",
|
|
38
41
|
CLIP_BOARD = "iconClipBoard",
|
|
39
|
-
WORKSPACE = "iconWorkspace",
|
|
40
42
|
COMMENT = "iconComment",
|
|
41
43
|
COMPARE = "iconCompare",
|
|
42
44
|
COPY = "iconCopy",
|
|
@@ -64,7 +66,8 @@ export declare enum IconTypes {
|
|
|
64
66
|
ETHERNET = "iconEthernet",
|
|
65
67
|
FILTER = "iconFilter",
|
|
66
68
|
FILTER_SETTINGS = "iconFilterSettings",
|
|
67
|
-
|
|
69
|
+
FOLDER_200 = "iconFolder200",
|
|
70
|
+
FOLDER_300 = "iconFolder300",
|
|
68
71
|
FOLDER_FILLED = "iconFolderFilled",
|
|
69
72
|
FORMAT_FONT_SIZE = "iconFormatFontSize",
|
|
70
73
|
FORMAT_IMAGE_BOTTOM = "iconFormatImgBottom",
|
|
@@ -98,7 +101,7 @@ export declare enum IconTypes {
|
|
|
98
101
|
LOCK = "iconLock",
|
|
99
102
|
MASONRY = "iconMasonry",
|
|
100
103
|
MENU = "iconMenu",
|
|
101
|
-
MINIMIZE_ARROWS = "iconMinimizeArrows"
|
|
104
|
+
MINIMIZE_ARROWS = "iconMinimizeArrows",
|
|
102
105
|
MINUS = "iconMinus",
|
|
103
106
|
MONITORING_LOGO = "iconMonitoringLogo",
|
|
104
107
|
MOVIE = "iconMovie",
|
|
@@ -111,10 +114,11 @@ export declare enum IconTypes {
|
|
|
111
114
|
NEWSLETTER_OPENED = "iconNewsLetterOpened",
|
|
112
115
|
NEWSLETTER_SENDER = "iconNewsLetterSender",
|
|
113
116
|
NEWSLETTER_TEMPLATE_200 = "iconNewsLetterTemplate200",
|
|
117
|
+
NEWSLETTER_TEMPLATE_300 = "iconNewsLetterTemplate300",
|
|
114
118
|
NOTIFICATION_200 = "iconNotification200",
|
|
115
119
|
NOTIFICATION_300 = "iconNotification300",
|
|
116
120
|
NOTIFICATION_ACTIVE = "iconNotificationActive",
|
|
117
|
-
NOTIFICATION_SETTINGS = "iconNotificationSettings"
|
|
121
|
+
NOTIFICATION_SETTINGS = "iconNotificationSettings",
|
|
118
122
|
NOTIFICATION_OFF = "iconNotificationOff",
|
|
119
123
|
NOTIFICATION_PLUS = "iconNotificationPlus",
|
|
120
124
|
NO_CHANGE = "iconNoChange",
|
|
@@ -123,7 +127,7 @@ export declare enum IconTypes {
|
|
|
123
127
|
PALETTE = "iconPalette",
|
|
124
128
|
PAUSE = "iconPause",
|
|
125
129
|
PAUSE_CIRCLE = "iconPauseCircle",
|
|
126
|
-
PDF = "iconPdf"
|
|
130
|
+
PDF = "iconPdf",
|
|
127
131
|
PHONE = "iconPhone",
|
|
128
132
|
PHOTO = "iconPhoto",
|
|
129
133
|
PHOTOS = "iconPhotos",
|
|
@@ -146,12 +150,15 @@ export declare enum IconTypes {
|
|
|
146
150
|
RESET = "iconReset",
|
|
147
151
|
RSS = "iconRss",
|
|
148
152
|
SCHEDULE = "iconSchedule",
|
|
153
|
+
SAVED_SEARCH_200 = "iconSavedSearch200",
|
|
154
|
+
SAVED_SEARCH_300 = "iconSavedSearch300",
|
|
149
155
|
SEARCH_200 = "iconSearch200",
|
|
150
156
|
SEARCH_300 = "iconSearch300",
|
|
151
157
|
SEARCH_USER = "iconSearchUser",
|
|
152
158
|
SEND = "iconSend",
|
|
153
159
|
SEND_LIST = "iconSendList",
|
|
154
160
|
SETTINGS_200 = "iconSettings200",
|
|
161
|
+
SETTINGS_300 = "iconSettings300",
|
|
155
162
|
SHARE = "iconShare",
|
|
156
163
|
SORT = "iconSort",
|
|
157
164
|
SSO = "iconSSO",
|
|
@@ -160,15 +167,17 @@ export declare enum IconTypes {
|
|
|
160
167
|
SPARKLE_FILLED = "iconSparkleFilled",
|
|
161
168
|
STATISTICS_200 = "iconStatistics200",
|
|
162
169
|
STATISTICS_300 = "iconStatistics300",
|
|
163
|
-
|
|
170
|
+
STRATEGY_200 = "iconStrategy200",
|
|
171
|
+
STRATEGY_300 = "iconStrategy300",
|
|
164
172
|
SUGGESTION = "iconSuggestion",
|
|
165
173
|
SUMMARIZE = "iconSummarize",
|
|
166
|
-
|
|
174
|
+
TAXONOMY_200 = "iconTaxonomy200",
|
|
175
|
+
TAXONOMY_300 = "iconTaxonomy300",
|
|
167
176
|
TRANSLATE = "iconTranslate",
|
|
168
177
|
TRASH = "iconTrash",
|
|
169
178
|
TRIAL = "iconTrial",
|
|
170
179
|
TEXT_ADD = "iconTextAdd",
|
|
171
|
-
TEXT_REPLACE = "iconTextReplace"
|
|
180
|
+
TEXT_REPLACE = "iconTextReplace",
|
|
172
181
|
UNFOLD_LESS = "iconUnfoldLess",
|
|
173
182
|
UNFOLD_MORE = "iconUnfoldMore",
|
|
174
183
|
UP = "iconUp",
|
|
@@ -185,7 +194,9 @@ export declare enum IconTypes {
|
|
|
185
194
|
ZOOM_IN = "iconZoomIn",
|
|
186
195
|
ZOOM_OUT = "iconZoomOut",
|
|
187
196
|
UNDO = "iconUndo",
|
|
188
|
-
REDO = "iconRedo"
|
|
197
|
+
REDO = "iconRedo",
|
|
198
|
+
WORKSPACE_200 = "iconWorkspace200",
|
|
199
|
+
WORKSPACE_300 = "iconWorkspace300"
|
|
189
200
|
}
|
|
190
201
|
export declare enum HierarchyTypes {
|
|
191
202
|
PRIMARY = "primary",
|
|
@@ -236,19 +247,6 @@ export declare enum ColorTypes {
|
|
|
236
247
|
MAIN_GREY = "mainGrey",
|
|
237
248
|
MAIN_DARK = "mainDark"
|
|
238
249
|
}
|
|
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
250
|
export declare enum SizeTypes {
|
|
253
251
|
EXTRA_SMALL = "extraSmall",
|
|
254
252
|
SMALL = "small",
|