@atlaskit/textfield 8.1.0 → 8.2.1
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 +13 -0
- package/dist/cjs/text-field.compiled.css +1 -0
- package/dist/cjs/text-field.js +4 -2
- package/dist/es2019/text-field.compiled.css +1 -0
- package/dist/es2019/text-field.js +4 -2
- package/dist/esm/text-field.compiled.css +1 -0
- package/dist/esm/text-field.js +4 -2
- package/package.json +14 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/textfield
|
|
2
2
|
|
|
3
|
+
## 8.2.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 8.2.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [`b867e641d818d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b867e641d818d) -
|
|
14
|
+
Updated border radius values behind a feature gate `platform-dst-shape-theme-default`.
|
|
15
|
+
|
|
3
16
|
## 8.1.0
|
|
4
17
|
|
|
5
18
|
### Minor Changes
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
._11c81ixg{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._19itidpf{border:0}
|
|
4
|
+
._1tnq1qi0._1tnq1qi0{border-radius:var(--ds-radius-medium,6px)}
|
|
4
5
|
._1tnqfajl._1tnqfajl{border-radius:var(--ds-radius-small,3px)}
|
|
5
6
|
._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
|
|
6
7
|
._189ee4h9{border-width:var(--ds-border-width,1px)}
|
package/dist/cjs/text-field.js
CHANGED
|
@@ -15,6 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
15
15
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
17
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
18
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
18
19
|
var _excluded = ["appearance", "className", "elemAfterInput", "elemBeforeInput", "isCompact", "isDisabled", "isInvalid", "isMonospaced", "isReadOnly", "isRequired", "name", "onBlur", "onChange", "onFocus", "onMouseDown", "placeholder", "testId", "width"];
|
|
19
20
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
20
21
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -27,7 +28,7 @@ var inputMediaDisabled = null;
|
|
|
27
28
|
var analyticsParams = {
|
|
28
29
|
componentName: 'textField',
|
|
29
30
|
packageName: "@atlaskit/textfield",
|
|
30
|
-
packageVersion: "
|
|
31
|
+
packageVersion: "0.0.0-development"
|
|
31
32
|
};
|
|
32
33
|
var disabledStyle = {
|
|
33
34
|
standard: "_1h6dby5v _bfhkby5v _syaz1gmx _80om13gf",
|
|
@@ -66,6 +67,7 @@ var containerStyleAppearance = {
|
|
|
66
67
|
none: "_1dqoglyw"
|
|
67
68
|
};
|
|
68
69
|
var containerStyles = null;
|
|
70
|
+
var containerStylesT26Shape = null;
|
|
69
71
|
var inputDisabledStyle = null;
|
|
70
72
|
var inputCompactStyle = null;
|
|
71
73
|
var inputMonospacedStyle = null;
|
|
@@ -161,7 +163,7 @@ var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
161
163
|
maxWidth: "".concat(getMaxWidth(width))
|
|
162
164
|
},
|
|
163
165
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
164
|
-
className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1osq _11c82smr _1reo15vq _18m915vq _v564r5cv _189ee4h9 _1e0c1txw _vchhusvi _4cvr1h6o _1bah1yb4 _lcxv1wug _s7n4jp4b _slp31hna _1tnqfajl", getContainerTextBgAndBorderColor[appearance], containerStyleAppearance[appearance], !isDisabled && focusWithinStyle[appearance], !isDisabled && hoverStyle[appearance], isDisabled && containerMedia.disabled, isDisabled && disabledStyle[appearance], isInvalid && containerMedia.invalid, isInvalid && "_1h6d1bqt _4cvx1bqt _16qsizbr _1dbzizbr _uk1sr01l", className])
|
|
166
|
+
className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1osq _11c82smr _1reo15vq _18m915vq _v564r5cv _189ee4h9 _1e0c1txw _vchhusvi _4cvr1h6o _1bah1yb4 _lcxv1wug _s7n4jp4b _slp31hna _1tnqfajl", (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && "_1tnq1qi0", getContainerTextBgAndBorderColor[appearance], containerStyleAppearance[appearance], !isDisabled && focusWithinStyle[appearance], !isDisabled && hoverStyle[appearance], isDisabled && containerMedia.disabled, isDisabled && disabledStyle[appearance], isInvalid && containerMedia.invalid, isInvalid && "_1h6d1bqt _4cvx1bqt _16qsizbr _1dbzizbr _uk1sr01l", className])
|
|
165
167
|
}, elemBeforeInput, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, spreadProps, {
|
|
166
168
|
"aria-invalid": isInvalid ? isInvalid : undefined
|
|
167
169
|
// TODO: When removing legacy theming fix this.
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
._11c81ixg{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._19itidpf{border:0}
|
|
4
|
+
._1tnq1qi0._1tnq1qi0{border-radius:var(--ds-radius-medium,6px)}
|
|
4
5
|
._1tnqfajl._1tnqfajl{border-radius:var(--ds-radius-small,3px)}
|
|
5
6
|
._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
|
|
6
7
|
._189ee4h9{border-width:var(--ds-border-width,1px)}
|
|
@@ -4,6 +4,7 @@ import "./text-field.compiled.css";
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React, { forwardRef, useCallback, useRef } from 'react';
|
|
6
6
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
8
|
const containerMedia = {
|
|
8
9
|
invalid: "_msj6gir2",
|
|
9
10
|
disabled: "_6up518qt"
|
|
@@ -12,7 +13,7 @@ const inputMediaDisabled = null;
|
|
|
12
13
|
const analyticsParams = {
|
|
13
14
|
componentName: 'textField',
|
|
14
15
|
packageName: "@atlaskit/textfield",
|
|
15
|
-
packageVersion: "
|
|
16
|
+
packageVersion: "0.0.0-development"
|
|
16
17
|
};
|
|
17
18
|
const disabledStyle = {
|
|
18
19
|
standard: "_1h6dby5v _bfhkby5v _syaz1gmx _80om13gf",
|
|
@@ -49,6 +50,7 @@ const containerStyleAppearance = {
|
|
|
49
50
|
none: "_1dqoglyw"
|
|
50
51
|
};
|
|
51
52
|
const containerStyles = null;
|
|
53
|
+
const containerStylesT26Shape = null;
|
|
52
54
|
const inputDisabledStyle = null;
|
|
53
55
|
const inputCompactStyle = null;
|
|
54
56
|
const inputMonospacedStyle = null;
|
|
@@ -141,7 +143,7 @@ const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
141
143
|
maxWidth: `${getMaxWidth(width)}`
|
|
142
144
|
},
|
|
143
145
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
144
|
-
className: ax(["_16jlkb7n _1o9zkb7n _i0dl1osq _11c82smr _1reo15vq _18m915vq _v564r5cv _189ee4h9 _1e0c1txw _vchhusvi _4cvr1h6o _1bah1yb4 _lcxv1wug _s7n4jp4b _slp31hna _1tnqfajl", getContainerTextBgAndBorderColor[appearance], containerStyleAppearance[appearance], !isDisabled && focusWithinStyle[appearance], !isDisabled && hoverStyle[appearance], isDisabled && containerMedia.disabled, isDisabled && disabledStyle[appearance], isInvalid && containerMedia.invalid, isInvalid && "_1h6d1bqt _4cvx1bqt _16qsizbr _1dbzizbr _uk1sr01l", className])
|
|
146
|
+
className: ax(["_16jlkb7n _1o9zkb7n _i0dl1osq _11c82smr _1reo15vq _18m915vq _v564r5cv _189ee4h9 _1e0c1txw _vchhusvi _4cvr1h6o _1bah1yb4 _lcxv1wug _s7n4jp4b _slp31hna _1tnqfajl", fg('platform-dst-shape-theme-default') && "_1tnq1qi0", getContainerTextBgAndBorderColor[appearance], containerStyleAppearance[appearance], !isDisabled && focusWithinStyle[appearance], !isDisabled && hoverStyle[appearance], isDisabled && containerMedia.disabled, isDisabled && disabledStyle[appearance], isInvalid && containerMedia.invalid, isInvalid && "_1h6d1bqt _4cvx1bqt _16qsizbr _1dbzizbr _uk1sr01l", className])
|
|
145
147
|
}, elemBeforeInput, /*#__PURE__*/React.createElement("input", _extends({}, spreadProps, {
|
|
146
148
|
"aria-invalid": isInvalid ? isInvalid : undefined
|
|
147
149
|
// TODO: When removing legacy theming fix this.
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
._11c81ixg{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._19itidpf{border:0}
|
|
4
|
+
._1tnq1qi0._1tnq1qi0{border-radius:var(--ds-radius-medium,6px)}
|
|
4
5
|
._1tnqfajl._1tnqfajl{border-radius:var(--ds-radius-small,3px)}
|
|
5
6
|
._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
|
|
6
7
|
._189ee4h9{border-width:var(--ds-border-width,1px)}
|
package/dist/esm/text-field.js
CHANGED
|
@@ -10,6 +10,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
10
10
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
11
|
import React, { forwardRef, useCallback, useRef } from 'react';
|
|
12
12
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
13
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
14
|
var containerMedia = {
|
|
14
15
|
invalid: "_msj6gir2",
|
|
15
16
|
disabled: "_6up518qt"
|
|
@@ -18,7 +19,7 @@ var inputMediaDisabled = null;
|
|
|
18
19
|
var analyticsParams = {
|
|
19
20
|
componentName: 'textField',
|
|
20
21
|
packageName: "@atlaskit/textfield",
|
|
21
|
-
packageVersion: "
|
|
22
|
+
packageVersion: "0.0.0-development"
|
|
22
23
|
};
|
|
23
24
|
var disabledStyle = {
|
|
24
25
|
standard: "_1h6dby5v _bfhkby5v _syaz1gmx _80om13gf",
|
|
@@ -57,6 +58,7 @@ var containerStyleAppearance = {
|
|
|
57
58
|
none: "_1dqoglyw"
|
|
58
59
|
};
|
|
59
60
|
var containerStyles = null;
|
|
61
|
+
var containerStylesT26Shape = null;
|
|
60
62
|
var inputDisabledStyle = null;
|
|
61
63
|
var inputCompactStyle = null;
|
|
62
64
|
var inputMonospacedStyle = null;
|
|
@@ -152,7 +154,7 @@ var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
152
154
|
maxWidth: "".concat(getMaxWidth(width))
|
|
153
155
|
},
|
|
154
156
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
155
|
-
className: ax(["_16jlkb7n _1o9zkb7n _i0dl1osq _11c82smr _1reo15vq _18m915vq _v564r5cv _189ee4h9 _1e0c1txw _vchhusvi _4cvr1h6o _1bah1yb4 _lcxv1wug _s7n4jp4b _slp31hna _1tnqfajl", getContainerTextBgAndBorderColor[appearance], containerStyleAppearance[appearance], !isDisabled && focusWithinStyle[appearance], !isDisabled && hoverStyle[appearance], isDisabled && containerMedia.disabled, isDisabled && disabledStyle[appearance], isInvalid && containerMedia.invalid, isInvalid && "_1h6d1bqt _4cvx1bqt _16qsizbr _1dbzizbr _uk1sr01l", className])
|
|
157
|
+
className: ax(["_16jlkb7n _1o9zkb7n _i0dl1osq _11c82smr _1reo15vq _18m915vq _v564r5cv _189ee4h9 _1e0c1txw _vchhusvi _4cvr1h6o _1bah1yb4 _lcxv1wug _s7n4jp4b _slp31hna _1tnqfajl", fg('platform-dst-shape-theme-default') && "_1tnq1qi0", getContainerTextBgAndBorderColor[appearance], containerStyleAppearance[appearance], !isDisabled && focusWithinStyle[appearance], !isDisabled && hoverStyle[appearance], isDisabled && containerMedia.disabled, isDisabled && disabledStyle[appearance], isInvalid && containerMedia.invalid, isInvalid && "_1h6d1bqt _4cvx1bqt _16qsizbr _1dbzizbr _uk1sr01l", className])
|
|
156
158
|
}, elemBeforeInput, /*#__PURE__*/React.createElement("input", _extends({}, spreadProps, {
|
|
157
159
|
"aria-invalid": isInvalid ? isInvalid : undefined
|
|
158
160
|
// TODO: When removing legacy theming fix this.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/textfield",
|
|
3
|
-
"version": "8.1
|
|
3
|
+
"version": "8.2.1",
|
|
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/"
|
|
@@ -26,8 +26,7 @@
|
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
28
28
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
29
|
-
"@atlaskit/
|
|
30
|
-
"@atlaskit/tokens": "^8.0.0",
|
|
29
|
+
"@atlaskit/tokens": "^9.0.0",
|
|
31
30
|
"@babel/runtime": "^7.0.0",
|
|
32
31
|
"@compiled/react": "^0.18.6"
|
|
33
32
|
},
|
|
@@ -38,16 +37,15 @@
|
|
|
38
37
|
"@af/accessibility-testing": "workspace:^",
|
|
39
38
|
"@af/integration-testing": "workspace:^",
|
|
40
39
|
"@af/visual-regression": "workspace:^",
|
|
41
|
-
"@atlaskit/avatar": "^25.
|
|
42
|
-
"@atlaskit/button": "^23.
|
|
40
|
+
"@atlaskit/avatar": "^25.6.0",
|
|
41
|
+
"@atlaskit/button": "^23.9.0",
|
|
43
42
|
"@atlaskit/docs": "^11.2.0",
|
|
44
|
-
"@atlaskit/ds-lib": "^5.
|
|
45
|
-
"@atlaskit/form": "^
|
|
46
|
-
"@atlaskit/icon": "^29.
|
|
43
|
+
"@atlaskit/ds-lib": "^5.3.0",
|
|
44
|
+
"@atlaskit/form": "^15.1.0",
|
|
45
|
+
"@atlaskit/icon": "^29.3.0",
|
|
47
46
|
"@atlaskit/link": "^3.2.0",
|
|
48
|
-
"@atlaskit/primitives": "^
|
|
49
|
-
"@atlaskit/section-message": "^8.
|
|
50
|
-
"@atlaskit/ssr": "workspace:^",
|
|
47
|
+
"@atlaskit/primitives": "^17.0.0",
|
|
48
|
+
"@atlaskit/section-message": "^8.11.0",
|
|
51
49
|
"@atlassian/ssr-tests": "workspace:^",
|
|
52
50
|
"@testing-library/react": "^13.4.0",
|
|
53
51
|
"@testing-library/user-event": "^14.4.3",
|
|
@@ -86,5 +84,10 @@
|
|
|
86
84
|
]
|
|
87
85
|
}
|
|
88
86
|
},
|
|
87
|
+
"platform-feature-flags": {
|
|
88
|
+
"platform-dst-shape-theme-default": {
|
|
89
|
+
"type": "boolean"
|
|
90
|
+
}
|
|
91
|
+
},
|
|
89
92
|
"homepage": "https://atlassian.design/components/textfield/"
|
|
90
93
|
}
|