@atlaskit/textfield 6.4.0 → 6.4.2

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 (12) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/styles.js +1 -1
  3. package/dist/cjs/text-field.js +12 -16
  4. package/dist/es2019/styles.js +1 -1
  5. package/dist/es2019/text-field.js +13 -18
  6. package/dist/esm/styles.js +1 -1
  7. package/dist/esm/text-field.js +13 -18
  8. package/dist/types/styles.d.ts +1 -1
  9. package/dist/types/text-field.d.ts +1 -1
  10. package/dist/types-ts4.5/styles.d.ts +1 -1
  11. package/dist/types-ts4.5/text-field.d.ts +1 -1
  12. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/textfield
2
2
 
3
+ ## 6.4.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#119154](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/119154)
8
+ [`0733b41bad0b4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0733b41bad0b4) -
9
+ Remove remnants of `extract-react-types` from textfield. Previously had a workaround so that API
10
+ could be properly documented, but is no longer necessary.
11
+
12
+ ## 6.4.1
13
+
14
+ ### Patch Changes
15
+
16
+ - [#116025](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116025)
17
+ [`cd506a937e44f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cd506a937e44f) -
18
+ Internal change to how typography is applied. There should be no visual change.
19
+
3
20
  ## 6.4.0
4
21
 
5
22
  ### Minor Changes
package/dist/cjs/styles.js CHANGED
@@ -128,7 +128,7 @@ var inputStyles = exports.inputStyles = function inputStyles() {
128
128
  outline: 'none',
129
129
  width: '100%',
130
130
  '&[data-monospaced]': {
131
- fontFamily: "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
131
+ fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
132
132
  },
133
133
  '&[data-compact]': {
134
134
  padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-075, 6px)")
package/dist/cjs/text-field.js CHANGED
@@ -27,9 +27,19 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
27
27
  var analyticsParams = {
28
28
  componentName: 'textField',
29
29
  packageName: "@atlaskit/textfield",
30
- packageVersion: "6.4.0"
30
+ packageVersion: "6.4.2"
31
31
  };
32
- var TextfieldComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
32
+
33
+ /**
34
+ * __Textfield__
35
+ *
36
+ * A text field is an input that allows a user to write or edit text.
37
+ *
38
+ * - [Examples](https://atlassian.design/components/textfield/examples)
39
+ * - [Code](https://atlassian.design/components/textfield/code)
40
+ * - [Usage](https://atlassian.design/components/textfield/usage)
41
+ */
42
+ var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
33
43
  var _props$appearance = props.appearance,
34
44
  appearance = _props$appearance === void 0 ? 'standard' : _props$appearance,
35
45
  className = props.className,
@@ -141,18 +151,4 @@ var TextfieldComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
141
151
  })), elemAfterInput)
142
152
  );
143
153
  });
144
- TextfieldComponent.displayName = 'Textfield';
145
-
146
- /**
147
- * __Textfield__
148
- *
149
- * A text field is an input that allows a user to write or edit text.
150
- *
151
- * - [Examples](https://atlassian.design/components/textfield/examples)
152
- * - [Code](https://atlassian.design/components/textfield/code)
153
- * - [Usage](https://atlassian.design/components/textfield/usage)
154
- */
155
- var Textfield = /*#__PURE__*/(0, _react.memo)(TextfieldComponent);
156
- // The above generic is used to let ERTC know what props to extract.
157
- // See: https://github.com/atlassian/extract-react-types/issues/201
158
154
  var _default = exports.default = Textfield;
