@ozen-ui/kit 0.47.1 → 0.47.2
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.
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
box-sizing: border-box;
|
|
8
8
|
padding: 0 var(--textfield-gutter-x);
|
|
9
9
|
background-color: var(--textfield-background-color);
|
|
10
|
-
transition: background-color var(--transition-slow);
|
|
10
|
+
transition: background-color box-shadow var(--transition-slow);
|
|
11
11
|
color: var(--textfield-color);
|
|
12
12
|
border-radius: var(--textfield-border-radius);
|
|
13
13
|
}
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
color: var(--textfield-color);
|
|
26
26
|
box-sizing: border-box;
|
|
27
27
|
block-size: var(--textfield-input-height);
|
|
28
|
+
|
|
28
29
|
font: inherit;
|
|
29
30
|
}
|
|
30
31
|
.Input-Field::placeholder {
|
|
@@ -36,7 +37,7 @@
|
|
|
36
37
|
.Input-Field:-webkit-autofill:focus {
|
|
37
38
|
box-shadow: 0 0 0 1000px var(--textfield-background-color) inset !important;
|
|
38
39
|
background-color: transparent !important;
|
|
39
|
-
-webkit-text-fill-color: var(--color
|
|
40
|
+
-webkit-text-fill-color: var(--textfield-color);
|
|
40
41
|
}
|
|
41
42
|
.Input-Field::-webkit-outer-spin-button,
|
|
42
43
|
.Input-Field::-webkit-inner-spin-button {
|
|
@@ -20,6 +20,7 @@ type InputPropsDeprecated = {
|
|
|
20
20
|
inputRef?: Ref<HTMLInputElement>;
|
|
21
21
|
};
|
|
22
22
|
type InputElement = ComponentPropsWithRef<'input'>;
|
|
23
|
+
export type InputOnChange = InputElement['onChange'];
|
|
23
24
|
export type InputProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFAULT_TAG>, 'size' | 'onChange'> & {
|
|
24
25
|
/** Атрибут id для элемента input */
|
|
25
26
|
id?: string;
|
|
@@ -58,7 +59,7 @@ export type InputProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFAULT
|
|
|
58
59
|
/** Значение по умолчанию (неконтролируемый компонент) */
|
|
59
60
|
defaultValue?: InputElement['defaultValue'];
|
|
60
61
|
/** Обработчик события на изменение значения поля */
|
|
61
|
-
onChange?:
|
|
62
|
+
onChange?: InputOnChange;
|
|
62
63
|
/** Свойства элемента input */
|
|
63
64
|
inputProps?: InputElement & {
|
|
64
65
|
'data-testid'?: string;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
box-sizing: border-box;
|
|
8
8
|
padding: 0 var(--textfield-gutter-x);
|
|
9
9
|
background-color: var(--textfield-background-color);
|
|
10
|
-
transition: background-color var(--transition-slow);
|
|
10
|
+
transition: background-color box-shadow var(--transition-slow);
|
|
11
11
|
color: var(--textfield-color);
|
|
12
12
|
border-radius: var(--textfield-border-radius);
|
|
13
13
|
}
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
color: var(--textfield-color);
|
|
26
26
|
box-sizing: border-box;
|
|
27
27
|
block-size: var(--textfield-input-height);
|
|
28
|
+
|
|
28
29
|
font: inherit;
|
|
29
30
|
}
|
|
30
31
|
.Input-Field::placeholder {
|
|
@@ -36,7 +37,7 @@
|
|
|
36
37
|
.Input-Field:-webkit-autofill:focus {
|
|
37
38
|
box-shadow: 0 0 0 1000px var(--textfield-background-color) inset !important;
|
|
38
39
|
background-color: transparent !important;
|
|
39
|
-
-webkit-text-fill-color: var(--color
|
|
40
|
+
-webkit-text-fill-color: var(--textfield-color);
|
|
40
41
|
}
|
|
41
42
|
.Input-Field::-webkit-outer-spin-button,
|
|
42
43
|
.Input-Field::-webkit-inner-spin-button {
|
|
@@ -20,6 +20,7 @@ type InputPropsDeprecated = {
|
|
|
20
20
|
inputRef?: Ref<HTMLInputElement>;
|
|
21
21
|
};
|
|
22
22
|
type InputElement = ComponentPropsWithRef<'input'>;
|
|
23
|
+
export type InputOnChange = InputElement['onChange'];
|
|
23
24
|
export type InputProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFAULT_TAG>, 'size' | 'onChange'> & {
|
|
24
25
|
/** Атрибут id для элемента input */
|
|
25
26
|
id?: string;
|
|
@@ -58,7 +59,7 @@ export type InputProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFAULT
|
|
|
58
59
|
/** Значение по умолчанию (неконтролируемый компонент) */
|
|
59
60
|
defaultValue?: InputElement['defaultValue'];
|
|
60
61
|
/** Обработчик события на изменение значения поля */
|
|
61
|
-
onChange?:
|
|
62
|
+
onChange?: InputOnChange;
|
|
62
63
|
/** Свойства элемента input */
|
|
63
64
|
inputProps?: InputElement & {
|
|
64
65
|
'data-testid'?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ozen-ui/kit",
|
|
3
|
-
"version": "0.47.
|
|
3
|
+
"version": "0.47.2",
|
|
4
4
|
"description": "React component library",
|
|
5
5
|
"files": [
|
|
6
6
|
"*"
|
|
@@ -28,9 +28,9 @@
|
|
|
28
28
|
"react-popper": "^2.3.0",
|
|
29
29
|
"react-transition-group": "^4.4.5",
|
|
30
30
|
"tslib": "^2.6.2",
|
|
31
|
-
"@ozen-ui/fonts": "0.47.
|
|
32
|
-
"@ozen-ui/icons": "0.47.
|
|
33
|
-
"@ozen-ui/logger": "0.47.
|
|
31
|
+
"@ozen-ui/fonts": "0.47.2",
|
|
32
|
+
"@ozen-ui/icons": "0.47.2",
|
|
33
|
+
"@ozen-ui/logger": "0.47.2"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"react": ">=17.0.2 <19.0.0",
|