widenarrow-ui 1.0.37 → 1.0.39

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 (29) 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 +3 -3
  5. package/lib/components/Input/Input.types.d.ts +1 -1
  6. package/lib/index.css +1 -1
  7. package/lib/index.d.ts +21 -22
  8. package/lib/index.esm.css +1 -1
  9. package/lib/index.esm.js +25 -19
  10. package/lib/index.esm.js.map +1 -1
  11. package/lib/index.js +25 -19
  12. package/lib/index.js.map +1 -1
  13. package/lib/types/styling.types.d.ts +7 -7
  14. package/package.json +1 -1
  15. package/src/components/Button/Button.module.scss +2 -2
  16. package/src/components/Button/Button.stories.tsx +2 -1
  17. package/src/components/Button/Button.tsx +1 -1
  18. package/src/components/Button/Button.types.ts +1 -1
  19. package/src/components/DropDown/DropDown.module.scss +14 -1
  20. package/src/components/DropDown/DropDown.stories.tsx +19 -6
  21. package/src/components/DropDown/DropDown.tsx +4 -4
  22. package/src/components/DropDown/DropDown.types.ts +0 -1
  23. package/src/components/DropDownItem/DropDownItem.module.scss +10 -0
  24. package/src/components/DropDownItem/DropDownItem.tsx +14 -5
  25. package/src/components/DropDownItem/DropDownItem.types.ts +3 -3
  26. package/src/components/Input/Input.types.ts +1 -1
  27. package/src/styles/mixins.scss +76 -28
  28. package/src/styles/variables.scss +1 -1
  29. package/src/types/styling.types.ts +7 -7
package/lib/index.d.ts CHANGED
@@ -13,13 +13,13 @@ interface MarginInterface {
13
13
  marginLeft?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '025' | '05' | '15' | '25' | 'auto';
14
14
  }
15
15
  interface PaddingInterface {
16
- padding?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '025' | '05' | '15' | '25' | 'auto';
17
- paddingX?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8';
18
- paddingY?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8';
19
- paddingTop?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '025' | '05' | '15' | '25' | 'auto';
20
- paddingBottom?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '025' | '05' | '15' | '25' | 'auto';
21
- paddingRight?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '025' | '05' | '15' | '25' | 'auto';
22
- paddingLeft?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '025' | '05' | '15' | '25' | 'auto';
16
+ padding?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '025' | '05' | '15' | '25';
17
+ paddingX?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '025' | '05' | '15' | '25';
18
+ paddingY?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '025' | '05' | '15' | '25';
19
+ paddingTop?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '025' | '05' | '15' | '25';
20
+ paddingBottom?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '025' | '05' | '15' | '25';
21
+ paddingRight?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '025' | '05' | '15' | '25';
22
+ paddingLeft?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '025' | '05' | '15' | '25';
23
23
  }
24
24
  interface FlexStylingInterface {
25
25
  alignItems?: 'center' | 'flexStart' | 'flexEnd' | 'spaceAround' | 'spaceBetween';
@@ -340,10 +340,10 @@ declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttribute
340
340
  interface ButtonProps {
341
341
  text?: string;
342
342
  onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
343
- type?: Partial<HierarchyTypes>;
344
- size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
345
- icon?: Partial<IconTypes>;
346
- iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE | SizeTypes.AUTO;
343
+ type?: Partial<HierarchyTypes$1>;
344
+ size?: SizeTypes$1.SMALL | SizeTypes$1.MEDIUM | SizeTypes$1.LARGE;
345
+ icon?: Partial<IconTypes$1>;
346
+ iconSize?: SizeTypes$1.SMALL | SizeTypes$1.MEDIUM | SizeTypes$1.LARGE | SizeTypes$1.AUTO;
347
347
  withIconLeft?: boolean;
348
348
  disabled?: boolean;
349
349
  className?: string;
@@ -430,7 +430,6 @@ interface DropDownProps {
430
430
  loading?: boolean;
431
431
  childrenIsList?: boolean;
432
432
  withVisibleOverflow?: boolean;
433
- closeDropDownOnClick?: boolean;
434
433
  placement?: Placement;
435
434
  strategy?: PositioningStrategy;
436
435
  offset?: {
@@ -445,22 +444,22 @@ interface DropDownProps {
445
444
  declare const DropDown: FC<DropDownProps>;
446
445
 
447
446
  interface DropDownItemProps {
448
- text: string;
447
+ text?: string;
449
448
  onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
450
- size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
449
+ size?: SizeTypes$1.SMALL | SizeTypes$1.MEDIUM | SizeTypes$1.LARGE;
451
450
  active?: boolean;
452
- withChevronRight?: boolean;
453
451
  withEllipsis?: boolean;
454
452
  disabled?: boolean;
455
453
  wrapperElement?: 'div' | 'li';
456
454
  className?: string;
457
- type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY;
458
- leftIcon?: Partial<IconTypes>;
459
- rightIcon?: Partial<IconTypes>;
455
+ type?: HierarchyTypes$1.PRIMARY | HierarchyTypes$1.SECONDARY;
456
+ leftIcon?: Partial<IconTypes$1>;
457
+ rightIcon?: Partial<IconTypes$1>;
460
458
  rightComponent?: ReactNode;
461
- iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
462
- iconColor?: Partial<ColorTypes>;
463
- textColor?: Partial<ColorTypes>;
459
+ children?: ReactNode | ReactNode[];
460
+ iconSize?: SizeTypes$1.SMALL | SizeTypes$1.MEDIUM | SizeTypes$1.LARGE;
461
+ iconColor?: Partial<ColorTypes$1>;
462
+ textColor?: Partial<ColorTypes$1>;
464
463
  fontSize?: string;
465
464
  textAlign?: string;
466
465
  fontWeight?: string;
@@ -585,7 +584,7 @@ interface IconInterface {
585
584
  }
586
585
  interface InputProps {
587
586
  name: string;
588
- value: string;
587
+ value: string | number;
589
588
  autoComplete?: string;
590
589
  autoFocus?: boolean;
591
590
  className?: string;