package/dist/es2019/styles.js CHANGED
@@ -115,7 +115,7 @@ export const inputStyles = () => ({
115
115
  outline: 'none',
116
116
  width: '100%',
117
117
  '&[data-monospaced]': {
118
- fontFamily: "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
118
+ fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
119
119
  },
120
120
  '&[data-compact]': {
121
121
  padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-075, 6px)"}`
package/dist/es2019/text-field.js CHANGED
@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
3
3
  * @jsxRuntime classic
4
4
  */
5
5
  /** @jsx jsx */
6
- import React, { forwardRef, memo, useCallback, useMemo, useRef } from 'react';
6
+ import React, { forwardRef, useCallback, useMemo, useRef } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
9
  import { jsx } from '@emotion/react';
@@ -12,9 +12,19 @@ import { containerStyles as getContainerStyles, inputStyles as getInputStyles }
12
12
  const analyticsParams = {
13
13
  componentName: 'textField',
14
14
  packageName: "@atlaskit/textfield",
15
- packageVersion: "6.4.0"
15
+ packageVersion: "6.4.2"
16
16
  };
17
- const TextfieldComponent = /*#__PURE__*/forwardRef((props, ref) => {
17
+
18
+ /**
19
+ * __Textfield__
20
+ *
21
+ * A text field is an input that allows a user to write or edit text.
22
+ *
23
+ * - [Examples](https://atlassian.design/components/textfield/examples)
24
+ * - [Code](https://atlassian.design/components/textfield/code)
25
+ * - [Usage](https://atlassian.design/components/textfield/usage)
26
+ */
27
+ const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
18
28
  const {
19
29
  appearance = 'standard',
20
30
  className,
@@ -121,19 +131,4 @@ const TextfieldComponent = /*#__PURE__*/forwardRef((props, ref) => {
121
131
  })), elemAfterInput)
122
132
  );
123
133
  });
124
- TextfieldComponent.displayName = 'Textfield';
125
-
126
- /**
127
- * __Textfield__
128
- *
129
- * A text field is an input that allows a user to write or edit text.
130
- *
131
- * - [Examples](https://atlassian.design/components/textfield/examples)
132
- * - [Code](https://atlassian.design/components/textfield/code)
133
- * - [Usage](https://atlassian.design/components/textfield/usage)
134
- */
135
- const Textfield = /*#__PURE__*/memo(TextfieldComponent);
136
- // The above generic is used to let ERTC know what props to extract.
137
- // See: https://github.com/atlassian/extract-react-types/issues/201
138
-
139
134
  export default Textfield;
package/dist/esm/styles.js CHANGED
@@ -121,7 +121,7 @@ export var inputStyles = function inputStyles() {
121
121
  outline: 'none',
122
122
  width: '100%',
123
123
  '&[data-monospaced]': {
124
- fontFamily: "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
124
+ fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
125
125
  },
126
126
  '&[data-compact]': {
127
127
  padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-075, 6px)")
package/dist/esm/text-field.js CHANGED
@@ -9,7 +9,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
9
9
  * @jsxRuntime classic
10
10
  */
11
11
  /** @jsx jsx */
12
- import React, { forwardRef, memo, useCallback, useMemo, useRef } from 'react';
12
+ import React, { forwardRef, useCallback, useMemo, useRef } from 'react';
13
13
 
14
14
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
15
15
  import { jsx } from '@emotion/react';
@@ -18,9 +18,19 @@ import { containerStyles as getContainerStyles, inputStyles as getInputStyles }
18
18
  var analyticsParams = {
19
19
  componentName: 'textField',
20
20
  packageName: "@atlaskit/textfield",
21
- packageVersion: "6.4.0"
21
+ packageVersion: "6.4.2"
22
22
  };
23
- var TextfieldComponent = /*#__PURE__*/forwardRef(function (props, ref) {
23
+
24
+ /**
25
+ * __Textfield__
26
+ *
27
+ * A text field is an input that allows a user to write or edit text.
28
+ *
29
+ * - [Examples](https://atlassian.design/components/textfield/examples)
30
+ * - [Code](https://atlassian.design/components/textfield/code)
31
+ * - [Usage](https://atlassian.design/components/textfield/usage)
32
+ */
33
+ var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
24
34
  var _props$appearance = props.appearance,
25
35
  appearance = _props$appearance === void 0 ? 'standard' : _props$appearance,
26
36
  className = props.className,
@@ -132,19 +142,4 @@ var TextfieldComponent = /*#__PURE__*/forwardRef(function (props, ref) {
132
142
  })), elemAfterInput)
133
143
  );
