pixel-react 1.1.6 → 1.1.7

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 (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';