widenarrow-ui 1.0.55 → 1.1.1

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 (51) hide show
  1. package/lib/components/DropDown/DropDown.types.d.ts +0 -1
  2. package/lib/components/DropDownItem/DropDownItem.types.d.ts +1 -3
  3. package/lib/components/SolidSpinner/SolidSpinner.types.d.ts +1 -1
  4. package/lib/constants.d.ts +25 -17
  5. package/lib/index.css +1 -1
  6. package/lib/index.d.ts +26 -21
  7. package/lib/index.esm.css +1 -1
  8. package/lib/index.esm.js +82 -80
  9. package/lib/index.esm.js.map +1 -1
  10. package/lib/index.js +82 -80
  11. package/lib/index.js.map +1 -1
  12. package/package.json +1 -1
  13. package/src/components/Button/Button.tsx +2 -2
  14. package/src/components/Card/Card.module.scss +2 -2
  15. package/src/components/Checkbox/Checkbox.module.scss +30 -19
  16. package/src/components/Checkbox/Checkbox.tsx +10 -10
  17. package/src/components/DropDown/DropDown.module.scss +3 -18
  18. package/src/components/DropDown/DropDown.stories.tsx +6 -14
  19. package/src/components/DropDown/DropDown.tsx +2 -7
  20. package/src/components/DropDown/DropDown.types.ts +0 -1
  21. package/src/components/DropDownItem/DropDownItem.module.scss +8 -56
  22. package/src/components/DropDownItem/DropDownItem.tsx +4 -9
  23. package/src/components/DropDownItem/DropDownItem.types.ts +1 -3
  24. package/src/components/FacetButton/FacetButton.module.scss +17 -22
  25. package/src/components/Icon/Icon.module.scss +2 -2
  26. package/src/components/Icon/Icon.tsx +1 -1
  27. package/src/components/Icon/Icon.types.ts +1 -1
  28. package/src/components/IconButton/IconButton.module.scss +21 -29
  29. package/src/components/IconButton/IconButton.stories.tsx +1 -1
  30. package/src/components/InlineButton/InlineButton.module.scss +42 -90
  31. package/src/components/InlineButton/InlineButton.stories.tsx +1 -2
  32. package/src/components/InlineButton/InlineButton.tsx +2 -2
  33. package/src/components/Input/Input.module.scss +1 -1
  34. package/src/components/ListItem/ListItem.module.scss +2 -2
  35. package/src/components/MultiActionButton/MultiActionButton.module.scss +11 -25
  36. package/src/components/MultiActionButton/MultiActionButton.tsx +1 -1
  37. package/src/components/Pagination/Pagination.module.scss +3 -3
  38. package/src/components/RadioButton/RadioButton.module.scss +41 -41
  39. package/src/components/RadioButton/RadioButton.tsx +6 -5
  40. package/src/components/SelectInput/SelectInput.module.scss +1 -1
  41. package/src/components/SelectInput/SelectInput.tsx +0 -1
  42. package/src/components/SolidSpinner/SolidSpinner.module.scss +15 -5
  43. package/src/components/SolidSpinner/SolidSpinner.tsx +3 -2
  44. package/src/components/SolidSpinner/SolidSpinner.types.ts +1 -1
  45. package/src/components/SortableTable/SortableTable.module.scss +1 -1
  46. package/src/components/SwitchButton/SwitchButton.module.scss +82 -72
  47. package/src/components/SwitchButton/SwitchButton.tsx +11 -17
  48. package/src/components/Typography/Typography.module.scss +4 -12
  49. package/src/constants.ts +27 -17
  50. package/src/styles/colors.scss +52 -99
  51. package/src/styles/mixins.scss +186 -94
