@atlaskit/textfield 8.0.15 → 8.1.0

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.
Files changed (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/text-field.compiled.css +13 -19
  3. package/dist/cjs/text-field.js +18 -17
  4. package/dist/es2019/text-field.compiled.css +13 -19
  5. package/dist/es2019/text-field.js +18 -17
  6. package/dist/esm/text-field.compiled.css +13 -19
  7. package/dist/esm/text-field.js +18 -17
  8. package/package.json +3 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/textfield
2
2
 
3
+ ## 8.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`2568622464f45`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2568622464f45) -
8
+ release previously feature-gated change to textfield, textarea, and select to increase font size
9
+ to 16px on mobile
10
+
3
11
  ## 8.0.15
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/text-field.compiled.css CHANGED
@@ -7,18 +7,17 @@
7
7
  ._1dqoglyw{border-style:none}
8
8
  ._1dqonqa1{border-style:solid}
9
9
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
10
- ._1h6d1elr{border-color:var(--ds-border-input,#8590a2)}
11
10
  ._1h6d1j28{border-color:transparent}
12
- ._1h6dsyzs{border-color:var(--ds-background-disabled,#091e4208)}
11
+ ._1h6dby5v{border-color:var(--ds-background-disabled,#17171708)}
12
+ ._1h6drsbi{border-color:var(--ds-border-input,#8c8f97)}
13
13
  ._1p9x1j28._1p9x1j28:has(input:focus){border-color:transparent}
14
- ._1p9x1p6i._1p9x1p6i:has(input:focus){border-color:var(--ds-border-focused,#388bff)}
14
+ ._1p9x1v1w._1p9x1v1w:has(input:focus){border-color:var(--ds-border-focused,#4688ec)}
15
15
  ._11zpv77o[data-compact]{padding-block-end:var(--ds-space-025,2px)}
16
16
  ._12ji1r31{outline-color:currentColor}
17
17
  ._12y31o36{outline-width:medium}
18
18
  ._13xeglyw:invalid{box-shadow:none}
19
19
  ._141f12x7[data-compact]{padding-inline-start:var(--ds-space-075,6px)}
20
20
  ._14ji12x7:not([data-compact]){padding-block-end:var(--ds-space-075,6px)}
21
- ._14jiu2gc:not([data-compact]){padding-block-end:var(--ds-space-100,8px)}
22
21
  ._16hg1j28._16hg1j28{background-color:transparent}
23
22
  ._16jlkb7n{flex-grow:1}
24
23
  ._16qsizbr{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
@@ -27,15 +26,14 @@
27
26
  ._1bsb1osq{width:100%}
28
27
  ._1e0c1txw{display:flex}
29
28
  ._1goxglyw::-ms-clear{display:none}
30
- ._1idr131l::-ms-input-placeholder{color:var(--ds-text-subtlest,#626f86)}
31
- ._1idr131l::placeholder{color:var(--ds-text-subtlest,#626f86)}
32
- ._1idr1lh4::-ms-input-placeholder{color:var(--ds-text-disabled,#091e424f)}
33
- ._1idr1lh4::placeholder{color:var(--ds-text-disabled,#091e424f)}
29
+ ._1idr1gmx::-ms-input-placeholder{color:var(--ds-text-disabled,#080f214a)}
30
+ ._1idr1gmx::placeholder{color:var(--ds-text-disabled,#080f214a)}
31
+ ._1idr1rpy::-ms-input-placeholder{color:var(--ds-text-subtlest,#6b6e76)}
32
+ ._1idr1rpy::placeholder{color:var(--ds-text-subtlest,#6b6e76)}
34
33
  ._1kod12x7:not([data-compact]){padding-inline-end:var(--ds-space-075,6px)}
35
34
  ._1l02v77o[data-compact]{padding-block-start:var(--ds-space-025,2px)}
36
35
  ._1n7e1l2s:placeholder-shown{text-overflow:ellipsis}
37
36
  ._1o9zkb7n{flex-shrink:1}
38
- ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
39
37
  ._1q51e4h9{padding-block-start:var(--ds-border-width,1px)}
40
38
  ._1qu2glyw{outline-style:none}
41
39
  ._1reo15vq{overflow-x:hidden}
@@ -45,37 +43,33 @@
45
43
  ._80om13gf{cursor:not-allowed}
46
44
  ._80om1kdv{cursor:text}
47
45
  ._80om1kw7{cursor:inherit}
48
- ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
49
46
  ._85i5e4h9{padding-block-end:var(--ds-border-width,1px)}
50
47
  ._bfhk1j28{background-color:transparent}
51
48
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
52
- ._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
53
- ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
49
+ ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
54
50
  ._bozgidpf{padding-inline-start:0}
55
51
  ._daj712x7[data-compact]{padding-inline-end:var(--ds-space-075,6px)}
56
52
  ._ect41odn{font-family:var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
57
53
  ._i0dl1osq{flex-basis:100%}
58
54
  ._lcxv1wug{pointer-events:auto}
59
55
  ._olc612x7:not([data-compact]){padding-block-start:var(--ds-space-075,6px)}
60
- ._olc6u2gc:not([data-compact]){padding-block-start:var(--ds-space-100,8px)}
61
56
  ._q4333sij._q4333sij:has(input:focus){box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
62
- ._q433q049._q433q049:has(input:focus){box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#388bff)}
57
+ ._q433vyy1._q433vyy1:has(input:focus){box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
63
58
  ._qao91j28._qao91j28:has(input:focus){background-color:transparent}
64
59
  ._qao9r01l._qao9r01l:has(input:focus){background-color:var(--ds-background-input-pressed,#fff)}
65
60
  ._s7n4jp4b{vertical-align:top}
66
61
  ._slp31hna{word-wrap:break-word}
67
- ._syaz1fxt{color:var(--ds-text,#172b4d)}
62
+ ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
68
63
  ._syaz1kw7{color:inherit}
69
- ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
64
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
70
65
  ._uk1sr01l:has(input:focus){background-color:var(--ds-background-input-pressed,#fff)}
71
66
  ._vchhusvi{box-sizing:border-box}
72
- ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
73
67
  ._y4tiidpf{padding-inline-end:0}
74
68
  ._4cvx1bqt:hover{border-color:var(--ds-border-danger,#e2483d)}
75
- ._4cvx1elr:hover{border-color:var(--ds-border-input,#8590a2)}
76
69
  ._4cvx1j28:hover{border-color:transparent}
70
+ ._4cvxrsbi:hover{border-color:var(--ds-border-input,#8c8f97)}
77
71
  ._1dbzizbr:hover{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
78
- ._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
79
72
  ._irr31j28:hover{background-color:transparent}
73
+ ._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
80
74
  @media screen and (-ms-high-contrast:active){._1fnx18qt{color:GrayText}._6up518qt{border-color:GrayText}._msj6gir2:has(input:focus){border-color:Highlight}}
81
75
  @media (min-width:30rem){._14md1odn{font-family:var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}._1srd1b66[data-compact]{padding-block-end:var(--ds-space-050,4px)}._oi9h1b66[data-compact]{padding-block-start:var(--ds-space-050,4px)}._1e3012x7[data-compact]{padding-inline-end:var(--ds-space-075,6px)}._1txv12x7[data-compact]{padding-inline-start:var(--ds-space-075,6px)}._1tn22smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}._l9oiu2gc:not([data-compact]){padding-block-end:var(--ds-space-100,8px)}._549yu2gc:not([data-compact]){padding-block-start:var(--ds-space-100,8px)}._1h5w12x7:not([data-compact]){padding-inline-end:var(--ds-space-075,6px)}._124212x7:not([data-compact]){padding-inline-start:var(--ds-space-075,6px)}}
package/dist/cjs/text-field.js CHANGED
@@ -15,7 +15,6 @@ 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");
19
18
  var _excluded = ["appearance", "className", "elemAfterInput", "elemBeforeInput", "isCompact", "isDisabled", "isInvalid", "isMonospaced", "isReadOnly", "isRequired", "name", "onBlur", "onChange", "onFocus", "onMouseDown", "placeholder", "testId", "width"];
20
19
  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); }
21
20
  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; }
@@ -28,28 +27,28 @@ var inputMediaDisabled = null;
28
27
  var analyticsParams = {
29
28
  componentName: 'textField',
30
29
  packageName: "@atlaskit/textfield",
31
- packageVersion: "8.0.14"
30
+ packageVersion: "8.0.15"
32
31
  };
33
32
  var disabledStyle = {
34
- standard: "_1h6dsyzs _bfhksyzs _syaz1lh4 _80om13gf",
35
- subtle: "_1h6d1j28 _bfhk1j28 _syaz1lh4 _80om13gf",
36
- none: "_1h6d1j28 _bfhk1j28 _syaz1lh4 _80om13gf"
33
+ standard: "_1h6dby5v _bfhkby5v _syaz1gmx _80om13gf",
34
+ subtle: "_1h6d1j28 _bfhk1j28 _syaz1gmx _80om13gf",
35
+ none: "_1h6d1j28 _bfhk1j28 _syaz1gmx _80om13gf"
37
36
  };
38
37
  var invalidStyle = null;
39
38
  var focusWithinStyle = {
40
- standard: "_1p9x1p6i _qao9r01l _q433q049",
41
- subtle: "_1p9x1p6i _qao9r01l _q433q049",
39
+ standard: "_1p9x1v1w _qao9r01l _q433vyy1",
40
+ subtle: "_1p9x1v1w _qao9r01l _q433vyy1",
42
41
  none: "_1p9x1j28 _qao91j28 _q4333sij"
43
42
  };
44
43
  var hoverStyle = {
45
- standard: "_4cvx1elr _irr31d5g",
46
- subtle: "_4cvx1elr _irr31d5g",
44
+ standard: "_4cvxrsbi _irr3l4ek",
45
+ subtle: "_4cvxrsbi _irr3l4ek",
47
46
  none: "_4cvx1j28 _irr31j28"
48
47
  };
49
48
  var getContainerTextBgAndBorderColor = {
50
- standard: "_1h6d1elr _1dqonqa1 _syaz1fxt _80om1kdv _bfhk1j9a _msj6gir2",
51
- subtle: "_1h6d1j28 _1dqonqa1 _syaz1fxt _80om1kdv _16hg1j28 _msj6gir2",
52
- none: "_1h6d1j28 _1dqoglyw _syaz1fxt _80om1kdv _16hg1j28 _msj6gir2"
49
+ standard: "_1h6drsbi _1dqonqa1 _syazi7uo _80om1kdv _bfhk1j9a _msj6gir2",
50
+ subtle: "_1h6d1j28 _1dqonqa1 _syazi7uo _80om1kdv _16hg1j28 _msj6gir2",
51
+ none: "_1h6d1j28 _1dqoglyw _syazi7uo _80om1kdv _16hg1j28 _msj6gir2"
53
52
  };
54
53
  var widthMap = {
55
54
  xsmall: 80,
@@ -68,12 +67,14 @@ var containerStyleAppearance = {
68
67
  };
69
68
  var containerStyles = null;
70
69
  var inputDisabledStyle = null;
71
- var inputCompactStyleWithFg = null;
72
70
  var inputCompactStyle = null;
73
71
  var inputMonospacedStyle = null;
74
- var inputFontStyleWithFG = null;
75
- var inputStyleMonospacedWithFg = null;
76
- var inputStyleNotDataCompactWithFG = null;
72
+
73
+ // iOS Safari automatically zooms into form inputs on focus when the font size is less than 16px.
74
+ // To prevent this zoom behaviour on mobile devices, the textfield uses font.body.large (16px) by default,
75
+ // then switches to the smaller font.body on screens wider than 30rem (desktop).
76
+ // @see: https://medium.com/@rares.popescu/2-ways-to-avoid-the-automatic-zoom-in-on-input-fields-8a71479e542e
77
+
77
78
  var inputStyle = null;
78
79
 
79
80
  /**
@@ -179,7 +180,7 @@ var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
179
180
  readOnly: isReadOnly,
180
181
  ref: setInputRef,
181
182
  required: isRequired,
182
- className: (0, _runtime.ax)(["_19itidpf _11c82smr _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _1bsb1osq _1ul9idpf _bfhk1j28 _syaz1kw7 _80om1kw7 _14jiu2gc _olc6u2gc _1kod12x7 _7ba012x7 _1goxglyw _13xeglyw _1n7e1l2s _1idr131l", isMonospaced && "_ect41odn", isCompact && "_85i51b66 _1q511b66 _y4ti12x7 _bozg12x7", isDisabled && "_syaz1lh4 _1idr1lh4", isDisabled && "_1fnx18qt", !isCompact && (0, _platformFeatureFlags.fg)('platform_design_system_team_safari_input_fix') && "_14ji12x7 _olc612x7 _1kod12x7 _7ba012x7 _l9oiu2gc _549yu2gc _1h5w12x7 _124212x7", (0, _platformFeatureFlags.fg)('platform_design_system_team_safari_input_fix') && "_11c81ixg _1tn22smr", isCompact && (0, _platformFeatureFlags.fg)('platform_design_system_team_safari_input_fix') && "_11zpv77o _1l02v77o _daj712x7 _141f12x7 _1srd1b66 _oi9h1b66 _1e3012x7 _1txv12x7", isMonospaced && (0, _platformFeatureFlags.fg)('platform_design_system_team_safari_input_fix') && "_ect41odn _14md1odn"])
183
+ className: (0, _runtime.ax)(["_19itidpf _11c81ixg _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _1bsb1osq _1ul9idpf _bfhk1j28 _syaz1kw7 _80om1kw7 _14ji12x7 _olc612x7 _1kod12x7 _7ba012x7 _1goxglyw _13xeglyw _1n7e1l2s _1idr1rpy _1tn22smr _l9oiu2gc _549yu2gc _1h5w12x7 _124212x7", isMonospaced && "_ect41odn _14md1odn", isCompact && "_11zpv77o _1l02v77o _daj712x7 _141f12x7 _1srd1b66 _oi9h1b66 _1e3012x7 _1txv12x7", isDisabled && "_syaz1gmx _1idr1gmx", isDisabled && "_1fnx18qt"])
183
184
  })), elemAfterInput);
184
185
  });
185
186
  var _default = exports.default = Textfield;
package/dist/es2019/text-field.compiled.css CHANGED
@@ -7,18 +7,17 @@
7
7
  ._1dqoglyw{border-style:none}
8
8
  ._1dqonqa1{border-style:solid}
9
9
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
10
- ._1h6d1elr{border-color:var(--ds-border-input,#8590a2)}
11
10
  ._1h6d1j28{border-color:transparent}
12
- ._1h6dsyzs{border-color:var(--ds-background-disabled,#091e4208)}
11
+ ._1h6dby5v{border-color:var(--ds-background-disabled,#17171708)}
12
+ ._1h6drsbi{border-color:var(--ds-border-input,#8c8f97)}
13
13
  ._1p9x1j28._1p9x1j28:has(input:focus){border-color:transparent}
14
- ._1p9x1p6i._1p9x1p6i:has(input:focus){border-color:var(--ds-border-focused,#388bff)}
14
+ ._1p9x1v1w._1p9x1v1w:has(input:focus){border-color:var(--ds-border-focused,#4688ec)}
15
15
  ._11zpv77o[data-compact]{padding-block-end:var(--ds-space-025,2px)}
16
16
  ._12ji1r31{outline-color:currentColor}
17
17
  ._12y31o36{outline-width:medium}
18
18
  ._13xeglyw:invalid{box-shadow:none}
19
19
  ._141f12x7[data-compact]{padding-inline-start:var(--ds-space-075,6px)}
20
20
  ._14ji12x7:not([data-compact]){padding-block-end:var(--ds-space-075,6px)}
21
- ._14jiu2gc:not([data-compact]){padding-block-end:var(--ds-space-100,8px)}
22
21
  ._16hg1j28._16hg1j28{background-color:transparent}
23
22
  ._16jlkb7n{flex-grow:1}
24
23
  ._16qsizbr{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
@@ -27,15 +26,14 @@
27
26
  ._1bsb1osq{width:100%}
28
27
  ._1e0c1txw{display:flex}
29
28
  ._1goxglyw::-ms-clear{display:none}
30
- ._1idr131l::-ms-input-placeholder{color:var(--ds-text-subtlest,#626f86)}
31
- ._1idr131l::placeholder{color:var(--ds-text-subtlest,#626f86)}
32
- ._1idr1lh4::-ms-input-placeholder{color:var(--ds-text-disabled,#091e424f)}
33
- ._1idr1lh4::placeholder{color:var(--ds-text-disabled,#091e424f)}
29
+ ._1idr1gmx::-ms-input-placeholder{color:var(--ds-text-disabled,#080f214a)}
30
+ ._1idr1gmx::placeholder{color:var(--ds-text-disabled,#080f214a)}
31
+ ._1idr1rpy::-ms-input-placeholder{color:var(--ds-text-subtlest,#6b6e76)}
32
+ ._1idr1rpy::placeholder{color:var(--ds-text-subtlest,#6b6e76)}
34
33
  ._1kod12x7:not([data-compact]){padding-inline-end:var(--ds-space-075,6px)}
35
34
  ._1l02v77o[data-compact]{padding-block-start:var(--ds-space-025,2px)}
36
35
  ._1n7e1l2s:placeholder-shown{text-overflow:ellipsis}
37
36
  ._1o9zkb7n{flex-shrink:1}
38
- ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
39
37
  ._1q51e4h9{padding-block-start:var(--ds-border-width,1px)}
40
38
  ._1qu2glyw{outline-style:none}
41
39
  ._1reo15vq{overflow-x:hidden}
@@ -45,37 +43,33 @@
45
43
  ._80om13gf{cursor:not-allowed}
46
44
  ._80om1kdv{cursor:text}
47
45
  ._80om1kw7{cursor:inherit}
48
- ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
49
46
  ._85i5e4h9{padding-block-end:var(--ds-border-width,1px)}
50
47
  ._bfhk1j28{background-color:transparent}
51
48
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
52
- ._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
53
- ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
49
+ ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
54
50
  ._bozgidpf{padding-inline-start:0}
55
51
  ._daj712x7[data-compact]{padding-inline-end:var(--ds-space-075,6px)}
56
52
  ._ect41odn{font-family:var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
57
53
  ._i0dl1osq{flex-basis:100%}
58
54
  ._lcxv1wug{pointer-events:auto}
59
55
  ._olc612x7:not([data-compact]){padding-block-start:var(--ds-space-075,6px)}
60
- ._olc6u2gc:not([data-compact]){padding-block-start:var(--ds-space-100,8px)}
61
56
  ._q4333sij._q4333sij:has(input:focus){box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
62
- ._q433q049._q433q049:has(input:focus){box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#388bff)}
57
+ ._q433vyy1._q433vyy1:has(input:focus){box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
63
58
  ._qao91j28._qao91j28:has(input:focus){background-color:transparent}
64
59
  ._qao9r01l._qao9r01l:has(input:focus){background-color:var(--ds-background-input-pressed,#fff)}
65
60
  ._s7n4jp4b{vertical-align:top}
66
61
  ._slp31hna{word-wrap:break-word}
67
- ._syaz1fxt{color:var(--ds-text,#172b4d)}
62
+ ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
68
63
  ._syaz1kw7{color:inherit}
69
- ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
64
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
70
65
  ._uk1sr01l:has(input:focus){background-color:var(--ds-background-input-pressed,#fff)}
71
66
  ._vchhusvi{box-sizing:border-box}
72
- ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
73
67
  ._y4tiidpf{padding-inline-end:0}
74
68
  ._4cvx1bqt:hover{border-color:var(--ds-border-danger,#e2483d)}
75
- ._4cvx1elr:hover{border-color:var(--ds-border-input,#8590a2)}
76
69
  ._4cvx1j28:hover{border-color:transparent}
70
+ ._4cvxrsbi:hover{border-color:var(--ds-border-input,#8c8f97)}
77
71
  ._1dbzizbr:hover{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
78
- ._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
79
72
  ._irr31j28:hover{background-color:transparent}
73
+ ._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
80
74
  @media screen and (-ms-high-contrast:active){._1fnx18qt{color:GrayText}._6up518qt{border-color:GrayText}._msj6gir2:has(input:focus){border-color:Highlight}}
81
75
  @media (min-width:30rem){._14md1odn{font-family:var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}._1srd1b66[data-compact]{padding-block-end:var(--ds-space-050,4px)}._oi9h1b66[data-compact]{padding-block-start:var(--ds-space-050,4px)}._1e3012x7[data-compact]{padding-inline-end:var(--ds-space-075,6px)}._1txv12x7[data-compact]{padding-inline-start:var(--ds-space-075,6px)}._1tn22smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}._l9oiu2gc:not([data-compact]){padding-block-end:var(--ds-space-100,8px)}._549yu2gc:not([data-compact]){padding-block-start:var(--ds-space-100,8px)}._1h5w12x7:not([data-compact]){padding-inline-end:var(--ds-space-075,6px)}._124212x7:not([data-compact]){padding-inline-start:var(--ds-space-075,6px)}}
package/dist/es2019/text-field.js CHANGED
@@ -4,7 +4,6 @@ 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';
8
7
  const containerMedia = {
9
8
  invalid: "_msj6gir2",
10
9
  disabled: "_6up518qt"
@@ -13,28 +12,28 @@ const inputMediaDisabled = null;
13
12
  const analyticsParams = {
14
13
  componentName: 'textField',
15
14
  packageName: "@atlaskit/textfield",
16
- packageVersion: "8.0.14"
15
+ packageVersion: "8.0.15"
17
16
  };
18
17
  const disabledStyle = {
19
- standard: "_1h6dsyzs _bfhksyzs _syaz1lh4 _80om13gf",
20
- subtle: "_1h6d1j28 _bfhk1j28 _syaz1lh4 _80om13gf",
21
- none: "_1h6d1j28 _bfhk1j28 _syaz1lh4 _80om13gf"
18
+ standard: "_1h6dby5v _bfhkby5v _syaz1gmx _80om13gf",
19
+ subtle: "_1h6d1j28 _bfhk1j28 _syaz1gmx _80om13gf",
20
+ none: "_1h6d1j28 _bfhk1j28 _syaz1gmx _80om13gf"
22
21
  };
23
22
  const invalidStyle = null;
24
23
  const focusWithinStyle = {
25
- standard: "_1p9x1p6i _qao9r01l _q433q049",
26
- subtle: "_1p9x1p6i _qao9r01l _q433q049",
24
+ standard: "_1p9x1v1w _qao9r01l _q433vyy1",
25
+ subtle: "_1p9x1v1w _qao9r01l _q433vyy1",
27
26
  none: "_1p9x1j28 _qao91j28 _q4333sij"
28
27
  };
29
28
  const hoverStyle = {
30
- standard: "_4cvx1elr _irr31d5g",
31
- subtle: "_4cvx1elr _irr31d5g",
29
+ standard: "_4cvxrsbi _irr3l4ek",
30
+ subtle: "_4cvxrsbi _irr3l4ek",
32
31
  none: "_4cvx1j28 _irr31j28"
33
32
  };
34
33
  const getContainerTextBgAndBorderColor = {
35
- standard: "_1h6d1elr _1dqonqa1 _syaz1fxt _80om1kdv _bfhk1j9a _msj6gir2",
36
- subtle: "_1h6d1j28 _1dqonqa1 _syaz1fxt _80om1kdv _16hg1j28 _msj6gir2",
37
- none: "_1h6d1j28 _1dqoglyw _syaz1fxt _80om1kdv _16hg1j28 _msj6gir2"
34
+ standard: "_1h6drsbi _1dqonqa1 _syazi7uo _80om1kdv _bfhk1j9a _msj6gir2",
35
+ subtle: "_1h6d1j28 _1dqonqa1 _syazi7uo _80om1kdv _16hg1j28 _msj6gir2",
36
+ none: "_1h6d1j28 _1dqoglyw _syazi7uo _80om1kdv _16hg1j28 _msj6gir2"
38
37
  };
39
38
  const widthMap = {
40
39
  xsmall: 80,
@@ -51,12 +50,14 @@ const containerStyleAppearance = {
51
50
  };
52
51
  const containerStyles = null;
53
52
  const inputDisabledStyle = null;
54
- const inputCompactStyleWithFg = null;
55
53
  const inputCompactStyle = null;
56
54
  const inputMonospacedStyle = null;
57
- const inputFontStyleWithFG = null;
58
- const inputStyleMonospacedWithFg = null;
59
- const inputStyleNotDataCompactWithFG = null;
55
+
56
+ // iOS Safari automatically zooms into form inputs on focus when the font size is less than 16px.
57
+ // To prevent this zoom behaviour on mobile devices, the textfield uses font.body.large (16px) by default,
58
+ // then switches to the smaller font.body on screens wider than 30rem (desktop).
59
+ // @see: https://medium.com/@rares.popescu/2-ways-to-avoid-the-automatic-zoom-in-on-input-fields-8a71479e542e
60
+
60
61
  const inputStyle = null;
61
62
 
62
63
  /**
@@ -159,7 +160,7 @@ const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
159
160
  readOnly: isReadOnly,
160
161
  ref: setInputRef,
161
162
  required: isRequired,
162
- className: ax(["_19itidpf _11c82smr _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _1bsb1osq _1ul9idpf _bfhk1j28 _syaz1kw7 _80om1kw7 _14jiu2gc _olc6u2gc _1kod12x7 _7ba012x7 _1goxglyw _13xeglyw _1n7e1l2s _1idr131l", isMonospaced && "_ect41odn", isCompact && "_85i51b66 _1q511b66 _y4ti12x7 _bozg12x7", isDisabled && "_syaz1lh4 _1idr1lh4", isDisabled && "_1fnx18qt", !isCompact && fg('platform_design_system_team_safari_input_fix') && "_14ji12x7 _olc612x7 _1kod12x7 _7ba012x7 _l9oiu2gc _549yu2gc _1h5w12x7 _124212x7", fg('platform_design_system_team_safari_input_fix') && "_11c81ixg _1tn22smr", isCompact && fg('platform_design_system_team_safari_input_fix') && "_11zpv77o _1l02v77o _daj712x7 _141f12x7 _1srd1b66 _oi9h1b66 _1e3012x7 _1txv12x7", isMonospaced && fg('platform_design_system_team_safari_input_fix') && "_ect41odn _14md1odn"])
163
+ className: ax(["_19itidpf _11c81ixg _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _1bsb1osq _1ul9idpf _bfhk1j28 _syaz1kw7 _80om1kw7 _14ji12x7 _olc612x7 _1kod12x7 _7ba012x7 _1goxglyw _13xeglyw _1n7e1l2s _1idr1rpy _1tn22smr _l9oiu2gc _549yu2gc _1h5w12x7 _124212x7", isMonospaced && "_ect41odn _14md1odn", isCompact && "_11zpv77o _1l02v77o _daj712x7 _141f12x7 _1srd1b66 _oi9h1b66 _1e3012x7 _1txv12x7", isDisabled && "_syaz1gmx _1idr1gmx", isDisabled && "_1fnx18qt"])
163
164
  })), elemAfterInput);
164
165
  });
165
166
  export default Textfield;
package/dist/esm/text-field.compiled.css CHANGED
@@ -7,18 +7,17 @@
7
7
  ._1dqoglyw{border-style:none}
8
8
  ._1dqonqa1{border-style:solid}
9
9
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
10
- ._1h6d1elr{border-color:var(--ds-border-input,#8590a2)}
11
10
  ._1h6d1j28{border-color:transparent}
12
- ._1h6dsyzs{border-color:var(--ds-background-disabled,#091e4208)}
11
+ ._1h6dby5v{border-color:var(--ds-background-disabled,#17171708)}
12
+ ._1h6drsbi{border-color:var(--ds-border-input,#8c8f97)}
13
13
  ._1p9x1j28._1p9x1j28:has(input:focus){border-color:transparent}
14
- ._1p9x1p6i._1p9x1p6i:has(input:focus){border-color:var(--ds-border-focused,#388bff)}
14
+ ._1p9x1v1w._1p9x1v1w:has(input:focus){border-color:var(--ds-border-focused,#4688ec)}
15
15
  ._11zpv77o[data-compact]{padding-block-end:var(--ds-space-025,2px)}
16
16
  ._12ji1r31{outline-color:currentColor}
17
17
  ._12y31o36{outline-width:medium}
18
18
  ._13xeglyw:invalid{box-shadow:none}
19
19
  ._141f12x7[data-compact]{padding-inline-start:var(--ds-space-075,6px)}
20
20
  ._14ji12x7:not([data-compact]){padding-block-end:var(--ds-space-075,6px)}
21
- ._14jiu2gc:not([data-compact]){padding-block-end:var(--ds-space-100,8px)}
22
21
  ._16hg1j28._16hg1j28{background-color:transparent}
23
22
  ._16jlkb7n{flex-grow:1}
24
23
  ._16qsizbr{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
@@ -27,15 +26,14 @@
27
26
  ._1bsb1osq{width:100%}
28
27
  ._1e0c1txw{display:flex}
29
28
  ._1goxglyw::-ms-clear{display:none}
30
- ._1idr131l::-ms-input-placeholder{color:var(--ds-text-subtlest,#626f86)}
31
- ._1idr131l::placeholder{color:var(--ds-text-subtlest,#626f86)}
32
- ._1idr1lh4::-ms-input-placeholder{color:var(--ds-text-disabled,#091e424f)}
33
- ._1idr1lh4::placeholder{color:var(--ds-text-disabled,#091e424f)}
29
+ ._1idr1gmx::-ms-input-placeholder{color:var(--ds-text-disabled,#080f214a)}
30
+ ._1idr1gmx::placeholder{color:var(--ds-text-disabled,#080f214a)}
31
+ ._1idr1rpy::-ms-input-placeholder{color:var(--ds-text-subtlest,#6b6e76)}
32
+ ._1idr1rpy::placeholder{color:var(--ds-text-subtlest,#6b6e76)}
34
33
  ._1kod12x7:not([data-compact]){padding-inline-end:var(--ds-space-075,6px)}
35
34
  ._1l02v77o[data-compact]{padding-block-start:var(--ds-space-025,2px)}
36
35
  ._1n7e1l2s:placeholder-shown{text-overflow:ellipsis}
37
36
  ._1o9zkb7n{flex-shrink:1}
38
- ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
39
37
  ._1q51e4h9{padding-block-start:var(--ds-border-width,1px)}
40
38
  ._1qu2glyw{outline-style:none}
41
39
  ._1reo15vq{overflow-x:hidden}
@@ -45,37 +43,33 @@
45
43
  ._80om13gf{cursor:not-allowed}
46
44
  ._80om1kdv{cursor:text}
47
45
  ._80om1kw7{cursor:inherit}
48
- ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
49
46
  ._85i5e4h9{padding-block-end:var(--ds-border-width,1px)}
50
47
  ._bfhk1j28{background-color:transparent}
51
48
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
52
- ._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
53
- ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
49
+ ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
54
50
  ._bozgidpf{padding-inline-start:0}
55
51
  ._daj712x7[data-compact]{padding-inline-end:var(--ds-space-075,6px)}
56
52
  ._ect41odn{font-family:var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
57
53
  ._i0dl1osq{flex-basis:100%}
58
54
  ._lcxv1wug{pointer-events:auto}
59
55
  ._olc612x7:not([data-compact]){padding-block-start:var(--ds-space-075,6px)}
60
- ._olc6u2gc:not([data-compact]){padding-block-start:var(--ds-space-100,8px)}
61
56
  ._q4333sij._q4333sij:has(input:focus){box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
62
- ._q433q049._q433q049:has(input:focus){box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#388bff)}
57
+ ._q433vyy1._q433vyy1:has(input:focus){box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
63
58
  ._qao91j28._qao91j28:has(input:focus){background-color:transparent}
64
59
  ._qao9r01l._qao9r01l:has(input:focus){background-color:var(--ds-background-input-pressed,#fff)}
65
60
  ._s7n4jp4b{vertical-align:top}
66
61
  ._slp31hna{word-wrap:break-word}
67
- ._syaz1fxt{color:var(--ds-text,#172b4d)}
62
+ ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
68
63
  ._syaz1kw7{color:inherit}
69
- ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
64
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
70
65
  ._uk1sr01l:has(input:focus){background-color:var(--ds-background-input-pressed,#fff)}
71
66
  ._vchhusvi{box-sizing:border-box}
72
- ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
73
67
  ._y4tiidpf{padding-inline-end:0}
74
68
  ._4cvx1bqt:hover{border-color:var(--ds-border-danger,#e2483d)}
75
- ._4cvx1elr:hover{border-color:var(--ds-border-input,#8590a2)}
76
69
  ._4cvx1j28:hover{border-color:transparent}
70
+ ._4cvxrsbi:hover{border-color:var(--ds-border-input,#8c8f97)}
77
71
  ._1dbzizbr:hover{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
78
- ._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
79
72
  ._irr31j28:hover{background-color:transparent}
73
+ ._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
80
74
  @media screen and (-ms-high-contrast:active){._1fnx18qt{color:GrayText}._6up518qt{border-color:GrayText}._msj6gir2:has(input:focus){border-color:Highlight}}
81
75
  @media (min-width:30rem){._14md1odn{font-family:var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}._1srd1b66[data-compact]{padding-block-end:var(--ds-space-050,4px)}._oi9h1b66[data-compact]{padding-block-start:var(--ds-space-050,4px)}._1e3012x7[data-compact]{padding-inline-end:var(--ds-space-075,6px)}._1txv12x7[data-compact]{padding-inline-start:var(--ds-space-075,6px)}._1tn22smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}._l9oiu2gc:not([data-compact]){padding-block-end:var(--ds-space-100,8px)}._549yu2gc:not([data-compact]){padding-block-start:var(--ds-space-100,8px)}._1h5w12x7:not([data-compact]){padding-inline-end:var(--ds-space-075,6px)}._124212x7:not([data-compact]){padding-inline-start:var(--ds-space-075,6px)}}
package/dist/esm/text-field.js CHANGED
@@ -10,7 +10,6 @@ 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';
14
13
  var containerMedia = {
15
14
  invalid: "_msj6gir2",
16
15
  disabled: "_6up518qt"
@@ -19,28 +18,28 @@ var inputMediaDisabled = null;
19
18
  var analyticsParams = {
20
19
  componentName: 'textField',
21
20
  packageName: "@atlaskit/textfield",
22
- packageVersion: "8.0.14"
21
+ packageVersion: "8.0.15"
23
22
  };
24
23
  var disabledStyle = {
25
- standard: "_1h6dsyzs _bfhksyzs _syaz1lh4 _80om13gf",
26
- subtle: "_1h6d1j28 _bfhk1j28 _syaz1lh4 _80om13gf",
27
- none: "_1h6d1j28 _bfhk1j28 _syaz1lh4 _80om13gf"
24
+ standard: "_1h6dby5v _bfhkby5v _syaz1gmx _80om13gf",
25
+ subtle: "_1h6d1j28 _bfhk1j28 _syaz1gmx _80om13gf",
26
+ none: "_1h6d1j28 _bfhk1j28 _syaz1gmx _80om13gf"
28
27
  };
29
28
  var invalidStyle = null;
30
29
  var focusWithinStyle = {
31
- standard: "_1p9x1p6i _qao9r01l _q433q049",
32
- subtle: "_1p9x1p6i _qao9r01l _q433q049",
30
+ standard: "_1p9x1v1w _qao9r01l _q433vyy1",
31
+ subtle: "_1p9x1v1w _qao9r01l _q433vyy1",
33
32
  none: "_1p9x1j28 _qao91j28 _q4333sij"
34
33
  };
35
34
  var hoverStyle = {
36
- standard: "_4cvx1elr _irr31d5g",
37
- subtle: "_4cvx1elr _irr31d5g",
35
+ standard: "_4cvxrsbi _irr3l4ek",
36
+ subtle: "_4cvxrsbi _irr3l4ek",
38
37
  none: "_4cvx1j28 _irr31j28"
39
38
  };
40
39
  var getContainerTextBgAndBorderColor = {
41
- standard: "_1h6d1elr _1dqonqa1 _syaz1fxt _80om1kdv _bfhk1j9a _msj6gir2",
42
- subtle: "_1h6d1j28 _1dqonqa1 _syaz1fxt _80om1kdv _16hg1j28 _msj6gir2",
43
- none: "_1h6d1j28 _1dqoglyw _syaz1fxt _80om1kdv _16hg1j28 _msj6gir2"
40
+ standard: "_1h6drsbi _1dqonqa1 _syazi7uo _80om1kdv _bfhk1j9a _msj6gir2",
41
+ subtle: "_1h6d1j28 _1dqonqa1 _syazi7uo _80om1kdv _16hg1j28 _msj6gir2",
42
+ none: "_1h6d1j28 _1dqoglyw _syazi7uo _80om1kdv _16hg1j28 _msj6gir2"
44
43
  };
45
44
  var widthMap = {
46
45
  xsmall: 80,
@@ -59,12 +58,14 @@ var containerStyleAppearance = {
59
58
  };
60
59
  var containerStyles = null;
61
60
  var inputDisabledStyle = null;
62
- var inputCompactStyleWithFg = null;
63
61
  var inputCompactStyle = null;
64
62
  var inputMonospacedStyle = null;
65
- var inputFontStyleWithFG = null;
66
- var inputStyleMonospacedWithFg = null;
67
- var inputStyleNotDataCompactWithFG = null;
63
+
64
+ // iOS Safari automatically zooms into form inputs on focus when the font size is less than 16px.
65
+ // To prevent this zoom behaviour on mobile devices, the textfield uses font.body.large (16px) by default,
66
+ // then switches to the smaller font.body on screens wider than 30rem (desktop).
67
+ // @see: https://medium.com/@rares.popescu/2-ways-to-avoid-the-automatic-zoom-in-on-input-fields-8a71479e542e
68
+
68
69
  var inputStyle = null;
69
70
 
70
71
  /**
@@ -170,7 +171,7 @@ var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
170
171
  readOnly: isReadOnly,
171
172
  ref: setInputRef,
172
173
  required: isRequired,
173
- className: ax(["_19itidpf _11c82smr _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _1bsb1osq _1ul9idpf _bfhk1j28 _syaz1kw7 _80om1kw7 _14jiu2gc _olc6u2gc _1kod12x7 _7ba012x7 _1goxglyw _13xeglyw _1n7e1l2s _1idr131l", isMonospaced && "_ect41odn", isCompact && "_85i51b66 _1q511b66 _y4ti12x7 _bozg12x7", isDisabled && "_syaz1lh4 _1idr1lh4", isDisabled && "_1fnx18qt", !isCompact && fg('platform_design_system_team_safari_input_fix') && "_14ji12x7 _olc612x7 _1kod12x7 _7ba012x7 _l9oiu2gc _549yu2gc _1h5w12x7 _124212x7", fg('platform_design_system_team_safari_input_fix') && "_11c81ixg _1tn22smr", isCompact && fg('platform_design_system_team_safari_input_fix') && "_11zpv77o _1l02v77o _daj712x7 _141f12x7 _1srd1b66 _oi9h1b66 _1e3012x7 _1txv12x7", isMonospaced && fg('platform_design_system_team_safari_input_fix') && "_ect41odn _14md1odn"])
174
+ className: ax(["_19itidpf _11c81ixg _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _1bsb1osq _1ul9idpf _bfhk1j28 _syaz1kw7 _80om1kw7 _14ji12x7 _olc612x7 _1kod12x7 _7ba012x7 _1goxglyw _13xeglyw _1n7e1l2s _1idr1rpy _1tn22smr _l9oiu2gc _549yu2gc _1h5w12x7 _124212x7", isMonospaced && "_ect41odn _14md1odn", isCompact && "_11zpv77o _1l02v77o _daj712x7 _141f12x7 _1srd1b66 _oi9h1b66 _1e3012x7 _1txv12x7", isDisabled && "_syaz1gmx _1idr1gmx", isDisabled && "_1fnx18qt"])
174
175
  })), elemAfterInput);
175
176
  });
176
177
  export default Textfield;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/textfield",
3
- "version": "8.0.15",
3
+ "version": "8.1.0",
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/"
@@ -43,7 +43,7 @@
43
43
  "@atlaskit/docs": "^11.2.0",
44
44
  "@atlaskit/ds-lib": "^5.2.0",
45
45
  "@atlaskit/form": "^14.2.0",
46
- "@atlaskit/icon": "^28.5.0",
46
+ "@atlaskit/icon": "^29.0.0",
47
47
  "@atlaskit/link": "^3.2.0",
48
48
  "@atlaskit/primitives": "^16.1.0",
49
49
  "@atlaskit/section-message": "^8.9.0",
@@ -86,10 +86,5 @@
86
86
  ]
87
87
  }
88
88
  },
89
- "homepage": "https://atlassian.design/components/textfield/",
90
- "platform-feature-flags": {
91
- "platform_design_system_team_safari_input_fix": {
92
- "type": "boolean"
93
- }
94
- }
89
+ "homepage": "https://atlassian.design/components/textfield/"
95
90
  }