@amboss/design-system 1.0.11 → 1.1.1
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.
- package/CHANGELOG.md +92 -0
- package/build/index.js +1 -1
- package/build/index.js.map +1 -1
- package/build/src/components/Form/PasswordInput/PasswordInput.d.ts +56 -0
- package/build/src/components/ShadowWebComponent/ShadowWebComponent.d.ts +13 -0
- package/build/src/index.d.ts +1 -0
- package/package.json +7 -7
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { FormFieldProps } from "../FormField/FormField";
|
|
3
|
+
export declare type PasswordInputProps = {
|
|
4
|
+
iconAriaLabel: string;
|
|
5
|
+
} & InputProps;
|
|
6
|
+
export declare type InputProps = {
|
|
7
|
+
name: string;
|
|
8
|
+
value: string;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Set to true to toggle error state
|
|
12
|
+
*/
|
|
13
|
+
hasError?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Set to true to disabled input
|
|
16
|
+
*/
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
type?: string;
|
|
19
|
+
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
20
|
+
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
21
|
+
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
22
|
+
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
23
|
+
areaLabel?: string;
|
|
24
|
+
tabIndex?: number;
|
|
25
|
+
autoComplete?: string;
|
|
26
|
+
} & FormFieldProps;
|
|
27
|
+
export declare type IconProps = {
|
|
28
|
+
hasError?: boolean;
|
|
29
|
+
disabled?: boolean;
|
|
30
|
+
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
31
|
+
tabIndex?: number;
|
|
32
|
+
};
|
|
33
|
+
export declare const PasswordInputRaw: React.ForwardRefExoticComponent<{
|
|
34
|
+
iconAriaLabel: string;
|
|
35
|
+
} & {
|
|
36
|
+
name: string;
|
|
37
|
+
value: string;
|
|
38
|
+
placeholder?: string;
|
|
39
|
+
/**
|
|
40
|
+
* Set to true to toggle error state
|
|
41
|
+
*/
|
|
42
|
+
hasError?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Set to true to disabled input
|
|
45
|
+
*/
|
|
46
|
+
disabled?: boolean;
|
|
47
|
+
type?: string;
|
|
48
|
+
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
49
|
+
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
50
|
+
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
51
|
+
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
52
|
+
areaLabel?: string;
|
|
53
|
+
tabIndex?: number;
|
|
54
|
+
autoComplete?: string;
|
|
55
|
+
} & FormFieldProps & React.RefAttributes<unknown>>;
|
|
56
|
+
export declare function PasswordInput({ name, value, placeholder, hasError, onChange, onClick, onBlur, onFocus, type, tabIndex, areaLabel, autoComplete, iconAriaLabel, ...rest }: PasswordInputProps): React.ReactElement;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
"shadow-element": {
|
|
6
|
+
theme: "light-theme" | "dark-theme";
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
export declare function ShadowWebComponent({ theme, }: {
|
|
12
|
+
theme: "light-theme" | "dark-theme";
|
|
13
|
+
}): React.ReactElement;
|
package/build/src/index.d.ts
CHANGED
|
@@ -34,3 +34,4 @@ export { MediaViewerBar } from "./components/MediaViewerBar/MediaViewerBar";
|
|
|
34
34
|
export { SegmentedProgressBar } from "./components/SegmentedProgressBar/SegmentedProgressBar";
|
|
35
35
|
export { ProgressBar } from "./components/ProgressBar/ProgressBar";
|
|
36
36
|
export { Container } from "./components/Container/Container";
|
|
37
|
+
export { PasswordInput } from "./components/Form/PasswordInput/PasswordInput";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@amboss/design-system",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.1",
|
|
4
4
|
"description": "the design system for AMBOSS products",
|
|
5
5
|
"author": "Bagrat Gobedashvili",
|
|
6
6
|
"license": "ISC",
|
|
@@ -92,12 +92,12 @@
|
|
|
92
92
|
"@babel/preset-typescript": "^7.15.0",
|
|
93
93
|
"@emotion/babel-plugin": "^11.3.0",
|
|
94
94
|
"@geometricpanda/storybook-addon-badges": "0.2.1",
|
|
95
|
-
"@storybook/addon-a11y": "^6.
|
|
96
|
-
"@storybook/addon-essentials": "^6.
|
|
97
|
-
"@storybook/addon-links": "^6.
|
|
98
|
-
"@storybook/addons": "^6.
|
|
99
|
-
"@storybook/react": "^6.
|
|
100
|
-
"@storybook/theming": "^6.
|
|
95
|
+
"@storybook/addon-a11y": "^6.4.19",
|
|
96
|
+
"@storybook/addon-essentials": "^6.4.19",
|
|
97
|
+
"@storybook/addon-links": "^6.4.19",
|
|
98
|
+
"@storybook/addons": "^6.4.19",
|
|
99
|
+
"@storybook/react": "^6.4.19",
|
|
100
|
+
"@storybook/theming": "^6.4.19",
|
|
101
101
|
"@testing-library/jest-dom": "^5.11.5",
|
|
102
102
|
"@testing-library/react": "^11.1.0",
|
|
103
103
|
"@testing-library/user-event": "^13.0.1",
|