@atlaskit/textfield 8.0.2 → 8.0.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/text-field.compiled.css +2 -3
  3. package/dist/cjs/text-field.js +2 -2
  4. package/dist/es2019/text-field.compiled.css +2 -3
  5. package/dist/es2019/text-field.js +2 -2
  6. package/dist/esm/text-field.compiled.css +2 -3
  7. package/dist/esm/text-field.js +2 -2
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/textfield
2
2
 
3
+ ## 8.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#129364](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129364)
8
+ [`998814482368f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/998814482368f) -
9
+ Internal changes to placeholder text color for disabled text fields.
10
+
3
11
  ## 8.0.2
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/text-field.compiled.css CHANGED
@@ -28,6 +28,8 @@
28
28
  ._1goxglyw::-ms-clear{display:none}
29
29
  ._1idr131l::-ms-input-placeholder{color:var(--ds-text-subtlest,#626f86)}
30
30
  ._1idr131l::placeholder{color:var(--ds-text-subtlest,#626f86)}
31
+ ._1idr1lh4::-ms-input-placeholder{color:var(--ds-text-disabled,#091e424f)}
32
+ ._1idr1lh4::placeholder{color:var(--ds-text-disabled,#091e424f)}
31
33
  ._1kod12x7:not([data-compact]){padding-inline-end:var(--ds-space-075,6px)}
32
34
  ._1l02v77o[data-compact]{padding-block-start:var(--ds-space-025,2px)}
33
35
  ._1n7e1l2s:placeholder-shown{text-overflow:ellipsis}
@@ -37,8 +39,6 @@
37
39
  ._1qu2glyw{outline-style:none}
38
40
  ._1reo15vq{overflow-x:hidden}
39
41
  ._1ul9idpf{min-width:0}
40
- ._3hog1lh4::-ms-input-placeholder:disabled{color:var(--ds-text-disabled,#091e424f)}
41
- ._3hog1lh4::placeholder:disabled{color:var(--ds-text-disabled,#091e424f)}
42
42
  ._4cvr1h6o{align-items:center}
43
43
  ._7ba012x7:not([data-compact]){padding-inline-start:var(--ds-space-075,6px)}
44
44
  ._80om13gf{cursor:not-allowed}
@@ -57,7 +57,6 @@
57
57
  ._lcxv1wug{pointer-events:auto}
58
58
  ._olc612x7:not([data-compact]){padding-block-start:var(--ds-space-075,6px)}
59
59
  ._olc6u2gc:not([data-compact]){padding-block-start:var(--ds-space-100,8px)}
60
- ._oo9g1lh4{-webkit-text-fill-color:var(--ds-text-disabled,#091e424f)}
61
60
  ._s7n4jp4b{vertical-align:top}
62
61
  ._slp31hna{word-wrap:break-word}
63
62
  ._syaz1fxt{color:var(--ds-text,#172b4d)}
package/dist/cjs/text-field.js CHANGED
@@ -29,7 +29,7 @@ var inputMediaDisabled = null;
29
29
  var analyticsParams = {
30
30
  componentName: 'textField',
31
31
  packageName: "@atlaskit/textfield",
32
- packageVersion: "8.0.2"
32
+ packageVersion: "8.0.3"
33
33
  };
34
34
  var disabledStyle = {
35
35
  standard: "_1h6dsyzs _bfhksyzs _syaz1lh4 _80om13gf",
@@ -182,7 +182,7 @@ var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
182
182
  readOnly: isReadOnly,
183
183
  ref: setInputRef,
184
184
  required: isRequired,
185
- className: (0, _runtime.ax)(["_19itidpf _11c82smr _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _1bsb1osq _1ul9idpf _bfhk1j28 _syaz1kw7 _80om1kw7 _14jiu2gc _olc6u2gc _1kod12x7 _7ba012x7 _1goxglyw _13xeglyw _1n7e1l2s _1idr131l _3hog1lh4", isMonospaced && "_ect41odn", isCompact && "_85i51b66 _1q511b66 _y4ti12x7 _bozg12x7", isDisabled && "_oo9g1lh4", 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"])
185
+ 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"])
186
186
  })), elemAfterInput);
187
187
  });
188
188
  var _default = exports.default = Textfield;
package/dist/es2019/text-field.compiled.css CHANGED
@@ -28,6 +28,8 @@
28
28
  ._1goxglyw::-ms-clear{display:none}
29
29
  ._1idr131l::-ms-input-placeholder{color:var(--ds-text-subtlest,#626f86)}
30
30
  ._1idr131l::placeholder{color:var(--ds-text-subtlest,#626f86)}
31
+ ._1idr1lh4::-ms-input-placeholder{color:var(--ds-text-disabled,#091e424f)}
32
+ ._1idr1lh4::placeholder{color:var(--ds-text-disabled,#091e424f)}
31
33
  ._1kod12x7:not([data-compact]){padding-inline-end:var(--ds-space-075,6px)}
32
34
  ._1l02v77o[data-compact]{padding-block-start:var(--ds-space-025,2px)}
33
35
  ._1n7e1l2s:placeholder-shown{text-overflow:ellipsis}
@@ -37,8 +39,6 @@
37
39
  ._1qu2glyw{outline-style:none}
38
40
  ._1reo15vq{overflow-x:hidden}
39
41
  ._1ul9idpf{min-width:0}
40
- ._3hog1lh4::-ms-input-placeholder:disabled{color:var(--ds-text-disabled,#091e424f)}
41
- ._3hog1lh4::placeholder:disabled{color:var(--ds-text-disabled,#091e424f)}
42
42
  ._4cvr1h6o{align-items:center}
43
43
  ._7ba012x7:not([data-compact]){padding-inline-start:var(--ds-space-075,6px)}
44
44
  ._80om13gf{cursor:not-allowed}
@@ -57,7 +57,6 @@
57
57
  ._lcxv1wug{pointer-events:auto}
58
58
  ._olc612x7:not([data-compact]){padding-block-start:var(--ds-space-075,6px)}
59
59
  ._olc6u2gc:not([data-compact]){padding-block-start:var(--ds-space-100,8px)}
60
- ._oo9g1lh4{-webkit-text-fill-color:var(--ds-text-disabled,#091e424f)}
61
60
  ._s7n4jp4b{vertical-align:top}
62
61
  ._slp31hna{word-wrap:break-word}
63
62
  ._syaz1fxt{color:var(--ds-text,#172b4d)}
package/dist/es2019/text-field.js CHANGED
@@ -13,7 +13,7 @@ const inputMediaDisabled = null;
13
13
  const analyticsParams = {
14
14
  componentName: 'textField',
15
15
  packageName: "@atlaskit/textfield",
16
- packageVersion: "8.0.2"
16
+ packageVersion: "8.0.3"
17
17
  };
18
18
  const disabledStyle = {
19
19
  standard: "_1h6dsyzs _bfhksyzs _syaz1lh4 _80om13gf",
@@ -160,7 +160,7 @@ const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
160
160
  readOnly: isReadOnly,
161
161
  ref: setInputRef,
162
162
  required: isRequired,
163
- className: ax(["_19itidpf _11c82smr _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _1bsb1osq _1ul9idpf _bfhk1j28 _syaz1kw7 _80om1kw7 _14jiu2gc _olc6u2gc _1kod12x7 _7ba012x7 _1goxglyw _13xeglyw _1n7e1l2s _1idr131l _3hog1lh4", isMonospaced && "_ect41odn", isCompact && "_85i51b66 _1q511b66 _y4ti12x7 _bozg12x7", isDisabled && "_oo9g1lh4", 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 _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"])
164
164
  })), elemAfterInput);
165
165
  });
166
166
  export default Textfield;
package/dist/esm/text-field.compiled.css CHANGED
@@ -28,6 +28,8 @@
28
28
  ._1goxglyw::-ms-clear{display:none}
29
29
  ._1idr131l::-ms-input-placeholder{color:var(--ds-text-subtlest,#626f86)}
30
30
  ._1idr131l::placeholder{color:var(--ds-text-subtlest,#626f86)}
31
+ ._1idr1lh4::-ms-input-placeholder{color:var(--ds-text-disabled,#091e424f)}
32
+ ._1idr1lh4::placeholder{color:var(--ds-text-disabled,#091e424f)}
31
33
  ._1kod12x7:not([data-compact]){padding-inline-end:var(--ds-space-075,6px)}
32
34
  ._1l02v77o[data-compact]{padding-block-start:var(--ds-space-025,2px)}
33
35
  ._1n7e1l2s:placeholder-shown{text-overflow:ellipsis}
@@ -37,8 +39,6 @@
37
39
  ._1qu2glyw{outline-style:none}
38
40
  ._1reo15vq{overflow-x:hidden}
39
41
  ._1ul9idpf{min-width:0}
40
- ._3hog1lh4::-ms-input-placeholder:disabled{color:var(--ds-text-disabled,#091e424f)}
41
- ._3hog1lh4::placeholder:disabled{color:var(--ds-text-disabled,#091e424f)}
42
42
  ._4cvr1h6o{align-items:center}
43
43
  ._7ba012x7:not([data-compact]){padding-inline-start:var(--ds-space-075,6px)}
44
44
  ._80om13gf{cursor:not-allowed}
@@ -57,7 +57,6 @@
57
57
  ._lcxv1wug{pointer-events:auto}
58
58
  ._olc612x7:not([data-compact]){padding-block-start:var(--ds-space-075,6px)}
59
59
  ._olc6u2gc:not([data-compact]){padding-block-start:var(--ds-space-100,8px)}
60
- ._oo9g1lh4{-webkit-text-fill-color:var(--ds-text-disabled,#091e424f)}
61
60
  ._s7n4jp4b{vertical-align:top}
62
61
  ._slp31hna{word-wrap:break-word}
63
62
  ._syaz1fxt{color:var(--ds-text,#172b4d)}
package/dist/esm/text-field.js CHANGED
@@ -19,7 +19,7 @@ var inputMediaDisabled = null;
19
19
  var analyticsParams = {
20
20
  componentName: 'textField',
21
21
  packageName: "@atlaskit/textfield",
22
- packageVersion: "8.0.2"
22
+ packageVersion: "8.0.3"
23
23
  };
24
24
  var disabledStyle = {
25
25
  standard: "_1h6dsyzs _bfhksyzs _syaz1lh4 _80om13gf",
@@ -172,7 +172,7 @@ var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
172
172
  readOnly: isReadOnly,
173
173
  ref: setInputRef,
174
174
  required: isRequired,
175
- className: ax(["_19itidpf _11c82smr _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _1bsb1osq _1ul9idpf _bfhk1j28 _syaz1kw7 _80om1kw7 _14jiu2gc _olc6u2gc _1kod12x7 _7ba012x7 _1goxglyw _13xeglyw _1n7e1l2s _1idr131l _3hog1lh4", isMonospaced && "_ect41odn", isCompact && "_85i51b66 _1q511b66 _y4ti12x7 _bozg12x7", isDisabled && "_oo9g1lh4", 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"])
175
+ 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"])
176
176
  })), elemAfterInput);
177
177
  });
178
178
  export default Textfield;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/textfield",
3
- "version": "8.0.2",
3
+ "version": "8.0.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/"
@@ -46,8 +46,8 @@
46
46
  "@atlaskit/form": "^12.0.0",
47
47
  "@atlaskit/icon": "^25.0.0",
48
48
  "@atlaskit/link": "^3.0.0",
49
- "@atlaskit/primitives": "^14.1.0",
50
- "@atlaskit/section-message": "^8.1.0",
49
+ "@atlaskit/primitives": "^14.2.0",
50
+ "@atlaskit/section-message": "^8.2.0",
51
51
  "@atlaskit/ssr": "^0.4.0",
52
52
  "@testing-library/react": "^13.4.0",
53
53
  "@testing-library/user-event": "^14.4.3",