@atlaskit/textfield 5.6.2 → 5.6.3
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 +6 -0
- package/dist/cjs/text-field.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/text-field.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/text-field.js +1 -1
- package/dist/esm/version.json +1 -1
- package/package.json +2 -2
- package/tmp/api-report-tmp.d.ts +0 -166
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/textfield
|
|
2
2
|
|
|
3
|
+
## 5.6.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
|
|
8
|
+
|
|
3
9
|
## 5.6.2
|
|
4
10
|
|
|
5
11
|
### 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.3"
|
|
28
28
|
};
|
|
29
29
|
var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
30
30
|
var _props$appearance = props.appearance,
|
package/dist/cjs/version.json
CHANGED
|
@@ -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.3"
|
|
12
12
|
};
|
|
13
13
|
const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
|
|
14
14
|
const {
|
package/dist/es2019/version.json
CHANGED
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.3"
|
|
18
18
|
};
|
|
19
19
|
var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
20
20
|
var _props$appearance = props.appearance,
|
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/textfield",
|
|
3
|
-
"version": "5.6.
|
|
3
|
+
"version": "5.6.3",
|
|
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/"
|
|
@@ -45,6 +45,7 @@
|
|
|
45
45
|
"react": "^16.8.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
+
"@af/accessibility-testing": "*",
|
|
48
49
|
"@atlaskit/codemod-utils": "^4.2.3",
|
|
49
50
|
"@atlaskit/ds-lib": "^2.2.0",
|
|
50
51
|
"@atlaskit/ssr": "*",
|
|
@@ -54,7 +55,6 @@
|
|
|
54
55
|
"@atlassian/feature-flags-test-utils": "*",
|
|
55
56
|
"@testing-library/dom": "^8.17.1",
|
|
56
57
|
"@testing-library/react": "^12.1.5",
|
|
57
|
-
"jest-axe": "^4.0.0",
|
|
58
58
|
"jscodeshift": "^0.13.0",
|
|
59
59
|
"react-dom": "^16.8.0",
|
|
60
60
|
"storybook-addon-performance": "^0.16.0",
|
package/tmp/api-report-tmp.d.ts
DELETED
|
@@ -1,166 +0,0 @@
|
|
|
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
|
-
```
|