@atlaskit/textfield 8.2.2 → 8.2.4
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 +14 -0
- package/dist/cjs/text-field.js +2 -2
- package/dist/es2019/text-field.js +2 -2
- package/dist/esm/text-field.js +2 -2
- package/package.json +12 -11
- package/textfield.docs.tsx +50 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/textfield
|
|
2
2
|
|
|
3
|
+
## 8.2.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`08170da1fbf62`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08170da1fbf62) -
|
|
8
|
+
Migrate spacing prop usages on icons to Flex wrapper
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 8.2.3
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 8.2.2
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/dist/cjs/text-field.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* text-field.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* text-field.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -28,7 +28,7 @@ var inputMediaDisabled = null;
|
|
|
28
28
|
var analyticsParams = {
|
|
29
29
|
componentName: 'textField',
|
|
30
30
|
packageName: "@atlaskit/textfield",
|
|
31
|
-
packageVersion: "
|
|
31
|
+
packageVersion: "0.0.0-development"
|
|
32
32
|
};
|
|
33
33
|
var disabledStyle = {
|
|
34
34
|
standard: "_1h6dby5v _bfhkby5v _syaz1gmx _80om13gf",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* text-field.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* text-field.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./text-field.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -13,7 +13,7 @@ const inputMediaDisabled = null;
|
|
|
13
13
|
const analyticsParams = {
|
|
14
14
|
componentName: 'textField',
|
|
15
15
|
packageName: "@atlaskit/textfield",
|
|
16
|
-
packageVersion: "
|
|
16
|
+
packageVersion: "0.0.0-development"
|
|
17
17
|
};
|
|
18
18
|
const disabledStyle = {
|
|
19
19
|
standard: "_1h6dby5v _bfhkby5v _syaz1gmx _80om13gf",
|
package/dist/esm/text-field.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* text-field.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* text-field.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _typeof from "@babel/runtime/helpers/typeof";
|
|
4
4
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
@@ -19,7 +19,7 @@ var inputMediaDisabled = null;
|
|
|
19
19
|
var analyticsParams = {
|
|
20
20
|
componentName: 'textField',
|
|
21
21
|
packageName: "@atlaskit/textfield",
|
|
22
|
-
packageVersion: "
|
|
22
|
+
packageVersion: "0.0.0-development"
|
|
23
23
|
};
|
|
24
24
|
var disabledStyle = {
|
|
25
25
|
standard: "_1h6dby5v _bfhkby5v _syaz1gmx _80om13gf",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/textfield",
|
|
3
|
-
"version": "8.2.
|
|
3
|
+
"version": "8.2.4",
|
|
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/"
|
|
@@ -24,11 +24,11 @@
|
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@atlaskit/analytics-next": "^11.
|
|
27
|
+
"@atlaskit/analytics-next": "^11.2.0",
|
|
28
28
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
29
|
-
"@atlaskit/tokens": "^
|
|
29
|
+
"@atlaskit/tokens": "^11.4.0",
|
|
30
30
|
"@babel/runtime": "^7.0.0",
|
|
31
|
-
"@compiled/react": "^0.
|
|
31
|
+
"@compiled/react": "^0.20.0"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": "^18.2.0"
|
|
@@ -37,16 +37,17 @@
|
|
|
37
37
|
"@af/accessibility-testing": "workspace:^",
|
|
38
38
|
"@af/integration-testing": "workspace:^",
|
|
39
39
|
"@af/visual-regression": "workspace:^",
|
|
40
|
-
"@atlaskit/avatar": "^25.
|
|
41
|
-
"@atlaskit/button": "^23.
|
|
42
|
-
"@atlaskit/docs": "^11.
|
|
43
|
-
"@atlaskit/ds-lib": "^
|
|
44
|
-
"@atlaskit/form": "^15.
|
|
45
|
-
"@atlaskit/icon": "^
|
|
40
|
+
"@atlaskit/avatar": "^25.11.0",
|
|
41
|
+
"@atlaskit/button": "^23.10.0",
|
|
42
|
+
"@atlaskit/docs": "^11.7.0",
|
|
43
|
+
"@atlaskit/ds-lib": "^6.0.0",
|
|
44
|
+
"@atlaskit/form": "^15.5.0",
|
|
45
|
+
"@atlaskit/icon": "^33.1.0",
|
|
46
46
|
"@atlaskit/link": "^3.3.0",
|
|
47
|
-
"@atlaskit/primitives": "^
|
|
47
|
+
"@atlaskit/primitives": "^18.1.0",
|
|
48
48
|
"@atlaskit/section-message": "^8.12.0",
|
|
49
49
|
"@atlassian/ssr-tests": "workspace:^",
|
|
50
|
+
"@atlassian/structured-docs-types": "workspace:^",
|
|
50
51
|
"@testing-library/react": "^16.3.0",
|
|
51
52
|
"@testing-library/user-event": "^14.4.3",
|
|
52
53
|
"react-dom": "^18.2.0"
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import path from 'path';
|
|
2
|
+
|
|
3
|
+
import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
|
|
4
|
+
|
|
5
|
+
const documentation: ComponentStructuredContentSource[] = [
|
|
6
|
+
{
|
|
7
|
+
name: 'TextField',
|
|
8
|
+
description: 'A single-line text input component.',
|
|
9
|
+
status: 'general-availability',
|
|
10
|
+
import: {
|
|
11
|
+
name: 'TextField',
|
|
12
|
+
package: '@atlaskit/textfield',
|
|
13
|
+
type: 'default',
|
|
14
|
+
packagePath: path.resolve(__dirname),
|
|
15
|
+
packageJson: require('./package.json'),
|
|
16
|
+
},
|
|
17
|
+
usageGuidelines: [
|
|
18
|
+
'Use for single-line text in forms, modals, search, cards',
|
|
19
|
+
'Label is required (above input); helper text optional',
|
|
20
|
+
'Do not use placeholder for critical info—use label or helper text (search exception: search icon + accessible label)',
|
|
21
|
+
'Consider character limits and validation',
|
|
22
|
+
],
|
|
23
|
+
contentGuidelines: [
|
|
24
|
+
'Write clear, short labels',
|
|
25
|
+
'Use helper text for examples/formatting; keep helper visible after input',
|
|
26
|
+
'Provide appropriate error messages',
|
|
27
|
+
'Consider content length and formatting',
|
|
28
|
+
],
|
|
29
|
+
accessibilityGuidelines: [
|
|
30
|
+
'Use visible label or proper association; do not use placeholder for critical info—use label or helper (search is exception with icon + accessible label)',
|
|
31
|
+
'Do not nest interactive elements (causes focus issues)',
|
|
32
|
+
'Custom validation: validate onBlur; use error container with aria-live="polite" and aria-relevant/aria-atomic for dynamic announcements',
|
|
33
|
+
'Provide clear labels for all textfields',
|
|
34
|
+
'Provide keyboard navigation support',
|
|
35
|
+
'Indicate required fields clearly',
|
|
36
|
+
'Use appropriate error states and messaging',
|
|
37
|
+
],
|
|
38
|
+
examples: [
|
|
39
|
+
{
|
|
40
|
+
name: 'Textfield',
|
|
41
|
+
description: 'Textfield example',
|
|
42
|
+
source: path.resolve(__dirname, './examples/ai/textfield.tsx'),
|
|
43
|
+
},
|
|
44
|
+
],
|
|
45
|
+
keywords: ['textfield', 'input', 'form', 'text', 'field', 'single-line'],
|
|
46
|
+
categories: ['form'],
|
|
47
|
+
},
|
|
48
|
+
];
|
|
49
|
+
|
|
50
|
+
export default documentation;
|