134
144
  });
135
- TextfieldComponent.displayName = 'Textfield';
136
-
137
- /**
138
- * __Textfield__
139
- *
140
- * A text field is an input that allows a user to write or edit text.
141
- *
142
- * - [Examples](https://atlassian.design/components/textfield/examples)
143
- * - [Code](https://atlassian.design/components/textfield/code)
144
- * - [Usage](https://atlassian.design/components/textfield/usage)
145
- */
146
- var Textfield = /*#__PURE__*/memo(TextfieldComponent);
147
- // The above generic is used to let ERTC know what props to extract.
148
- // See: https://github.com/atlassian/extract-react-types/issues/201
149
-
150
145
  export default Textfield;
package/dist/types/styles.d.ts CHANGED
@@ -67,7 +67,7 @@ export declare const inputStyles: () => {
67
67
  readonly outline: "none";
68
68
  readonly width: "100%";
69
69
  readonly '&[data-monospaced]': {
70
- readonly fontFamily: "var(--ds-font-family-monospace)";
70
+ readonly fontFamily: "var(--ds-font-family-code)";
71
71
  };
72
72
  readonly '&[data-compact]': {
73
73
  readonly padding: "var(--ds-space-050) var(--ds-space-075)";
package/dist/types/text-field.d.ts CHANGED
@@ -13,5 +13,5 @@ import { type TextfieldProps } from './types';
13
13
  * - [Code](https://atlassian.design/components/textfield/code)
14
14
  * - [Usage](https://atlassian.design/components/textfield/usage)
15
15
  */
16
- declare const Textfield: React.NamedExoticComponent<TextfieldProps & React.RefAttributes<unknown>>;
16
+ declare const Textfield: React.ForwardRefExoticComponent<TextfieldProps & React.RefAttributes<unknown>>;
17
17
  export default Textfield;
package/dist/types-ts4.5/styles.d.ts CHANGED
@@ -67,7 +67,7 @@ export declare const inputStyles: () => {
67
67
  readonly outline: "none";
68
68
  readonly width: "100%";
69
69
  readonly '&[data-monospaced]': {
70
- readonly fontFamily: "var(--ds-font-family-monospace)";
70
+ readonly fontFamily: "var(--ds-font-family-code)";
71
71
  };
72
72
  readonly '&[data-compact]': {
73
73
  readonly padding: "var(--ds-space-050) var(--ds-space-075)";
package/dist/types-ts4.5/text-field.d.ts CHANGED
@@ -13,5 +13,5 @@ import { type TextfieldProps } from './types';
13
13
  * - [Code](https://atlassian.design/components/textfield/code)
14
14
  * - [Usage](https://atlassian.design/components/textfield/usage)
15
15
  */
16
- declare const Textfield: React.NamedExoticComponent<TextfieldProps & React.RefAttributes<unknown>>;
16
+ declare const Textfield: React.ForwardRefExoticComponent<TextfieldProps & React.RefAttributes<unknown>>;
17
17
  export default Textfield;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/textfield",
3
- "version": "6.4.0",
3
+ "version": "6.4.2",
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/"
@@ -28,8 +28,8 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@atlaskit/analytics-next": "^9.3.0",
31
- "@atlaskit/theme": "^12.10.0",
32
- "@atlaskit/tokens": "^1.51.0",
31
+ "@atlaskit/theme": "^12.11.0",
32
+ "@atlaskit/tokens": "^1.53.0",
33
33
  "@babel/runtime": "^7.0.0",
34
34
  "@emotion/react": "^11.7.1"
35
35
  },
@@ -45,7 +45,7 @@
45
45
  "@atlaskit/ssr": "*",
46
46
  "@atlaskit/visual-regression": "*",
47
47
  "@atlassian/feature-flags-test-utils": "*",
48
- "@testing-library/dom": "^8.17.1",
48
+ "@testing-library/dom": "^10.1.0",
49
49
  "@testing-library/react": "^12.1.5",
50
50
  "jscodeshift": "^0.13.0",
51
51
  "react-dom": "^16.8.0",