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.
- package/lib/components/AddButton/AddButton.d.ts +5 -0
- package/lib/components/AddButton/AddButton.stories.d.ts +6 -0
- package/lib/components/AddButton/index.d.ts +1 -0
- package/lib/components/AddButton/types.d.ts +4 -0
- package/lib/components/IconButton/IconButton.stories.d.ts +1 -0
- package/lib/components/Input/Input.d.ts +1 -1
- package/lib/components/Input/types.d.ts +4 -0
- package/lib/components/MiniModal/MiniModal.stories.d.ts +1 -1
- package/lib/components/MiniModal/types.d.ts +12 -0
- package/lib/index.d.ts +5 -1
- package/lib/index.esm.js +489 -96
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +489 -96
- package/lib/index.js.map +1 -1
- package/lib/utils/find/findAndInsert.d.ts +7 -0
- package/lib/utils/find/findAndInsert.stories.d.ts +7 -0
- package/package.json +1 -1
- package/src/assets/Themes/BaseTheme.scss +8 -1
- package/src/assets/Themes/DarkTheme.scss +7 -0
- package/src/assets/icons/app_switch.svg +11 -0
- package/src/assets/icons/backward_icon.svg +3 -0
- package/src/assets/icons/cloud_server_host_icon.svg +3 -0
- package/src/assets/icons/continue_without_sign.svg +3 -0
- package/src/assets/icons/forward_icon.svg +3 -0
- package/src/assets/icons/hamburger_menu.svg +3 -0
- package/src/assets/icons/plus_user_icon.svg +3 -0
- package/src/assets/icons/reload.svg +3 -0
- package/src/assets/icons/toast_close.svg +2 -2
- package/src/assets/icons/user_profile.svg +3 -0
- package/src/assets/icons/window_maximize.svg +4 -0
- package/src/assets/icons/window_minimize.svg +3 -0
- package/src/components/AppHeader/AppHeader.scss +2 -1
- package/src/components/Chip/Chip.scss +14 -13
- package/src/components/Icon/Icon.stories.tsx +1 -1
- package/src/components/Icon/Icons.scss +1 -1
- package/src/components/Icon/iconList.ts +23 -0
- package/src/components/IconButton/IconButton.scss +23 -12
- package/src/components/IconButton/IconButton.stories.tsx +9 -1
- package/src/components/IconButton/IconButton.tsx +5 -3
- package/src/components/Input/Input.scss +6 -1
- package/src/components/Input/Input.tsx +8 -4
- package/src/components/Input/types.ts +4 -0
- package/src/components/MiniModal/MiniModal.scss +39 -8
- package/src/components/MiniModal/MiniModal.stories.tsx +199 -75
- package/src/components/MiniModal/MiniModal.tsx +46 -2
- package/src/components/MiniModal/types.ts +13 -0
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './AddButton';
|
@@ -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;
|
@@ -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';
|