@atlaskit/textarea 4.2.3 → 4.2.4

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 (13) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/component-tokens.js +24 -26
  3. package/dist/cjs/text-area.js +1 -1
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/component-tokens.js +24 -25
  6. package/dist/es2019/text-area.js +1 -1
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/component-tokens.js +24 -25
  9. package/dist/esm/text-area.js +1 -1
  10. package/dist/esm/version.json +1 -1
  11. package/dist/types/text-area.d.ts +4 -2
  12. package/extract-react-types/textarea-props.tsx +5 -0
  13. package/package.json +6 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/textarea
2
2
 
3
+ ## 4.2.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
8
+ - [`af7c289395b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af7c289395b) - Fix TypeScript issue where text area HTML attributes were not exposed in component prop types.
9
+ - Updated dependencies
10
+
3
11
  ## 4.2.3
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/component-tokens.js CHANGED
@@ -7,67 +7,65 @@ exports.transparent = exports.disabledTextColor = exports.textColor = exports.pl
7
7
 
8
8
  var _colors = require("@atlaskit/theme/colors");
9
9
 
10
- var _tokens = require("@atlaskit/tokens");
11
-
12
10
  var disabledBackground = {
13
- light: (0, _tokens.token)('color.background.disabled', _colors.N20),
14
- dark: (0, _tokens.token)('color.background.disabled', _colors.DN20)
11
+ light: "var(--ds-background-disabled, ".concat(_colors.N20, ")"),
12
+ dark: "var(--ds-background-disabled, ".concat(_colors.DN20, ")")
15
13
  };
16
14
  exports.disabledBackground = disabledBackground;
17
15
  var disabledBorder = {
18
- light: (0, _tokens.token)('color.background.disabled', _colors.N40),
19
- dark: (0, _tokens.token)('color.background.disabled', _colors.DN40)
16
+ light: "var(--ds-background-disabled, ".concat(_colors.N40, ")"),
17
+ dark: "var(--ds-background-disabled, ".concat(_colors.DN40, ")")
20
18
  };
21
19
  exports.disabledBorder = disabledBorder;
22
20
  var invalidBorderColor = {
23
- light: (0, _tokens.token)('color.iconBorder.danger', _colors.R400),
24
- dark: (0, _tokens.token)('color.iconBorder.danger', _colors.R400)
21
+ light: "var(--ds-iconBorder-danger, ".concat(_colors.R400, ")"),
22
+ dark: "var(--ds-iconBorder-danger, ".concat(_colors.R400, ")")
25
23
  };
26
24
  exports.invalidBorderColor = invalidBorderColor;
27
25
  var defaultBorderColor = {
28
- light: (0, _tokens.token)('color.border.neutral', _colors.N40),
29
- dark: (0, _tokens.token)('color.border.neutral', _colors.DN40)
26
+ light: "var(--ds-border-neutral, ".concat(_colors.N40, ")"),
27
+ dark: "var(--ds-border-neutral, ".concat(_colors.DN40, ")")
30
28
  };
31
29
  exports.defaultBorderColor = defaultBorderColor;
32
30
  var defaultBorderColorFocus = {
33
- light: (0, _tokens.token)('color.border.focus', _colors.B100),
34
- dark: (0, _tokens.token)('color.border.focus', _colors.B75)
31
+ light: "var(--ds-border-focus, ".concat(_colors.B100, ")"),
32
+ dark: "var(--ds-border-focus, ".concat(_colors.B75, ")")
35
33
  };
36
34
  exports.defaultBorderColorFocus = defaultBorderColorFocus;
37
35
  var defaultBackgroundColor = {
38
- light: (0, _tokens.token)('color.background.subtleNeutral.resting', _colors.N10),
39
- dark: (0, _tokens.token)('color.background.subtleNeutral.resting', _colors.DN10)
36
+ light: "var(--ds-background-subtleNeutral-resting, ".concat(_colors.N10, ")"),
37
+ dark: "var(--ds-background-subtleNeutral-resting, ".concat(_colors.DN10, ")")
40
38
  };
41
39
  exports.defaultBackgroundColor = defaultBackgroundColor;
42
40
  var defaultBackgroundColorHover = {
43
- light: (0, _tokens.token)('color.background.default', _colors.N30),
44
- dark: (0, _tokens.token)('color.background.default', _colors.DN30)
41
+ light: "var(--ds-background-default, ".concat(_colors.N30, ")"),
42
+ dark: "var(--ds-background-default, ".concat(_colors.DN30, ")")
45
43
  };
46
44
  exports.defaultBackgroundColorHover = defaultBackgroundColorHover;
47
45
  var defaultBackgroundColorFocus = {
48
- light: (0, _tokens.token)('color.background.default', _colors.N0),
49
- dark: (0, _tokens.token)('color.background.default', _colors.DN10)
46
+ light: "var(--ds-background-default, ".concat(_colors.N0, ")"),
47
+ dark: "var(--ds-background-default, ".concat(_colors.DN10, ")")
50
48
  }; // TODO Subtle hover styles not defined in Figma: https://product-fabric.atlassian.net/browse/DSP-1568
51
49
 
52
50
  exports.defaultBackgroundColorFocus = defaultBackgroundColorFocus;
53
51
  var subtleHoverBackgroundColor = {
54
- light: (0, _tokens.token)('color.background.transparentNeutral.hover', _colors.N30),
55
- dark: (0, _tokens.token)('color.background.transparentNeutral.hover', _colors.DN30)
52
+ light: "var(--ds-background-transparentNeutral-hover, ".concat(_colors.N30, ")"),
53
+ dark: "var(--ds-background-transparentNeutral-hover, ".concat(_colors.DN30, ")")
56
54
  };
57
55
  exports.subtleHoverBackgroundColor = subtleHoverBackgroundColor;
58
56
  var placeholderTextColor = {
59
- light: (0, _tokens.token)('color.text.lowEmphasis', _colors.N100),
60
- dark: (0, _tokens.token)('color.text.lowEmphasis', _colors.DN200)
57
+ light: "var(--ds-text-lowEmphasis, ".concat(_colors.N100, ")"),
58
+ dark: "var(--ds-text-lowEmphasis, ".concat(_colors.DN200, ")")
61
59
  };
62
60
  exports.placeholderTextColor = placeholderTextColor;
63
61
  var textColor = {
64
- light: (0, _tokens.token)('color.text.highEmphasis', _colors.N900),
65
- dark: (0, _tokens.token)('color.text.highEmphasis', _colors.DN600)
62
+ light: "var(--ds-text-highEmphasis, ".concat(_colors.N900, ")"),
63
+ dark: "var(--ds-text-highEmphasis, ".concat(_colors.DN600, ")")
66
64
  };
67
65
  exports.textColor = textColor;
68
66
  var disabledTextColor = {
69
- light: (0, _tokens.token)('color.text.disabled', _colors.N70),
70
- dark: (0, _tokens.token)('color.text.disabled', _colors.DN90)
67
+ light: "var(--ds-text-disabled, ".concat(_colors.N70, ")"),
68
+ dark: "var(--ds-text-disabled, ".concat(_colors.DN90, ")")
71
69
  };
72
70
  exports.disabledTextColor = disabledTextColor;
73
71
  var transparent = {
package/dist/cjs/text-area.js CHANGED
@@ -38,7 +38,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
38
38
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
39
39
 
40
40
  var packageName = "@atlaskit/textarea";
41
- var packageVersion = "4.2.3";
41
+ var packageVersion = "4.2.4";
42
42
  var analyticsParams = {
43
43
  componentName: 'textArea',
44
44
  packageName: packageName,
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/textarea",
3
- "version": "4.2.3",
3
+ "version": "4.2.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/component-tokens.js CHANGED
@@ -1,53 +1,52 @@
1
1
  import { B100, B75, DN10, DN20, DN200, DN30, DN40, DN600, DN90, N0, N10, N100, N20, N30, N40, N70, N900, R400 } from '@atlaskit/theme/colors';
2
- import { token } from '@atlaskit/tokens';
3
2
  export const disabledBackground = {
4
- light: token('color.background.disabled', N20),
5
- dark: token('color.background.disabled', DN20)
3
+ light: `var(--ds-background-disabled, ${N20})`,
4
+ dark: `var(--ds-background-disabled, ${DN20})`
6
5
  };
7
6
  export const disabledBorder = {
8
- light: token('color.background.disabled', N40),
9
- dark: token('color.background.disabled', DN40)
7
+ light: `var(--ds-background-disabled, ${N40})`,
8
+ dark: `var(--ds-background-disabled, ${DN40})`
10
9
  };
11
10
  export const invalidBorderColor = {
12
- light: token('color.iconBorder.danger', R400),
13
- dark: token('color.iconBorder.danger', R400)
11
+ light: `var(--ds-iconBorder-danger, ${R400})`,
12
+ dark: `var(--ds-iconBorder-danger, ${R400})`
14
13
  };
15
14
  export const defaultBorderColor = {
16
- light: token('color.border.neutral', N40),
17
- dark: token('color.border.neutral', DN40)
15
+ light: `var(--ds-border-neutral, ${N40})`,
16
+ dark: `var(--ds-border-neutral, ${DN40})`
18
17
  };
19
18
  export const defaultBorderColorFocus = {
20
- light: token('color.border.focus', B100),
21
- dark: token('color.border.focus', B75)
19
+ light: `var(--ds-border-focus, ${B100})`,
20
+ dark: `var(--ds-border-focus, ${B75})`
22
21
  };
23
22
  export const defaultBackgroundColor = {
24
- light: token('color.background.subtleNeutral.resting', N10),
25
- dark: token('color.background.subtleNeutral.resting', DN10)
23
+ light: `var(--ds-background-subtleNeutral-resting, ${N10})`,
24
+ dark: `var(--ds-background-subtleNeutral-resting, ${DN10})`
26
25
  };
27
26
  export const defaultBackgroundColorHover = {
28
- light: token('color.background.default', N30),
29
- dark: token('color.background.default', DN30)
27
+ light: `var(--ds-background-default, ${N30})`,
28
+ dark: `var(--ds-background-default, ${DN30})`
30
29
  };
31
30
  export const defaultBackgroundColorFocus = {
32
- light: token('color.background.default', N0),
33
- dark: token('color.background.default', DN10)
31
+ light: `var(--ds-background-default, ${N0})`,
32
+ dark: `var(--ds-background-default, ${DN10})`
34
33
  }; // TODO Subtle hover styles not defined in Figma: https://product-fabric.atlassian.net/browse/DSP-1568
35
34
 
36
35
  export const subtleHoverBackgroundColor = {
37
- light: token('color.background.transparentNeutral.hover', N30),
38
- dark: token('color.background.transparentNeutral.hover', DN30)
36
+ light: `var(--ds-background-transparentNeutral-hover, ${N30})`,
37
+ dark: `var(--ds-background-transparentNeutral-hover, ${DN30})`
39
38
  };
40
39
  export const placeholderTextColor = {
41
- light: token('color.text.lowEmphasis', N100),
42
- dark: token('color.text.lowEmphasis', DN200)
40
+ light: `var(--ds-text-lowEmphasis, ${N100})`,
41
+ dark: `var(--ds-text-lowEmphasis, ${DN200})`
43
42
  };
44
43
  export const textColor = {
45
- light: token('color.text.highEmphasis', N900),
46
- dark: token('color.text.highEmphasis', DN600)
44
+ light: `var(--ds-text-highEmphasis, ${N900})`,
45
+ dark: `var(--ds-text-highEmphasis, ${DN600})`
47
46
  };
48
47
  export const disabledTextColor = {
49
- light: token('color.text.disabled', N70),
50
- dark: token('color.text.disabled', DN90)
48
+ light: `var(--ds-text-disabled, ${N70})`,
49
+ dark: `var(--ds-text-disabled, ${DN90})`
51
50
  };
52
51
  export const transparent = {
53
52
  light: 'transparent',
package/dist/es2019/text-area.js CHANGED
@@ -8,7 +8,7 @@ import GlobalTheme from '@atlaskit/theme/components';
8
8
  import { borderWidth, getBaseStyles, themeStyles } from './styles';
9
9
  import { Theme } from './theme';
10
10
  const packageName = "@atlaskit/textarea";
11
- const packageVersion = "4.2.3";
11
+ const packageVersion = "4.2.4";
12
12
  const analyticsParams = {
13
13
  componentName: 'textArea',
14
14
  packageName,
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/textarea",
3
- "version": "4.2.3",
3
+ "version": "4.2.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/component-tokens.js CHANGED
@@ -1,53 +1,52 @@
1
1
  import { B100, B75, DN10, DN20, DN200, DN30, DN40, DN600, DN90, N0, N10, N100, N20, N30, N40, N70, N900, R400 } from '@atlaskit/theme/colors';
2
- import { token } from '@atlaskit/tokens';
3
2
  export var disabledBackground = {
4
- light: token('color.background.disabled', N20),
5
- dark: token('color.background.disabled', DN20)
3
+ light: "var(--ds-background-disabled, ".concat(N20, ")"),
4
+ dark: "var(--ds-background-disabled, ".concat(DN20, ")")
6
5
  };
7
6
  export var disabledBorder = {
8
- light: token('color.background.disabled', N40),
9
- dark: token('color.background.disabled', DN40)
7
+ light: "var(--ds-background-disabled, ".concat(N40, ")"),
8
+ dark: "var(--ds-background-disabled, ".concat(DN40, ")")
10
9
  };
11
10
  export var invalidBorderColor = {
12
- light: token('color.iconBorder.danger', R400),
13
- dark: token('color.iconBorder.danger', R400)
11
+ light: "var(--ds-iconBorder-danger, ".concat(R400, ")"),
12
+ dark: "var(--ds-iconBorder-danger, ".concat(R400, ")")
14
13
  };
15
14
  export var defaultBorderColor = {
16
- light: token('color.border.neutral', N40),
17
- dark: token('color.border.neutral', DN40)
15
+ light: "var(--ds-border-neutral, ".concat(N40, ")"),
16
+ dark: "var(--ds-border-neutral, ".concat(DN40, ")")
18
17
  };
19
18
  export var defaultBorderColorFocus = {
20
- light: token('color.border.focus', B100),
21
- dark: token('color.border.focus', B75)
19
+ light: "var(--ds-border-focus, ".concat(B100, ")"),
20
+ dark: "var(--ds-border-focus, ".concat(B75, ")")
22
21
  };
23
22
  export var defaultBackgroundColor = {
24
- light: token('color.background.subtleNeutral.resting', N10),
25
- dark: token('color.background.subtleNeutral.resting', DN10)
23
+ light: "var(--ds-background-subtleNeutral-resting, ".concat(N10, ")"),
24
+ dark: "var(--ds-background-subtleNeutral-resting, ".concat(DN10, ")")
26
25
  };
27
26
  export var defaultBackgroundColorHover = {
28
- light: token('color.background.default', N30),
29
- dark: token('color.background.default', DN30)
27
+ light: "var(--ds-background-default, ".concat(N30, ")"),
28
+ dark: "var(--ds-background-default, ".concat(DN30, ")")
30
29
  };
31
30
  export var defaultBackgroundColorFocus = {
32
- light: token('color.background.default', N0),
33
- dark: token('color.background.default', DN10)
31
+ light: "var(--ds-background-default, ".concat(N0, ")"),
32
+ dark: "var(--ds-background-default, ".concat(DN10, ")")
34
33
  }; // TODO Subtle hover styles not defined in Figma: https://product-fabric.atlassian.net/browse/DSP-1568
35
34
 
36
35
  export var subtleHoverBackgroundColor = {
37
- light: token('color.background.transparentNeutral.hover', N30),
38
- dark: token('color.background.transparentNeutral.hover', DN30)
36
+ light: "var(--ds-background-transparentNeutral-hover, ".concat(N30, ")"),
37
+ dark: "var(--ds-background-transparentNeutral-hover, ".concat(DN30, ")")
39
38
  };
40
39
  export var placeholderTextColor = {
41
- light: token('color.text.lowEmphasis', N100),
42
- dark: token('color.text.lowEmphasis', DN200)
40
+ light: "var(--ds-text-lowEmphasis, ".concat(N100, ")"),
41
+ dark: "var(--ds-text-lowEmphasis, ".concat(DN200, ")")
43
42
  };
44
43
  export var textColor = {
45
- light: token('color.text.highEmphasis', N900),
46
- dark: token('color.text.highEmphasis', DN600)
44
+ light: "var(--ds-text-highEmphasis, ".concat(N900, ")"),
45
+ dark: "var(--ds-text-highEmphasis, ".concat(DN600, ")")
47
46
  };
48
47
  export var disabledTextColor = {
49
- light: token('color.text.disabled', N70),
50
- dark: token('color.text.disabled', DN90)
48
+ light: "var(--ds-text-disabled, ".concat(N70, ")"),
49
+ dark: "var(--ds-text-disabled, ".concat(DN90, ")")
51
50
  };
52
51
  export var transparent = {
53
52
  light: 'transparent',
package/dist/esm/text-area.js CHANGED
@@ -15,7 +15,7 @@ import GlobalTheme from '@atlaskit/theme/components';
15
15
  import { borderWidth, getBaseStyles, themeStyles } from './styles';
16
16
  import { Theme } from './theme';
17
17
  var packageName = "@atlaskit/textarea";
18
- var packageVersion = "4.2.3";
18
+ var packageVersion = "4.2.4";
19
19
  var analyticsParams = {
20
20
  componentName: 'textArea',
21
21
  packageName: packageName,
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/textarea",
3
- "version": "4.2.3",
3
+ "version": "4.2.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/text-area.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /** @jsx jsx */
2
2
  import React from 'react';
3
3
  import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
4
- export interface Props extends WithAnalyticsEventsProps {
4
+ export interface OwnProps extends WithAnalyticsEventsProps {
5
5
  /**
6
6
  * controls the appearance of the field.
7
7
  * subtle shows styling on hover.
@@ -61,5 +61,7 @@ export interface Props extends WithAnalyticsEventsProps {
61
61
  * serving as a hook for automated tests */
62
62
  testId?: string;
63
63
  }
64
- declare const TextArea: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<Props, "appearance" | "maxHeight" | "resize" | "minimumRows" | "isMonospaced" | "isCompact" | "isDisabled" | "isReadOnly" | "isRequired" | "isInvalid" | "value" | "defaultValue" | "name" | "placeholder" | "onBlur" | "onChange" | "onFocus" | "spellCheck" | "theme" | "testId" | "createAnalyticsEvent"> & React.RefAttributes<HTMLTextAreaElement>>>;
64
+ declare type Combine<First, Second> = Omit<First, keyof Second> & Second;
65
+ export declare type Props = Combine<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'disabled' | 'required' | 'readonly'>, OwnProps>;
66
+ declare const TextArea: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<Combine<Pick<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "color" | "hidden" | "style" | "wrap" | "autoComplete" | "autoFocus" | "cols" | "dirName" | "form" | "maxLength" | "minLength" | "name" | "placeholder" | "readOnly" | "rows" | "value" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "slot" | "spellCheck" | "tabIndex" | "title" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css">, OwnProps>, "appearance" | "color" | "maxHeight" | "resize" | "hidden" | "style" | "wrap" | "minimumRows" | "isMonospaced" | "autoComplete" | "autoFocus" | "cols" | "dirName" | "form" | "maxLength" | "minLength" | "name" | "placeholder" | "readOnly" | "rows" | "value" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "slot" | "spellCheck" | "tabIndex" | "title" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "isCompact" | "isDisabled" | "isReadOnly" | "isRequired" | "isInvalid" | "theme" | "testId" | "createAnalyticsEvent"> & React.RefAttributes<HTMLTextAreaElement>>>;
65
67
  export default TextArea;
package/extract-react-types/textarea-props.tsx ADDED
@@ -0,0 +1,5 @@
1
+ import type { OwnProps as Props } from '../src/text-area';
2
+
3
+ export default function TextareaProps(props: Props) {
4
+ return null;
5
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/textarea",
3
- "version": "4.2.3",
3
+ "version": "4.2.4",
4
4
  "description": "A text area lets users enter long form text which spans over multiple lines.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -27,7 +27,7 @@
27
27
  "dependencies": {
28
28
  "@atlaskit/analytics-next": "^8.0.0",
29
29
  "@atlaskit/theme": "^12.0.0",
30
- "@atlaskit/tokens": "^0.3.0",
30
+ "@atlaskit/tokens": "^0.4.0",
31
31
  "@babel/runtime": "^7.0.0",
32
32
  "@emotion/core": "^10.0.9"
33
33
  },
@@ -65,7 +65,10 @@
65
65
  "ui-components": "lite-mode",
66
66
  "analytics": "analytics-next",
67
67
  "theming": "tokens",
68
- "styling": "emotion",
68
+ "styling": [
69
+ "static",
70
+ "emotion"
71
+ ],
69
72
  "deprecation": "no-deprecated-imports"
70
73
  }
71
74
  },