@atlaskit/textfield 5.6.0 → 5.6.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 CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/textfield
2
2
 
3
+ ## 5.6.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`3a8d6f61240`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a8d6f61240) - [ux] Adds `text-overflow: ellipsis` to placeholder text.
8
+
3
9
  ## 5.6.0
4
10
 
5
11
  ### Minor Changes
@@ -198,6 +198,9 @@ var inputStyles = function inputStyles(mode) {
198
198
  '&:invalid': {
199
199
  boxShadow: 'none'
200
200
  },
201
+ '&:placeholder-shown': {
202
+ textOverflow: 'ellipsis'
203
+ },
201
204
  '&::placeholder': {
202
205
  color: componentTokens.placeholderTextColor[mode],
203
206
  '&:disabled': {
@@ -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.0"
27
+ packageVersion: "5.6.1"
28
28
  };
29
29
  var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
30
30
  var _props$appearance = props.appearance,
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/textfield",
3
- "version": "5.6.0",
3
+ "version": "5.6.1",
4
4
  "sideEffects": false
5
5
  }
@@ -183,6 +183,9 @@ export const inputStyles = mode => ({
183
183
  '&:invalid': {
184
184
  boxShadow: 'none'
185
185
  },
186
+ '&:placeholder-shown': {
187
+ textOverflow: 'ellipsis'
188
+ },
186
189
  '&::placeholder': {
187
190
  color: componentTokens.placeholderTextColor[mode],
188
191
  '&:disabled': {
@@ -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.0"
11
+ packageVersion: "5.6.1"
12
12
  };
13
13
  const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
14
14
  const {
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/textfield",
3
- "version": "5.6.0",
3
+ "version": "5.6.1",
4
4
  "sideEffects": false
5
5
  }
@@ -189,6 +189,9 @@ export var inputStyles = function inputStyles(mode) {
189
189
  '&:invalid': {
190
190
  boxShadow: 'none'
191
191
  },
192
+ '&:placeholder-shown': {
193
+ textOverflow: 'ellipsis'
194
+ },
192
195
  '&::placeholder': {
193
196
  color: componentTokens.placeholderTextColor[mode],
194
197
  '&:disabled': {
@@ -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.0"
17
+ packageVersion: "5.6.1"
18
18
  };
19
19
  var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
20
20
  var _props$appearance = props.appearance,
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/textfield",
3
- "version": "5.6.0",
3
+ "version": "5.6.1",
4
4
  "sideEffects": false
5
5
  }
@@ -89,6 +89,9 @@ export declare const inputStyles: (mode: ThemeModes) => {
89
89
  readonly '&:invalid': {
90
90
  readonly boxShadow: "none";
91
91
  };
92
+ readonly '&:placeholder-shown': {
93
+ readonly textOverflow: "ellipsis";
94
+ };
92
95
  readonly '&::placeholder': {
93
96
  readonly color: "var(--ds-text-subtlest)";
94
97
  readonly '&:disabled': {
@@ -89,6 +89,9 @@ export declare const inputStyles: (mode: ThemeModes) => {
89
89
  readonly '&:invalid': {
90
90
  readonly boxShadow: "none";
91
91
  };
92
+ readonly '&:placeholder-shown': {
93
+ readonly textOverflow: "ellipsis";
94
+ };
92
95
  readonly '&::placeholder': {
93
96
  readonly color: "var(--ds-text-subtlest)";
94
97
  readonly '&:disabled': {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/textfield",
3
- "version": "5.6.0",
3
+ "version": "5.6.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/"