widenarrow-ui 1.1.3 → 1.1.5

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 (39) hide show
  1. package/lib/components/Checkbox/Checkbox.stories.d.ts +1 -0
  2. package/lib/components/IconButton/IconButton.stories.d.ts +2 -1
  3. package/lib/components/IconButton/IconButton.types.d.ts +3 -2
  4. package/lib/components/SelectInput/SelectInput.types.d.ts +1 -1
  5. package/lib/constants.d.ts +13 -9
  6. package/lib/index.css +1 -1
  7. package/lib/index.d.ts +16 -11
  8. package/lib/index.esm.css +1 -1
  9. package/lib/index.esm.js +63 -53
  10. package/lib/index.esm.js.map +1 -1
  11. package/lib/index.js +63 -53
  12. package/lib/index.js.map +1 -1
  13. package/package.json +1 -1
  14. package/src/components/Checkbox/Checkbox.module.scss +9 -20
  15. package/src/components/Checkbox/Checkbox.stories.tsx +9 -0
  16. package/src/components/Checkbox/Checkbox.tsx +9 -6
  17. package/src/components/DropDown/DropDown.stories.tsx +4 -4
  18. package/src/components/DropDownItem/DropDownItem.module.scss +2 -12
  19. package/src/components/DropDownItem/DropDownItem.tsx +13 -8
  20. package/src/components/Icon/Icon.module.scss +1 -1
  21. package/src/components/Icon/Icon.tsx +1 -1
  22. package/src/components/IconButton/IconButton.module.scss +18 -52
  23. package/src/components/IconButton/IconButton.stories.tsx +42 -8
  24. package/src/components/IconButton/IconButton.tsx +8 -3
  25. package/src/components/IconButton/IconButton.types.ts +3 -2
  26. package/src/components/InlineButton/InlineButton.module.scss +3 -14
  27. package/src/components/ListItem/ListItem.tsx +1 -1
  28. package/src/components/RadioButton/RadioButton.module.scss +12 -21
  29. package/src/components/RadioButton/RadioButton.tsx +1 -1
  30. package/src/components/SelectInput/SelectInput.tsx +2 -2
  31. package/src/components/SelectInput/SelectInput.types.ts +1 -1
  32. package/src/components/Separator/Separator.tsx +1 -1
  33. package/src/components/SolidSpinner/SolidSpinner.module.scss +1 -1
  34. package/src/components/SwitchButton/SwitchButton.module.scss +0 -11
  35. package/src/components/Typography/Typography.module.scss +1 -47
  36. package/src/components/Typography/Typography.tsx +1 -1
  37. package/src/constants.ts +14 -9
  38. package/src/styles/colors.scss +23 -20
  39. package/src/styles/mixins.scss +146 -68
package/lib/components/Checkbox/Checkbox.stories.d.ts CHANGED
@@ -5,6 +5,7 @@ export default meta;
5
5
  type Story = StoryObj<typeof Checkbox>;
6
6
  export declare const Checked: Story;
7
7
  export declare const WithEllipsis: Story;
8
+ export declare const WithWordWrap: Story;
8
9
  export declare const Indeterminate: Story;
9
10
  export declare const Unchecked: Story;
10
11
  export declare const WithLabelAndHelperText: Story;
package/lib/components/IconButton/IconButton.stories.d.ts CHANGED
@@ -5,4 +5,5 @@ export default meta;
5
5
  type Story = StoryObj<typeof IconButton>;
6
6
  export declare const Default: Story;
7
7
  export declare const Primary: Story;
8
- export declare const Secondary: Story;
8
+ export declare const WithWhiteBackground: Story;
9
+ export declare const WithColorBackground: Story;
package/lib/components/IconButton/IconButton.types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { MouseEvent, CSSProperties } from 'react';
2
- import { IconStyleInterface, SizeStyleInterface } from '../../types/styling.types';
2
+ import { IconStyleInterface } from '../../types/styling.types';
3
3
  import { ColorTypes, HierarchyTypes, SizeTypes } from '../../constants';
4
- export interface IconButtonProps extends IconStyleInterface, SizeStyleInterface {
4
+ export interface IconButtonProps extends IconStyleInterface {
5
5
  className?: string;
6
6
  rotateIcon?: boolean;
7
7
  id?: string | number;
@@ -11,6 +11,7 @@ export interface IconButtonProps extends IconStyleInterface, SizeStyleInterface
11
11
  onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
12
12
  style?: CSSProperties;
13
13
  iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
14
+ size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
14
15
  iconColor?: Partial<ColorTypes>;
15
16
  href?: string;
16
17
  disabled?: boolean;
package/lib/components/SelectInput/SelectInput.types.d.ts CHANGED
@@ -8,7 +8,7 @@ export interface SelectInputProps {
8
8
  className?: string;
9
9
  inputClassName?: string;
10
10
  defaultOption?: string;
11
- size: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
11
+ size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
12
12
  disabled?: boolean;
13
13
  error?: string;
14
14
  helperText?: string;
package/lib/constants.d.ts CHANGED
@@ -227,7 +227,10 @@ export declare enum ColorTypes {
227
227
  PURPLE_6 = "purple6",
228
228
  PURPLE_7 = "purple7",
229
229
  PINK = "pink",
230
- MINT = "mint"
230
+ MINT = "mint",
231
+ MAIN_PURPLE = "mainPurple",
232
+ MAIN_GREY = "mainGrey",
233
+ MAIN_DARK = "mainDark"
231
234
  }
232
235
  export declare enum SizeTypes {
233
236
  EXTRA_SMALL = "extraSmall",
@@ -262,16 +265,17 @@ export declare enum AppColors {
262
265
  GREY_3 = "#c1c1c1",
263
266
  GREY_4 = "#8e8e8e",
264
267
  GREY_5 = "#464646",
265
- GREY_6 = "#1c202b",
266
268
  BLACK = "#000000",
267
269
  CUSTOM = "custom",
268
270
  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",
271
+ PURPLE_2 = "#a38efa",
272
+ PURPLE_3 = "#6641fa",
273
+ PURPLE_4 = "#4228ae",
274
+ PURPLE_5 = "#2a2e52",
275
+ PURPLE_6 = "#1c202b",
275
276
  PINK = "#bb4ac5",
276
- MINT = "#d3e5e4"
277
+ MINT = "#d3e5e4",
278
+ MAIN_PURPLE = "#6641fa",
279
+ MAIN_GREY = "#464646",
280
+ MAIN_DARK = "#1c202b"
277
281
  }