@atlaskit/textfield 5.6.4 → 5.6.6
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/component-tokens.js +2 -2
- package/dist/cjs/text-field.js +1 -5
- package/dist/es2019/component-tokens.js +3 -3
- package/dist/es2019/text-field.js +1 -5
- package/dist/esm/component-tokens.js +3 -3
- package/dist/esm/text-field.js +1 -5
- package/package.json +2 -2
- 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.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`29941aaea33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/29941aaea33) - update focused fallback color to meet contrast requirement
|
|
8
|
+
|
|
9
|
+
## 5.6.5
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`3c114ea4257`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c114ea4257) - Update type definitions to conform to inherited changes from `@types/react@16.14.15`.
|
|
14
|
+
|
|
3
15
|
## 5.6.4
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -32,8 +32,8 @@ var defaultBorderColor = {
|
|
|
32
32
|
};
|
|
33
33
|
exports.defaultBorderColor = defaultBorderColor;
|
|
34
34
|
var defaultBorderColorFocus = {
|
|
35
|
-
light: "var(--ds-border-focused, ".concat(_colors.
|
|
36
|
-
dark: "var(--ds-border-focused, ".concat(_colors.
|
|
35
|
+
light: "var(--ds-border-focused, ".concat(_colors.B200, ")"),
|
|
36
|
+
dark: "var(--ds-border-focused, ".concat(_colors.B100, ")")
|
|
37
37
|
};
|
|
38
38
|
exports.defaultBorderColorFocus = defaultBorderColorFocus;
|
|
39
39
|
var subtleBorderColorHover = {
|
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.6"
|
|
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') {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
2
|
-
import { B100,
|
|
2
|
+
import { B100, B200, DN10, DN200, DN30, DN40, DN600, DN90, N0, N10, N100, N200, N30, N40, N70, N900 } from '@atlaskit/theme/colors';
|
|
3
3
|
export const disabledBackgroundColor = {
|
|
4
4
|
light: `var(--ds-background-disabled, ${N10})`,
|
|
5
5
|
dark: `var(--ds-background-disabled, ${DN10})`
|
|
@@ -21,8 +21,8 @@ export const defaultBorderColor = {
|
|
|
21
21
|
dark: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? DN200 : DN40})`
|
|
22
22
|
};
|
|
23
23
|
export const defaultBorderColorFocus = {
|
|
24
|
-
light: `var(--ds-border-focused, ${
|
|
25
|
-
dark: `var(--ds-border-focused, ${
|
|
24
|
+
light: `var(--ds-border-focused, ${B200})`,
|
|
25
|
+
dark: `var(--ds-border-focused, ${B100})`
|
|
26
26
|
};
|
|
27
27
|
export const subtleBorderColorHover = {
|
|
28
28
|
light: "var(--ds-border-input, transparent)",
|
|
@@ -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.6"
|
|
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') {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
2
|
-
import { B100,
|
|
2
|
+
import { B100, B200, DN10, DN200, DN30, DN40, DN600, DN90, N0, N10, N100, N200, N30, N40, N70, N900 } from '@atlaskit/theme/colors';
|
|
3
3
|
export var disabledBackgroundColor = {
|
|
4
4
|
light: "var(--ds-background-disabled, ".concat(N10, ")"),
|
|
5
5
|
dark: "var(--ds-background-disabled, ".concat(DN10, ")")
|
|
@@ -21,8 +21,8 @@ export var defaultBorderColor = {
|
|
|
21
21
|
dark: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? DN200 : DN40, ")")
|
|
22
22
|
};
|
|
23
23
|
export var defaultBorderColorFocus = {
|
|
24
|
-
light: "var(--ds-border-focused, ".concat(
|
|
25
|
-
dark: "var(--ds-border-focused, ".concat(
|
|
24
|
+
light: "var(--ds-border-focused, ".concat(B200, ")"),
|
|
25
|
+
dark: "var(--ds-border-focused, ".concat(B100, ")")
|
|
26
26
|
};
|
|
27
27
|
export var subtleBorderColorHover = {
|
|
28
28
|
light: "var(--ds-border-input, transparent)",
|
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.6"
|
|
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.6",
|
|
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/"
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"@atlaskit/analytics-next": "^9.1.0",
|
|
30
30
|
"@atlaskit/platform-feature-flags": "^0.2.0",
|
|
31
31
|
"@atlaskit/theme": "^12.5.0",
|
|
32
|
-
"@atlaskit/tokens": "^1.
|
|
32
|
+
"@atlaskit/tokens": "^1.17.0",
|
|
33
33
|
"@babel/runtime": "^7.0.0",
|
|
34
34
|
"@emotion/react": "^11.7.1"
|
|
35
35
|
},
|
package/dist/cjs/version.json
DELETED
package/dist/es2019/version.json
DELETED