@@ -8,7 +8,6 @@ export interface DropDownProps {
8
8
  title?: string;
9
9
  className?: string;
10
10
  childrenClassName?: string;
11
- dark?: boolean;
12
11
  withArrow?: boolean;
13
12
  loading?: boolean;
14
13
  childrenIsList?: boolean;
@@ -1,5 +1,5 @@
1
1
  import { MouseEvent, ReactNode } from 'react';
2
- import { ColorTypes, HierarchyTypes, IconTypes, SizeTypes } from '../../constants';
2
+ import { ColorTypes, IconTypes, SizeTypes } from '../../constants';
3
3
  export interface DropDownItemProps {
4
4
  text?: string;
5
5
  onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
@@ -9,7 +9,6 @@ export interface DropDownItemProps {
9
9
  disabled?: boolean;
10
10
  wrapperElement?: 'div' | 'li';
11
11
  className?: string;
12
- type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY;
13
12
  leftIcon?: Partial<IconTypes>;
14
13
  rightIcon?: Partial<IconTypes>;
15
14
  rightComponent?: ReactNode;
@@ -21,6 +20,5 @@ export interface DropDownItemProps {
21
20
  textAlign?: string;
22
21
  fontWeight?: string;
23
22
  iconClassName?: string;
24
- dark?: boolean;
25
23
  closeDropDownOnClick?: boolean;
26
24
  }
@@ -1,6 +1,6 @@
1
1
  import { HierarchyTypes, SizeTypes } from '../../constants';
2
2
  export interface SolidSpinnerProps {
3
- type?: Partial<HierarchyTypes>;
3
+ type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY | HierarchyTypes.TERTIARY | HierarchyTypes.QUATERNARY;
4
4
  size?: SizeTypes.EXTRA_SMALL | SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
5
5
  disabled?: boolean;
6
6
  className?: string;
@@ -206,9 +206,6 @@ export declare enum AspectRatioTypes {
206
206
  }
207
207
  export declare enum ColorTypes {
208
208
  WHITE = "white",
209
- BLUE = "blue",
210
- LIGHT_BLUE = "lightBlue",
211
- DARKER_BLUE = "darkerBlue",
212
209
  GREEN = "green",
213
210
  RED = "red",
214
211
  ORANGE = "orange",
@@ -219,10 +216,18 @@ export declare enum ColorTypes {
219
216
  GREY_4 = "grey4",
220
217
  GREY_5 = "grey5",
221
218
  GREY_6 = "grey6",
222
- GREY_7 = "grey7",
223
219
  BLACK = "black",
224
220
  INHERIT = "inherit",
225
- CURRENT = "current"
221
+ CURRENT = "current",
222
+ PURPLE_1 = "purple1",
223
+ PURPLE_2 = "purple2",
224
+ PURPLE_3 = "purple3",
225
+ PURPLE_4 = "purple4",
226
+ PURPLE_5 = "purple5",
227
+ PURPLE_6 = "purple6",
228
+ PURPLE_7 = "purple7",
229
+ PINK = "pink",
230
+ MINT = "mint"
226
231
  }
227
232
  export declare enum SizeTypes {
228
233
  EXTRA_SMALL = "extraSmall",
@@ -247,23 +252,26 @@ export declare enum FontFamilyTypes {
247
252
  export declare enum AppColors {
248
253
  TRANSPARENT = "transparent",
249
254
  WHITE = "#ffffff",
250
- BLUE = "#0069c1",
251
- LIGHT_BLUE = "#129dfa",
252
255
  GREEN = "#058736",
253
256
  RED = "#d0341b",
254
257
  ORANGE = "#ff8f00",
255
258
  YELLOW = "#ffc107",
256
259
  RSS = "#f1b355",
257
- GREY_1 = "#f1f1f1",
258
- GREY_2 = "#dbdbdb",
259
- GREY_3 = "#a2a4a6",
260
- GREY_4 = "#707070",
260
+ GREY_1 = "#f4f5f7",
261
+ GREY_2 = "#d7d7d7",
262
+ GREY_3 = "#c1c1c1",
263
+ GREY_4 = "#8e8e8e",
261
264
  GREY_5 = "#464646",
262
- GREY_6 = "#2b2f3e",
263
- GREY_7 = "#19191a",
265
+ GREY_6 = "#1c202b",
264
266
  BLACK = "#000000",
265
- SKELETON_LIGHT_GREY = "#f1f1f1",
266
- SKELETON_NESTED_GREY = "#c1c1c1",
267
- SKELETON_NESTED_LIGHT_GREY = "#e6e6e6",
268
- CUSTOM = "custom"
267
+ CUSTOM = "custom",
268
+ PURPLE_1 = "#ebe7fc",
269
+ PURPLE_2 = "#b19cff",
270
+ PURPLE_3 = "#9e85ff",
271
+ PURPLE_4 = "#6d66d6",
272
+ PURPLE_5 = "#5550b1",
273
+ PURPLE_6 = "#35385b",
274
+ PURPLE_7 = "#1d202b",
275
+ PINK = "#bb4ac5",
276
+ MINT = "#d3e5e4"
269
277
  }