@atlaskit/textfield 5.6.3 → 5.6.5
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 +12 -0
- package/dist/cjs/text-field.js +1 -5
- package/dist/es2019/text-field.js +1 -5
- package/dist/esm/text-field.js +1 -5
- package/package.json +17 -13
- package/tmp/api-report-tmp.d.ts +166 -0
- package/dist/cjs/version.json +0 -5
- package/dist/es2019/version.json +0 -5
- package/dist/esm/version.json +0 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/textfield
|
|
2
2
|
|
|
3
|
+
## 5.6.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`3c114ea4257`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c114ea4257) - Update type definitions to conform to inherited changes from `@types/react@16.14.15`.
|
|
8
|
+
|
|
9
|
+
## 5.6.4
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`356d6ebed05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/356d6ebed05) - This package is now onboarded onto the product push model.
|
|
14
|
+
|
|
3
15
|
## 5.6.3
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/dist/cjs/text-field.js
CHANGED
|
@@ -24,7 +24,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
24
24
|
var analyticsParams = {
|
|
25
25
|
componentName: 'textField',
|
|
26
26
|
packageName: "@atlaskit/textfield",
|
|
27
|
-
packageVersion: "5.6.
|
|
27
|
+
packageVersion: "5.6.5"
|
|
28
28
|
};
|
|
29
29
|
var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
30
30
|
var _props$appearance = props.appearance,
|
|
@@ -83,10 +83,6 @@ var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
83
83
|
return;
|
|
84
84
|
}
|
|
85
85
|
if ((0, _typeof2.default)(ref) === 'object') {
|
|
86
|
-
// This is a blunder on the part of @types/react
|
|
87
|
-
// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065
|
|
88
|
-
// .current should be assignable
|
|
89
|
-
// @ts-expect-error
|
|
90
86
|
ref.current = inputElement;
|
|
91
87
|
}
|
|
92
88
|
if (typeof ref === 'function') {
|
|
@@ -8,7 +8,7 @@ import { containerStyles as getContainerStyles, inputStyles as getInputStyles }
|
|
|
8
8
|
const analyticsParams = {
|
|
9
9
|
componentName: 'textField',
|
|
10
10
|
packageName: "@atlaskit/textfield",
|
|
11
|
-
packageVersion: "5.6.
|
|
11
|
+
packageVersion: "5.6.5"
|
|
12
12
|
};
|
|
13
13
|
const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
|
|
14
14
|
const {
|
|
@@ -65,10 +65,6 @@ const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
65
65
|
return;
|
|
66
66
|
}
|
|
67
67
|
if (typeof ref === 'object') {
|
|
68
|
-
// This is a blunder on the part of @types/react
|
|
69
|
-
// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065
|
|
70
|
-
// .current should be assignable
|
|
71
|
-
// @ts-expect-error
|
|
72
68
|
ref.current = inputElement;
|
|
73
69
|
}
|
|
74
70
|
if (typeof ref === 'function') {
|
package/dist/esm/text-field.js
CHANGED
|
@@ -14,7 +14,7 @@ import { containerStyles as getContainerStyles, inputStyles as getInputStyles }
|
|
|
14
14
|
var analyticsParams = {
|
|
15
15
|
componentName: 'textField',
|
|
16
16
|
packageName: "@atlaskit/textfield",
|
|
17
|
-
packageVersion: "5.6.
|
|
17
|
+
packageVersion: "5.6.5"
|
|
18
18
|
};
|
|
19
19
|
var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
20
20
|
var _props$appearance = props.appearance,
|
|
@@ -73,10 +73,6 @@ var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
73
73
|
return;
|
|
74
74
|
}
|
|
75
75
|
if (_typeof(ref) === 'object') {
|
|
76
|
-
// This is a blunder on the part of @types/react
|
|
77
|
-
// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065
|
|
78
|
-
// .current should be assignable
|
|
79
|
-
// @ts-expect-error
|
|
80
76
|
ref.current = inputElement;
|
|
81
77
|
}
|
|
82
78
|
if (typeof ref === 'function') {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/textfield",
|
|
3
|
-
"version": "5.6.
|
|
3
|
+
"version": "5.6.5",
|
|
4
4
|
"description": "A text field is an input that allows a user to write or edit text.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -12,32 +12,24 @@
|
|
|
12
12
|
"module": "dist/esm/index.js",
|
|
13
13
|
"module:es2019": "dist/es2019/index.js",
|
|
14
14
|
"types": "dist/types/index.d.ts",
|
|
15
|
-
"typesVersions": {
|
|
16
|
-
">=4.5 <4.9": {
|
|
17
|
-
"*": [
|
|
18
|
-
"dist/types-ts4.5/*",
|
|
19
|
-
"dist/types-ts4.5/index.d.ts"
|
|
20
|
-
]
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
15
|
"sideEffects": false,
|
|
24
16
|
"atlaskit:src": "src/index.tsx",
|
|
25
17
|
"atlassian": {
|
|
26
18
|
"team": "Design System Team",
|
|
19
|
+
"productPushConsumption": [
|
|
20
|
+
"jira"
|
|
21
|
+
],
|
|
27
22
|
"releaseModel": "continuous",
|
|
28
23
|
"website": {
|
|
29
24
|
"name": "Text field",
|
|
30
25
|
"category": "Components"
|
|
31
26
|
}
|
|
32
27
|
},
|
|
33
|
-
"af:exports": {
|
|
34
|
-
".": "./src/index.tsx"
|
|
35
|
-
},
|
|
36
28
|
"dependencies": {
|
|
37
29
|
"@atlaskit/analytics-next": "^9.1.0",
|
|
38
30
|
"@atlaskit/platform-feature-flags": "^0.2.0",
|
|
39
31
|
"@atlaskit/theme": "^12.5.0",
|
|
40
|
-
"@atlaskit/tokens": "^1.
|
|
32
|
+
"@atlaskit/tokens": "^1.15.0",
|
|
41
33
|
"@babel/runtime": "^7.0.0",
|
|
42
34
|
"@emotion/react": "^11.7.1"
|
|
43
35
|
},
|
|
@@ -46,6 +38,7 @@
|
|
|
46
38
|
},
|
|
47
39
|
"devDependencies": {
|
|
48
40
|
"@af/accessibility-testing": "*",
|
|
41
|
+
"@af/visual-regression": "*",
|
|
49
42
|
"@atlaskit/codemod-utils": "^4.2.3",
|
|
50
43
|
"@atlaskit/ds-lib": "^2.2.0",
|
|
51
44
|
"@atlaskit/ssr": "*",
|
|
@@ -86,6 +79,17 @@
|
|
|
86
79
|
"deprecation": "no-deprecated-imports"
|
|
87
80
|
}
|
|
88
81
|
},
|
|
82
|
+
"typesVersions": {
|
|
83
|
+
">=4.5 <4.9": {
|
|
84
|
+
"*": [
|
|
85
|
+
"dist/types-ts4.5/*",
|
|
86
|
+
"dist/types-ts4.5/index.d.ts"
|
|
87
|
+
]
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
"af:exports": {
|
|
91
|
+
".": "./src/index.tsx"
|
|
92
|
+
},
|
|
89
93
|
"platform-feature-flags": {
|
|
90
94
|
"platform.design-system-team.border-checkbox_nyoiu": {
|
|
91
95
|
"type": "boolean"
|
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
## API Report File for "@atlaskit/textfield"
|
|
2
|
+
|
|
3
|
+
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
+
|
|
5
|
+
```ts
|
|
6
|
+
|
|
7
|
+
import { AllHTMLAttributes } from 'react';
|
|
8
|
+
import { FormEventHandler } from 'react';
|
|
9
|
+
import { default as React_2 } from 'react';
|
|
10
|
+
|
|
11
|
+
// @public (undocumented)
|
|
12
|
+
export type Appearance = 'none' | 'standard' | 'subtle';
|
|
13
|
+
|
|
14
|
+
// @public
|
|
15
|
+
const _default: React_2.NamedExoticComponent<TextFieldProps & React_2.RefAttributes<unknown>>;
|
|
16
|
+
export default _default;
|
|
17
|
+
|
|
18
|
+
// @public (undocumented)
|
|
19
|
+
export const TextFieldColors: {
|
|
20
|
+
backgroundColor: {
|
|
21
|
+
standard: {
|
|
22
|
+
light: "var(--ds-background-input)";
|
|
23
|
+
dark: "var(--ds-background-input)";
|
|
24
|
+
};
|
|
25
|
+
subtle: {
|
|
26
|
+
light: string;
|
|
27
|
+
dark: string;
|
|
28
|
+
};
|
|
29
|
+
none: {
|
|
30
|
+
light: string;
|
|
31
|
+
dark: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
backgroundColorFocus: {
|
|
35
|
+
standard: {
|
|
36
|
+
light: "var(--ds-background-input-pressed)";
|
|
37
|
+
dark: "var(--ds-background-input-pressed)";
|
|
38
|
+
};
|
|
39
|
+
subtle: {
|
|
40
|
+
light: "var(--ds-background-input-pressed)";
|
|
41
|
+
dark: "var(--ds-background-input-pressed)";
|
|
42
|
+
};
|
|
43
|
+
none: {
|
|
44
|
+
light: string;
|
|
45
|
+
dark: string;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
backgroundColorHover: {
|
|
49
|
+
standard: {
|
|
50
|
+
light: "var(--ds-background-input-hovered)";
|
|
51
|
+
dark: "var(--ds-background-input-hovered)";
|
|
52
|
+
};
|
|
53
|
+
subtle: {
|
|
54
|
+
light: "var(--ds-background-input-hovered)";
|
|
55
|
+
dark: "var(--ds-background-input-hovered)";
|
|
56
|
+
};
|
|
57
|
+
none: {
|
|
58
|
+
light: string;
|
|
59
|
+
dark: string;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
borderColor: {
|
|
63
|
+
standard: {
|
|
64
|
+
light: "var(--ds-border-input)";
|
|
65
|
+
dark: "var(--ds-border-input)";
|
|
66
|
+
};
|
|
67
|
+
subtle: {
|
|
68
|
+
light: string;
|
|
69
|
+
dark: string;
|
|
70
|
+
};
|
|
71
|
+
none: {
|
|
72
|
+
light: string;
|
|
73
|
+
dark: string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
borderColorFocus: {
|
|
77
|
+
standard: {
|
|
78
|
+
light: "var(--ds-border-focused)";
|
|
79
|
+
dark: "var(--ds-border-focused)";
|
|
80
|
+
};
|
|
81
|
+
subtle: {
|
|
82
|
+
light: "var(--ds-border-focused)";
|
|
83
|
+
dark: "var(--ds-border-focused)";
|
|
84
|
+
};
|
|
85
|
+
none: {
|
|
86
|
+
light: string;
|
|
87
|
+
dark: string;
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
borderColorHover: {
|
|
91
|
+
standard: {
|
|
92
|
+
light: "var(--ds-border-input)";
|
|
93
|
+
dark: "var(--ds-border-input)";
|
|
94
|
+
};
|
|
95
|
+
subtle: {
|
|
96
|
+
light: "var(--ds-border-input)";
|
|
97
|
+
dark: "var(--ds-border-input)";
|
|
98
|
+
};
|
|
99
|
+
none: {
|
|
100
|
+
light: string;
|
|
101
|
+
dark: string;
|
|
102
|
+
};
|
|
103
|
+
};
|
|
104
|
+
placeholderTextColor: {
|
|
105
|
+
light: "var(--ds-text-subtlest)";
|
|
106
|
+
dark: "var(--ds-text-subtlest)";
|
|
107
|
+
};
|
|
108
|
+
textColor: {
|
|
109
|
+
light: "var(--ds-text)";
|
|
110
|
+
dark: "var(--ds-text)";
|
|
111
|
+
};
|
|
112
|
+
invalidRules: {
|
|
113
|
+
light: {
|
|
114
|
+
backgroundColor: "var(--ds-background-input)";
|
|
115
|
+
backgroundColorHover: "var(--ds-background-input-hovered)";
|
|
116
|
+
backgroundColorFocus: "var(--ds-background-input-pressed)";
|
|
117
|
+
borderColor: "var(--ds-border-danger)";
|
|
118
|
+
borderColorFocus: "var(--ds-border-focused)";
|
|
119
|
+
};
|
|
120
|
+
dark: {
|
|
121
|
+
backgroundColor: "var(--ds-background-input)";
|
|
122
|
+
backgroundColorHover: "var(--ds-background-input-hovered)";
|
|
123
|
+
backgroundColorFocus: "var(--ds-background-input-pressed)";
|
|
124
|
+
borderColor: "var(--ds-border-danger)";
|
|
125
|
+
borderColorFocus: "var(--ds-border-focused)";
|
|
126
|
+
};
|
|
127
|
+
};
|
|
128
|
+
disabledRules: {
|
|
129
|
+
light: {
|
|
130
|
+
backgroundColor: "var(--ds-background-disabled)";
|
|
131
|
+
backgroundColorHover: "var(--ds-background-disabled)";
|
|
132
|
+
borderColor: "var(--ds-background-disabled)";
|
|
133
|
+
textColor: "var(--ds-text-disabled)";
|
|
134
|
+
};
|
|
135
|
+
dark: {
|
|
136
|
+
backgroundColor: "var(--ds-background-disabled)";
|
|
137
|
+
backgroundColorHover: "var(--ds-background-disabled)";
|
|
138
|
+
borderColor: "var(--ds-background-disabled)";
|
|
139
|
+
textColor: "var(--ds-text-disabled)";
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
};
|
|
143
|
+
|
|
144
|
+
// @public (undocumented)
|
|
145
|
+
export interface TextFieldProps extends Omit<AllHTMLAttributes<HTMLInputElement>, 'disabled'> {
|
|
146
|
+
appearance?: Appearance;
|
|
147
|
+
className?: string;
|
|
148
|
+
elemAfterInput?: React_2.ReactNode;
|
|
149
|
+
elemBeforeInput?: React_2.ReactNode;
|
|
150
|
+
isCompact?: boolean;
|
|
151
|
+
isDisabled?: boolean;
|
|
152
|
+
isInvalid?: boolean;
|
|
153
|
+
isMonospaced?: boolean;
|
|
154
|
+
isReadOnly?: boolean;
|
|
155
|
+
isRequired?: boolean;
|
|
156
|
+
name?: string;
|
|
157
|
+
onChange?: FormEventHandler<HTMLInputElement>;
|
|
158
|
+
onMouseDown?: React_2.MouseEventHandler<HTMLElement>;
|
|
159
|
+
placeholder?: string;
|
|
160
|
+
testId?: string;
|
|
161
|
+
width?: number | string;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
// (No @packageDocumentation comment for this package)
|
|
165
|
+
|
|
166
|
+
```
|
package/dist/cjs/version.json
DELETED
package/dist/es2019/version.json
DELETED