pixel-react 1.1.6 → 1.1.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (46) hide show
  1. package/lib/components/AddButton/AddButton.d.ts +5 -0
  2. package/lib/components/AddButton/AddButton.stories.d.ts +6 -0
  3. package/lib/components/AddButton/index.d.ts +1 -0
  4. package/lib/components/AddButton/types.d.ts +4 -0
  5. package/lib/components/IconButton/IconButton.stories.d.ts +1 -0
  6. package/lib/components/Input/Input.d.ts +1 -1
  7. package/lib/components/Input/types.d.ts +4 -0
  8. package/lib/components/MiniModal/MiniModal.stories.d.ts +1 -1
  9. package/lib/components/MiniModal/types.d.ts +12 -0
  10. package/lib/index.d.ts +5 -1
  11. package/lib/index.esm.js +489 -96
  12. package/lib/index.esm.js.map +1 -1
  13. package/lib/index.js +489 -96
  14. package/lib/index.js.map +1 -1
  15. package/lib/utils/find/findAndInsert.d.ts +7 -0
  16. package/lib/utils/find/findAndInsert.stories.d.ts +7 -0
  17. package/package.json +1 -1
  18. package/src/assets/Themes/BaseTheme.scss +8 -1
  19. package/src/assets/Themes/DarkTheme.scss +7 -0
  20. package/src/assets/icons/app_switch.svg +11 -0
  21. package/src/assets/icons/backward_icon.svg +3 -0
  22. package/src/assets/icons/cloud_server_host_icon.svg +3 -0
  23. package/src/assets/icons/continue_without_sign.svg +3 -0
  24. package/src/assets/icons/forward_icon.svg +3 -0
  25. package/src/assets/icons/hamburger_menu.svg +3 -0
  26. package/src/assets/icons/plus_user_icon.svg +3 -0
  27. package/src/assets/icons/reload.svg +3 -0
  28. package/src/assets/icons/toast_close.svg +2 -2
  29. package/src/assets/icons/user_profile.svg +3 -0
  30. package/src/assets/icons/window_maximize.svg +4 -0
  31. package/src/assets/icons/window_minimize.svg +3 -0
  32. package/src/components/AppHeader/AppHeader.scss +2 -1
  33. package/src/components/Chip/Chip.scss +14 -13
  34. package/src/components/Icon/Icon.stories.tsx +1 -1
  35. package/src/components/Icon/Icons.scss +1 -1
  36. package/src/components/Icon/iconList.ts +23 -0
  37. package/src/components/IconButton/IconButton.scss +23 -12
  38. package/src/components/IconButton/IconButton.stories.tsx +9 -1
  39. package/src/components/IconButton/IconButton.tsx +5 -3
  40. package/src/components/Input/Input.scss +6 -1
  41. package/src/components/Input/Input.tsx +8 -4
  42. package/src/components/Input/types.ts +4 -0
  43. package/src/components/MiniModal/MiniModal.scss +39 -8
  44. package/src/components/MiniModal/MiniModal.stories.tsx +199 -75
  45. package/src/components/MiniModal/MiniModal.tsx +46 -2
  46. package/src/components/MiniModal/types.ts +13 -0
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import './AddButton.scss';
3
+ import { AddButtonProps } from './types';
4
+ declare const AddButton: React.FC<AddButtonProps>;
5
+ export default AddButton;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import AddButton from './AddButton';
3
+ declare const meta: Meta<typeof AddButton>;
4
+ type Story = StoryObj<typeof AddButton>;
5
+ export declare const PrimaryAddButton: Story;
6
+ export default meta;
@@ -0,0 +1 @@
1
+ export { default } from './AddButton';
@@ -0,0 +1,4 @@
1
+ export interface AddButtonProps {
2
+ name: string;
3
+ onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
4
+ }
@@ -2,5 +2,6 @@ import type { Meta, StoryObj } from '@storybook/react';
2
2
  import IconButton from './IconButton';
3
3
  declare const meta: Meta<typeof IconButton>;
4
4
  type Story = StoryObj<typeof IconButton>;
5
+ export declare const Default: Story;
5
6
  export declare const PrimaryIconButton: Story;
6
7
  export default meta;
@@ -1,4 +1,4 @@
1
1
  import './Input.scss';
2
2
  import { InputProps } from './types';
3
- declare const Input: ({ type, variant, name, label, disabled, required, placeholder, value, helperText, error, noBorder, className, onChange, onBlur, onFocus, autoComplete, minValue, maxValue, transparentBackground, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const Input: ({ type, variant, name, label, disabled, required, placeholder, value, helperText, error, noBorder, className, onChange, onBlur, onFocus, autoComplete, minValue, maxValue, transparentBackground, size, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default Input;
@@ -71,4 +71,8 @@ export interface InputProps {
71
71
  * background of the input field prop
72
72
  */
73
73
  transparentBackground?: boolean;
74
+ /**
75
+ * size for the input field
76
+ */
77
+ size?: 'small' | 'medium';
74
78
  }
@@ -4,6 +4,6 @@ import './MiniModal.scss';
4
4
  declare const meta: Meta<typeof MiniModal>;
5
5
  type Story = StoryObj<typeof MiniModal>;
6
6
  export declare const BasicModal: Story;
7
- export declare const CustomModalWithWrapper: () => import("react/jsx-runtime").JSX.Element;
8
7
  export declare const CustomModalWithArrow: () => import("react/jsx-runtime").JSX.Element;
8
+ export declare const CustomModalWithWrapper: () => import("react/jsx-runtime").JSX.Element;
9
9
  export default meta;
@@ -86,4 +86,16 @@ export interface MiniEditModalProps {
86
86
  rightAlignModal?: number;
87
87
  };
88
88
  }
89
+ export interface Rect {
90
+ top: number;
91
+ left: number;
92
+ bottom: number;
93
+ right: number;
94
+ }
95
+ export interface AvailableSpace {
96
+ spaceTop: number;
97
+ spaceLeft: number;
98
+ spaceRight: number;
99
+ spaceBottom: number;
100
+ }
89
101
  export {};
package/lib/index.d.ts CHANGED
@@ -530,9 +530,13 @@ interface InputProps {
530
530
  * background of the input field prop
531
531
  */
532
532
  transparentBackground?: boolean;
533
+ /**
534
+ * size for the input field
535
+ */
536
+ size?: 'small' | 'medium';
533
537
  }
534
538
 
535
- declare const Input: ({ type, variant, name, label, disabled, required, placeholder, value, helperText, error, noBorder, className, onChange, onBlur, onFocus, autoComplete, minValue, maxValue, transparentBackground, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
539
+ declare const Input: ({ type, variant, name, label, disabled, required, placeholder, value, helperText, error, noBorder, className, onChange, onBlur, onFocus, autoComplete, minValue, maxValue, transparentBackground, size, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
536
540
 
537
541
  type Status$1 = {
538
542
  status: 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'passed' | 'failed' | 'warning' | 'skipped';