@atlaskit/textarea 5.4.0 → 5.5.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.
Files changed (21) hide show
  1. package/CHANGELOG.md +281 -265
  2. package/__perf__/examples.tsx +34 -37
  3. package/codemods/4.0.0-lite-mode.tsx +1 -3
  4. package/codemods/__tests__/4.0.0-lite-mode.tsx +7 -7
  5. package/codemods/__tests__/rename-forwarded-ref-to-ref.tsx +29 -31
  6. package/codemods/migrates/rename-forwarded-ref-to-ref.tsx +3 -3
  7. package/codemods/utils.tsx +133 -177
  8. package/dist/cjs/styles.js +69 -20
  9. package/dist/cjs/text-area.js +7 -1
  10. package/dist/es2019/styles.js +72 -21
  11. package/dist/es2019/text-area.js +8 -1
  12. package/dist/esm/styles.js +70 -21
  13. package/dist/esm/text-area.js +8 -1
  14. package/dist/types/styles.d.ts +1 -1
  15. package/dist/types/text-area.d.ts +4 -1
  16. package/dist/types/types.d.ts +1 -1
  17. package/dist/types-ts4.5/styles.d.ts +1 -1
  18. package/dist/types-ts4.5/text-area.d.ts +4 -1
  19. package/dist/types-ts4.5/types.d.ts +1 -1
  20. package/package.json +95 -96
  21. package/report.api.md +310 -312
package/dist/esm/styles.js CHANGED
@@ -1,11 +1,12 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  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; }
3
3
  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; }
4
+ /**
5
+ * @jsxRuntime classic
6
+ */
4
7
  /** @jsx jsx */
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
5
9
  import { css } from '@emotion/react';
6
- import { codeFontFamily as getCodeFontFamily, fontFamily as getFontFamily, fontSize as getFontSize,
7
- // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
8
- gridSize } from '@atlaskit/theme/constants';
9
10
  import * as componentTokens from './component-tokens';
