widenarrow-ui 1.0.36 → 1.0.38

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/Button/Button.types.d.ts +1 -1
  2. package/lib/components/DropDown/DropDown.stories.d.ts +3 -2
  3. package/lib/components/DropDown/DropDown.types.d.ts +0 -1
  4. package/lib/components/DropDownItem/DropDownItem.types.d.ts +4 -2
  5. package/lib/components/InlineButton/InlineButton.types.d.ts +1 -0
  6. package/lib/constants.d.ts +1 -0
  7. package/lib/index.css +1 -1
  8. package/lib/index.d.ts +23 -20
  9. package/lib/index.esm.css +1 -1
  10. package/lib/index.esm.js +48 -33
  11. package/lib/index.esm.js.map +1 -1
  12. package/lib/index.js +48 -33
  13. package/lib/index.js.map +1 -1
  14. package/lib/types/styling.types.d.ts +7 -7
  15. package/package.json +1 -1
  16. package/src/components/Button/Button.module.scss +2 -3
  17. package/src/components/Button/Button.stories.tsx +2 -1
  18. package/src/components/Button/Button.tsx +6 -2
  19. package/src/components/Button/Button.types.ts +1 -1
  20. package/src/components/DropDown/DropDown.module.scss +4 -1
  21. package/src/components/DropDown/DropDown.stories.tsx +54 -29
  22. package/src/components/DropDown/DropDown.tsx +9 -3
  23. package/src/components/DropDown/DropDown.types.ts +0 -1
  24. package/src/components/DropDownItem/DropDownItem.module.scss +30 -1
  25. package/src/components/DropDownItem/DropDownItem.stories.tsx +19 -2
  26. package/src/components/DropDownItem/DropDownItem.tsx +14 -4
  27. package/src/components/DropDownItem/DropDownItem.types.ts +4 -2
  28. package/src/components/Icon/Icon.tsx +1 -1
  29. package/src/components/IconButton/IconButton.tsx +1 -1
  30. package/src/components/InlineButton/InlineButton.module.scss +36 -1
  31. package/src/components/InlineButton/InlineButton.tsx +29 -10
  32. package/src/components/InlineButton/InlineButton.types.ts +1 -0
  33. package/src/components/Input/Input.stories.tsx +7 -2
  34. package/src/components/SolidSpinner/SolidSpinner.module.scss +30 -25
  35. package/src/components/SolidSpinner/SolidSpinner.tsx +20 -5
  36. package/src/components/ToolTip/ToolTip.tsx +1 -1
  37. package/src/constants.ts +1 -0
  38. package/src/styles/mixins.scss +87 -32
  39. package/src/types/styling.types.ts +7 -7
package/lib/components/Button/Button.types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { CSSProperties, MouseEvent, ReactNode } from 'react';
2
- import { HierarchyTypes, IconTypes, SizeTypes } from '../../constants';
2
+ import { HierarchyTypes, IconTypes, SizeTypes } from 'src/constants';
3
3
  export interface ButtonProps {
4
4
  text?: string;
5
5
  onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
package/lib/components/DropDown/DropDown.stories.d.ts CHANGED
@@ -3,5 +3,6 @@ import { DropDown } from 'src/components/DropDown';
3
3
  declare const meta: Meta<typeof DropDown>;
4
4
  export default meta;
5
5
  declare type Story = StoryObj<typeof DropDown>;
6
- export declare const Primary: Story;
7
- export declare const Secondary: Story;
6
+ export declare const Default: Story;
7
+ export declare const WithActiveSelect: Story;
8
+ export declare const Complex: Story;
package/lib/components/DropDown/DropDown.types.d.ts CHANGED
@@ -13,7 +13,6 @@ export interface DropDownProps {
13
13
  loading?: boolean;
14
14
  childrenIsList?: boolean;
15
15
  withVisibleOverflow?: boolean;
16
- closeDropDownOnClick?: boolean;
17
16
  placement?: Placement;
18
17
  strategy?: PositioningStrategy;
19
18
  offset?: {
package/lib/components/DropDownItem/DropDownItem.types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { MouseEvent, ReactNode } from 'react';
2
- import { ColorTypes, HierarchyTypes, IconTypes, SizeTypes } from '../../constants';
2
+ import { ColorTypes, HierarchyTypes, IconTypes, SizeTypes } from 'src/constants';
3
3
  export interface DropDownItemProps {
4
- text: string;
4
+ text?: string;
5
5
  onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
6
6
  size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
7
7
  active?: boolean;
@@ -14,6 +14,7 @@ export interface DropDownItemProps {
14
14
  leftIcon?: Partial<IconTypes>;
15
15
  rightIcon?: Partial<IconTypes>;
16
16
  rightComponent?: ReactNode;
17
+ children?: ReactNode | ReactNode[];
17
18
  iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
18
19
  iconColor?: Partial<ColorTypes>;
19
20
  textColor?: Partial<ColorTypes>;
@@ -21,5 +22,6 @@ export interface DropDownItemProps {
21
22
  textAlign?: string;
22
23
  fontWeight?: string;
23
24
  iconClassName?: string;
25
+ dark?: boolean;
24
26
  closeDropDownOnClick?: boolean;
25
27
  }
package/lib/components/InlineButton/InlineButton.types.d.ts CHANGED
@@ -9,6 +9,7 @@ export interface InlineButtonProps {
9
9
  className?: string;
10
10
  children?: ReactNode;
11
11
  icon?: Partial<IconTypes>;
12
+ iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
12
13
  rotateIcon?: boolean;
13
14
  rotateIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
14
15
  iconClassName?: string;
package/lib/constants.d.ts CHANGED
@@ -205,6 +205,7 @@ export declare enum ColorTypes {
205
205
  WHITE = "white",
206
206
  BLUE = "blue",
207
207
  LIGHT_BLUE = "lightBlue",
208
+ DARKER_BLUE = "darkerBlue",
208
209
  GREEN = "green",
209
210
  RED = "red",
210
211
  ORANGE = "orange",