10
11
  var disabledRules = {
11
12
  backgroundColor: componentTokens.disabledBackground,
@@ -52,16 +53,14 @@ var borderColorHover = {
52
53
  subtle: componentTokens.subtleBorderColorHover,
53
54
  none: componentTokens.transparent
54
55
  };
55
- var grid = gridSize();
56
- var lineHeightBase = grid * 2.5;
57
- var lineHeightCompact = grid * 2;
56
+ var lineHeightBase = 8 * 2.5;
57
+ var lineHeightCompact = 8 * 2;
58
58
  var compactVerticalPadding = 2;
59
59
  var verticalPadding = 6;
60
- var horizontalPadding = grid;
60
+ var horizontalPadding = 8;
61
61
  var transitionDuration = '0.2s';
62
- var fontSize = getFontSize();
63
- var fontFamily = getFontFamily();
64
- var codeFontFamily = getCodeFontFamily();
62
+ var fontFamily = "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)";
63
+ var codeFontFamily = "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)";
65
64
  export var borderWidth = 2;
66
65
 
67
66
  // Safari puts on some difficult to remove styles, mainly for disabled inputs
@@ -81,24 +80,36 @@ var borderBoxMinHeightCompact = function borderBoxMinHeightCompact(minimumRows,
81
80
  var bgAndBorderColorStyles = function bgAndBorderColorStyles(appearance) {
82
81
  return appearance && css(_objectSpread({
83
82
  '&:focus': {
83
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
84
84
  backgroundColor: backgroundColorFocus[appearance],
85
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
85
86
  borderColor: borderColorFocus[appearance],
87
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
86
88
  boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColorFocus[appearance])
87
89
  },
90
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
88
91
  '&:not(:focus)': {
92
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
89
93
  backgroundColor: backgroundColor[appearance],
94
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
90
95
  borderColor: borderColor[appearance]
91
96
  },
92
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
97
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
93
98
  '&[data-invalid]:focus': {
99
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
94
100
  backgroundColor: invalidRules.backgroundColorFocus,
101
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
95
102
  borderColor: invalidRules.borderColorFocus,
103
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
96
104
  boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColorFocus)
97
105
  },
98
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
106
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
99
107
  '&[data-invalid]:not(:focus)': {
108
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
100
109
  backgroundColor: invalidRules.backgroundColor,
110
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
101
111
  borderColor: invalidRules.borderColor,
112
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
102
113
  boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor)
103
114
  }
104
115
  }, appearance === 'standard' ? {
@@ -114,24 +125,33 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(appearance) {
114
125
  };
115
126
  var placeholderStyles = css({
116
127
  '&::placeholder': {
128
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
117
129
  color: componentTokens.placeholderTextColor
118
130
  },
119
131
  '&:disabled::placeholder': {
132
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
120
133
  color: disabledRules.textColor
121
134
  }
122
135
  });
123
136
  var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(appearance) {
124
137
  return appearance && css({
138
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
125
139
  '&:hover:not(:read-only):not(:focus)': {
140
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
126
141
  backgroundColor: backgroundColorHover[appearance],
142
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
127
143
  borderColor: borderColorHover[appearance],
128
144
  '&:disabled': {
145
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
129
146
  backgroundColor: disabledRules.backgroundColorHover
130
147
  },
131
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
148
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
132
149
  '&[data-invalid]': {
150
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
133
151
  backgroundColor: invalidRules.backgroundColorHover,
152
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
134
153
  borderColor: invalidRules.borderColor,
154
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
135
155
  boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor)
136
156
  }
137
157
  }
@@ -139,6 +159,7 @@ var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(app
139
159
  };
140
160
  var resizeStyle = function resizeStyle(resize) {
141
161
  if (resize === 'horizontal' || resize === 'vertical') {
162
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
142
163
  return css({
143
164
  resize: resize
144
165
  });
@@ -154,11 +175,13 @@ var resizeStyle = function resizeStyle(resize) {
154
175
  };
155
176
  var borderStyle = function borderStyle(appearance) {
156
177
  return css({
178
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
157
179
  borderStyle: appearance === 'none' ? 'none' : 'solid'
158
180
  });
159
181
  };
160
182
  var fontFamilyStyle = function fontFamilyStyle(isMonospaced) {
161
183
  return css({
184
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
162
185
  fontFamily: isMonospaced ? codeFontFamily : fontFamily
163
186
  });
164
187
  };
@@ -169,18 +192,23 @@ var borderPaddingAndHeightStyles = function borderPaddingAndHeightStyles() {
169
192
  var horizontalPaddingWithoutBorderWidth = horizontalPadding - borderWidth;
170
193
  var borderHeight = borderWidth;
171
194
  return css({
172
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
195
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
173
196
  '&[data-compact]': {
197
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
174
198
  minHeight: borderBoxMinHeightCompact(minimumRows, borderHeight),
175
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
199
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
176
200
  padding: "".concat(compactVerticalPadding, "px ").concat(horizontalPaddingWithoutBorderWidth, "px"),
177
- lineHeight: lineHeightCompact / fontSize
201
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-unsafe-values
202
+ lineHeight: lineHeightCompact / 14
178
203
  },
204
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
179
205
  '&:not([data-compact])': {
206
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
180
207
  minHeight: borderBoxMinHeight(minimumRows, borderHeight),
181
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
208
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
182
209
  padding: "".concat(verticalPadding, "px ").concat(horizontalPaddingWithoutBorderWidth, "px"),
183
- lineHeight: lineHeightBase / fontSize
210
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-unsafe-values
211
+ lineHeight: lineHeightBase / 14
184
212
  }
185
213
  });
186
214
  };
@@ -196,7 +224,7 @@ var staticStyles = css({
196
224
  borderRadius: "var(--ds-border-radius, 3px)",
197
225
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
198
226
  borderWidth: 1,
199
- fontSize: fontSize,
227
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
200
228
  outline: 'none',
201
229
  overflow: 'auto',
202
230
  transition: "background-color ".concat(transitionDuration, " ease-in-out,\n border-color ").concat(transitionDuration, " ease-in-out"),
@@ -204,6 +232,7 @@ var staticStyles = css({
204
232
  '&:disabled': _objectSpread({
205
233
  cursor: 'not-allowed'
206
234
  }, overrideSafariDisabledStyles),
235
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
207
236
  '&::-ms-clear': {
208
237
  display: 'none'
209
238
  },
@@ -219,7 +248,19 @@ export var getBaseStyles = function getBaseStyles(_ref) {
219
248
  maxHeight = _ref.maxHeight;
220
249
  return (
221
250
  // eslint-disable-next-line @repo/internal/styles/no-exported-styles
222
- css(staticStyles, borderPaddingAndHeightStyles(minimumRows, appearance), resizeStyle(resize), borderStyle(appearance), fontFamilyStyle(isMonospaced), {
251
+ css(
252
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
253
+ staticStyles,
254
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
255
+ borderPaddingAndHeightStyles(minimumRows, appearance),
256
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
257
+ resizeStyle(resize),
258
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
259
+ borderStyle(appearance),
260
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
261
+ fontFamilyStyle(isMonospaced),
262
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
263
+ {
223
264
  maxHeight: maxHeight
224
265
  })
225
266
  );
@@ -227,9 +268,17 @@ export var getBaseStyles = function getBaseStyles(_ref) {
227
268
  export var dynamicStyles = function dynamicStyles(appearance) {
228
269
  return (
229
270
  // eslint-disable-next-line @repo/internal/styles/no-exported-styles
230
- css(bgAndBorderColorStyles(appearance), hoverBackgroundAndBorderStyles(appearance), placeholderStyles, {
271
+ css(
272
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
273
+ bgAndBorderColorStyles(appearance),
274
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
275
+ hoverBackgroundAndBorderStyles(appearance),
276
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
277
+ placeholderStyles, {
278
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
231
279
  color: componentTokens.textColor,
232
280
  '&:disabled': {
281
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
233
282
  color: disabledRules.textColor
234
283
  }
235
284
  })
package/dist/esm/text-area.js CHANGED
@@ -5,13 +5,18 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
5
5
  var _excluded = ["resize", "appearance", "isCompact", "isRequired", "isReadOnly", "isDisabled", "isInvalid", "isMonospaced", "minimumRows", "testId", "maxHeight", "onBlur", "onFocus", "onChange", "value"];
6
6
  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; }
7
7
  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; }
8
+ /**
9
+ * @jsxRuntime classic
10
+ */
8
11
  /** @jsx jsx */
9
12
  import React, { forwardRef, memo, useCallback, useEffect, useMemo, useRef } from 'react';
13
+
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
15
  import { css, jsx } from '@emotion/react';
11
16
  import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
12
17
  import { borderWidth, dynamicStyles, getBaseStyles } from './styles';
13
18
  var packageName = "@atlaskit/textarea";
14
- var packageVersion = "5.4.0";
19
+ var packageVersion = "5.5.1";
15
20
  var analyticsParams = {
16
21
  componentName: 'textArea',
17
22
  packageName: packageName,
@@ -102,6 +107,8 @@ var InnerTextArea = /*#__PURE__*/forwardRef(function (props, ref) {
102
107
  maxHeight: maxHeight
103
108
  });
104
109
  }, [minimumRows, resize, appearance, isMonospaced, maxHeight]);
110
+
111
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
105
112
  var textAreaStyles = css([baseStyles, dynamicStyles(appearance)]);
106
113
  return jsx("textarea", _extends({}, controlProps, {
107
114
  value: value,
package/dist/types/styles.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { TextAreaProps } from './types';
1
+ import { type TextAreaProps } from './types';
2
2
  export interface StyleProps {
3
3
  minimumRows: number | undefined;
4
4
  resize: string | undefined;
package/dist/types/text-area.d.ts CHANGED
@@ -1,6 +1,9 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import React from 'react';
3
- import { TextAreaProps } from './types';
6
+ import { type TextAreaProps } from './types';
4
7
  /**
5
8
  * __Text area__
6
9
  *
package/dist/types/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
2
+ import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
3
  export interface OwnProps extends WithAnalyticsEventsProps {
4
4
  /**
5
5
  * Controls the appearance of the field.
package/dist/types-ts4.5/styles.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { TextAreaProps } from './types';
1
+ import { type TextAreaProps } from './types';
2
2
  export interface StyleProps {
3
3
  minimumRows: number | undefined;
4
4
  resize: string | undefined;
package/dist/types-ts4.5/text-area.d.ts CHANGED
@@ -1,6 +1,9 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import React from 'react';
3
- import { TextAreaProps } from './types';
6
+ import { type TextAreaProps } from './types';
4
7
  /**
5
8
  * __Text area__
6
9
  *
package/dist/types-ts4.5/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
2
+ import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
3
  export interface OwnProps extends WithAnalyticsEventsProps {
4
4
  /**
5
5
  * Controls the appearance of the field.
package/package.json CHANGED
@@ -1,97 +1,96 @@
1
1
  {
2
- "name": "@atlaskit/textarea",
3
- "version": "5.4.0",
4
- "description": "A text area lets users enter long form text which spans over multiple lines.",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
- "author": "Atlassian Pty Ltd",
10
- "license": "Apache-2.0",
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "module:es2019": "dist/es2019/index.js",
14
- "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.5 <4.9": {
17
- "*": [
18
- "dist/types-ts4.5/*",
19
- "dist/types-ts4.5/index.d.ts"
20
- ]
21
- }
22
- },
23
- "sideEffects": false,
24
- "atlaskit:src": "src/index.tsx",
25
- "homepage": "https://atlassian.design/components/textarea/",
26
- "atlassian": {
27
- "team": "Design System Team",
28
- "runReact18": true,
29
- "productPushConsumption": [
30
- "jira"
31
- ],
32
- "releaseModel": "continuous",
33
- "website": {
34
- "name": "Text area",
35
- "category": "Components"
36
- }
37
- },
38
- "af:exports": {
39
- ".": "./src/index.tsx",
40
- "./component-tokens": "./src/component-tokens.tsx",
41
- "./styles": "./src/styles.tsx",
42
- "./text-area": "./src/text-area.tsx"
43
- },
44
- "dependencies": {
45
- "@atlaskit/analytics-next": "^9.3.0",
46
- "@atlaskit/theme": "^12.7.0",
47
- "@atlaskit/tokens": "^1.45.0",
48
- "@babel/runtime": "^7.0.0",
49
- "@emotion/react": "^11.7.1"
50
- },
51
- "peerDependencies": {
52
- "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
53
- },
54
- "devDependencies": {
55
- "@af/accessibility-testing": "*",
56
- "@af/integration-testing": "*",
57
- "@atlaskit/ds-lib": "^2.3.0",
58
- "@atlaskit/ssr": "*",
59
- "@atlaskit/visual-regression": "*",
60
- "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
61
- "@atlassian/feature-flags-test-utils": "*",
62
- "@testing-library/dom": "^8.17.1",
63
- "@testing-library/react": "^12.1.5",
64
- "jest-in-case": "^1.0.2",
65
- "jscodeshift": "^0.13.0",
66
- "react-dom": "^16.8.0",
67
- "storybook-addon-performance": "^0.16.0",
68
- "typescript": "~5.4.2",
69
- "wait-for-expect": "^1.2.0"
70
- },
71
- "keywords": [
72
- "atlaskit",
73
- "react",
74
- "ui"
75
- ],
76
- "techstack": {
77
- "@atlassian/frontend": {
78
- "import-structure": "atlassian-conventions"
79
- },
80
- "@repo/internal": {
81
- "design-system": "v1",
82
- "dom-events": "use-bind-event-listener",
83
- "ui-components": "lite-mode",
84
- "analytics": "analytics-next",
85
- "design-tokens": [
86
- "color",
87
- "spacing"
88
- ],
89
- "styling": [
90
- "static",
91
- "emotion"
92
- ],
93
- "deprecation": "no-deprecated-imports"
94
- }
95
- },
96
- "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
97
- }
2
+ "name": "@atlaskit/textarea",
3
+ "version": "5.5.1",
4
+ "description": "A text area lets users enter long form text which spans over multiple lines.",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
+ "author": "Atlassian Pty Ltd",
10
+ "license": "Apache-2.0",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "module:es2019": "dist/es2019/index.js",
14
+ "types": "dist/types/index.d.ts",
15
+ "typesVersions": {
16
+ ">=4.5 <4.9": {
17
+ "*": [
18
+ "dist/types-ts4.5/*",
19
+ "dist/types-ts4.5/index.d.ts"
20
+ ]
21
+ }
22
+ },
23
+ "sideEffects": false,
24
+ "atlaskit:src": "src/index.tsx",
25
+ "homepage": "https://atlassian.design/components/textarea/",
26
+ "atlassian": {
27
+ "team": "Design System Team",
28
+ "runReact18": true,
29
+ "productPushConsumption": [
30
+ "jira"
31
+ ],
32
+ "releaseModel": "continuous",
33
+ "website": {
34
+ "name": "Text area",
35
+ "category": "Components"
36
+ }
37
+ },
38
+ "af:exports": {
39
+ ".": "./src/index.tsx",
40
+ "./component-tokens": "./src/component-tokens.tsx",
41
+ "./styles": "./src/styles.tsx",
42
+ "./text-area": "./src/text-area.tsx"
43
+ },
44
+ "dependencies": {
45
+ "@atlaskit/analytics-next": "^9.3.0",
46
+ "@atlaskit/theme": "^12.11.0",
47
+ "@atlaskit/tokens": "^1.51.0",
48
+ "@babel/runtime": "^7.0.0",
49
+ "@emotion/react": "^11.7.1"
50
+ },
51
+ "peerDependencies": {
52
+ "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
53
+ },
54
+ "devDependencies": {
55
+ "@af/accessibility-testing": "*",
56
+ "@af/integration-testing": "*",
57
+ "@af/visual-regression": "*",
58
+ "@atlaskit/ds-lib": "^2.3.0",
59
+ "@atlaskit/ssr": "*",
60
+ "@atlaskit/visual-regression": "*",
61
+ "@atlassian/feature-flags-test-utils": "*",
62
+ "@testing-library/dom": "^8.17.1",
63
+ "@testing-library/react": "^12.1.5",
64
+ "jest-in-case": "^1.0.2",
65
+ "jscodeshift": "^0.13.0",
66
+ "react-dom": "^16.8.0",
67
+ "storybook-addon-performance": "^0.16.0",
68
+ "typescript": "~5.4.2",
69
+ "wait-for-expect": "^1.2.0"
70
+ },
71
+ "keywords": [
72
+ "atlaskit",
73
+ "react",
74
+ "ui"
75
+ ],
76
+ "techstack": {
77
+ "@atlassian/frontend": {
78
+ "import-structure": "atlassian-conventions"
79
+ },
80
+ "@repo/internal": {
81
+ "design-system": "v1",
82
+ "dom-events": "use-bind-event-listener",
83
+ "ui-components": "lite-mode",
84
+ "analytics": "analytics-next",
85
+ "design-tokens": [
86
+ "color",
87
+ "spacing"
88
+ ],
89
+ "styling": [
90
+ "static",
91
+ "emotion"
92
+ ],
93
+ "deprecation": "no-deprecated-imports"
94
+ }
95
+ }
96
+ }