@atlaskit/textarea 4.3.3 → 4.3.6
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 +18 -0
- package/component-tokens/package.json +1 -0
- package/dist/cjs/component-tokens.js +8 -8
- package/dist/cjs/text-area.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/component-tokens.js +8 -8
- package/dist/es2019/text-area.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/component-tokens.js +8 -8
- package/dist/esm/text-area.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/component-tokens.d.ts +8 -8
- package/dist/types/text-area.d.ts +1 -1
- package/dist/types/theme.d.ts +14 -14
- package/package.json +5 -5
- package/styles/package.json +1 -0
- package/text-area/package.json +1 -0
- package/theme/package.json +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/textarea
|
|
2
2
|
|
|
3
|
+
## 4.3.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`f63824e8227`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f63824e8227) - [ux] Updated input tokens within `@atlaskit/textarea`.
|
|
8
|
+
|
|
9
|
+
## 4.3.5
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 4.3.4
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
|
|
20
|
+
|
|
3
21
|
## 4.3.3
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -13,8 +13,8 @@ var disabledBackground = {
|
|
|
13
13
|
};
|
|
14
14
|
exports.disabledBackground = disabledBackground;
|
|
15
15
|
var disabledBorder = {
|
|
16
|
-
light: "var(--ds-
|
|
17
|
-
dark: "var(--ds-
|
|
16
|
+
light: "var(--ds-border-disabled, ".concat(_colors.N40, ")"),
|
|
17
|
+
dark: "var(--ds-border-disabled, ".concat(_colors.DN40, ")")
|
|
18
18
|
};
|
|
19
19
|
exports.disabledBorder = disabledBorder;
|
|
20
20
|
var invalidBorderColor = {
|
|
@@ -23,8 +23,8 @@ var invalidBorderColor = {
|
|
|
23
23
|
};
|
|
24
24
|
exports.invalidBorderColor = invalidBorderColor;
|
|
25
25
|
var defaultBorderColor = {
|
|
26
|
-
light: "var(--ds-border, ".concat(_colors.N40, ")"),
|
|
27
|
-
dark: "var(--ds-border, ".concat(_colors.DN40, ")")
|
|
26
|
+
light: "var(--ds-border-input, ".concat(_colors.N40, ")"),
|
|
27
|
+
dark: "var(--ds-border-input, ".concat(_colors.DN40, ")")
|
|
28
28
|
};
|
|
29
29
|
exports.defaultBorderColor = defaultBorderColor;
|
|
30
30
|
var defaultBorderColorFocus = {
|
|
@@ -38,13 +38,13 @@ var defaultBackgroundColor = {
|
|
|
38
38
|
};
|
|
39
39
|
exports.defaultBackgroundColor = defaultBackgroundColor;
|
|
40
40
|
var defaultBackgroundColorHover = {
|
|
41
|
-
light: "var(--ds-
|
|
42
|
-
dark: "var(--ds-
|
|
41
|
+
light: "var(--ds-background-input-hovered, ".concat(_colors.N30, ")"),
|
|
42
|
+
dark: "var(--ds-background-input-hovered, ".concat(_colors.DN30, ")")
|
|
43
43
|
};
|
|
44
44
|
exports.defaultBackgroundColorHover = defaultBackgroundColorHover;
|
|
45
45
|
var defaultBackgroundColorFocus = {
|
|
46
|
-
light: "var(--ds-
|
|
47
|
-
dark: "var(--ds-
|
|
46
|
+
light: "var(--ds-background-input-pressed, ".concat(_colors.N0, ")"),
|
|
47
|
+
dark: "var(--ds-background-input-pressed, ".concat(_colors.DN10, ")")
|
|
48
48
|
}; // TODO Subtle hover styles not defined in Figma: https://product-fabric.atlassian.net/browse/DSP-1568
|
|
49
49
|
|
|
50
50
|
exports.defaultBackgroundColorFocus = defaultBackgroundColorFocus;
|
package/dist/cjs/text-area.js
CHANGED
|
@@ -40,7 +40,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
40
40
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
41
41
|
|
|
42
42
|
var packageName = "@atlaskit/textarea";
|
|
43
|
-
var packageVersion = "4.3.
|
|
43
|
+
var packageVersion = "4.3.6";
|
|
44
44
|
var analyticsParams = {
|
|
45
45
|
componentName: 'textArea',
|
|
46
46
|
packageName: packageName,
|
package/dist/cjs/version.json
CHANGED
|
@@ -4,16 +4,16 @@ export const disabledBackground = {
|
|
|
4
4
|
dark: `var(--ds-background-disabled, ${DN20})`
|
|
5
5
|
};
|
|
6
6
|
export const disabledBorder = {
|
|
7
|
-
light: `var(--ds-
|
|
8
|
-
dark: `var(--ds-
|
|
7
|
+
light: `var(--ds-border-disabled, ${N40})`,
|
|
8
|
+
dark: `var(--ds-border-disabled, ${DN40})`
|
|
9
9
|
};
|
|
10
10
|
export const invalidBorderColor = {
|
|
11
11
|
light: `var(--ds-border-danger, ${R400})`,
|
|
12
12
|
dark: `var(--ds-border-danger, ${R400})`
|
|
13
13
|
};
|
|
14
14
|
export const defaultBorderColor = {
|
|
15
|
-
light: `var(--ds-border, ${N40})`,
|
|
16
|
-
dark: `var(--ds-border, ${DN40})`
|
|
15
|
+
light: `var(--ds-border-input, ${N40})`,
|
|
16
|
+
dark: `var(--ds-border-input, ${DN40})`
|
|
17
17
|
};
|
|
18
18
|
export const defaultBorderColorFocus = {
|
|
19
19
|
light: `var(--ds-border-focused, ${B100})`,
|
|
@@ -24,12 +24,12 @@ export const defaultBackgroundColor = {
|
|
|
24
24
|
dark: `var(--ds-background-neutral, ${DN10})`
|
|
25
25
|
};
|
|
26
26
|
export const defaultBackgroundColorHover = {
|
|
27
|
-
light: `var(--ds-
|
|
28
|
-
dark: `var(--ds-
|
|
27
|
+
light: `var(--ds-background-input-hovered, ${N30})`,
|
|
28
|
+
dark: `var(--ds-background-input-hovered, ${DN30})`
|
|
29
29
|
};
|
|
30
30
|
export const defaultBackgroundColorFocus = {
|
|
31
|
-
light: `var(--ds-
|
|
32
|
-
dark: `var(--ds-
|
|
31
|
+
light: `var(--ds-background-input-pressed, ${N0})`,
|
|
32
|
+
dark: `var(--ds-background-input-pressed, ${DN10})`
|
|
33
33
|
}; // TODO Subtle hover styles not defined in Figma: https://product-fabric.atlassian.net/browse/DSP-1568
|
|
34
34
|
|
|
35
35
|
export const subtleHoverBackgroundColor = {
|
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.3.
|
|
11
|
+
const packageVersion = "4.3.6";
|
|
12
12
|
const analyticsParams = {
|
|
13
13
|
componentName: 'textArea',
|
|
14
14
|
packageName,
|
package/dist/es2019/version.json
CHANGED
|
@@ -4,16 +4,16 @@ export var disabledBackground = {
|
|
|
4
4
|
dark: "var(--ds-background-disabled, ".concat(DN20, ")")
|
|
5
5
|
};
|
|
6
6
|
export var disabledBorder = {
|
|
7
|
-
light: "var(--ds-
|
|
8
|
-
dark: "var(--ds-
|
|
7
|
+
light: "var(--ds-border-disabled, ".concat(N40, ")"),
|
|
8
|
+
dark: "var(--ds-border-disabled, ".concat(DN40, ")")
|
|
9
9
|
};
|
|
10
10
|
export var invalidBorderColor = {
|
|
11
11
|
light: "var(--ds-border-danger, ".concat(R400, ")"),
|
|
12
12
|
dark: "var(--ds-border-danger, ".concat(R400, ")")
|
|
13
13
|
};
|
|
14
14
|
export var defaultBorderColor = {
|
|
15
|
-
light: "var(--ds-border, ".concat(N40, ")"),
|
|
16
|
-
dark: "var(--ds-border, ".concat(DN40, ")")
|
|
15
|
+
light: "var(--ds-border-input, ".concat(N40, ")"),
|
|
16
|
+
dark: "var(--ds-border-input, ".concat(DN40, ")")
|
|
17
17
|
};
|
|
18
18
|
export var defaultBorderColorFocus = {
|
|
19
19
|
light: "var(--ds-border-focused, ".concat(B100, ")"),
|
|
@@ -24,12 +24,12 @@ export var defaultBackgroundColor = {
|
|
|
24
24
|
dark: "var(--ds-background-neutral, ".concat(DN10, ")")
|
|
25
25
|
};
|
|
26
26
|
export var defaultBackgroundColorHover = {
|
|
27
|
-
light: "var(--ds-
|
|
28
|
-
dark: "var(--ds-
|
|
27
|
+
light: "var(--ds-background-input-hovered, ".concat(N30, ")"),
|
|
28
|
+
dark: "var(--ds-background-input-hovered, ".concat(DN30, ")")
|
|
29
29
|
};
|
|
30
30
|
export var defaultBackgroundColorFocus = {
|
|
31
|
-
light: "var(--ds-
|
|
32
|
-
dark: "var(--ds-
|
|
31
|
+
light: "var(--ds-background-input-pressed, ".concat(N0, ")"),
|
|
32
|
+
dark: "var(--ds-background-input-pressed, ".concat(DN10, ")")
|
|
33
33
|
}; // TODO Subtle hover styles not defined in Figma: https://product-fabric.atlassian.net/browse/DSP-1568
|
|
34
34
|
|
|
35
35
|
export var subtleHoverBackgroundColor = {
|
package/dist/esm/text-area.js
CHANGED
|
@@ -16,7 +16,7 @@ import GlobalTheme from '@atlaskit/theme/components';
|
|
|
16
16
|
import { borderWidth, getBaseStyles, themeStyles } from './styles';
|
|
17
17
|
import { Theme } from './theme';
|
|
18
18
|
var packageName = "@atlaskit/textarea";
|
|
19
|
-
var packageVersion = "4.3.
|
|
19
|
+
var packageVersion = "4.3.6";
|
|
20
20
|
var analyticsParams = {
|
|
21
21
|
componentName: 'textArea',
|
|
22
22
|
packageName: packageName,
|
package/dist/esm/version.json
CHANGED
|
@@ -3,16 +3,16 @@ export declare const disabledBackground: {
|
|
|
3
3
|
dark: "var(--ds-background-disabled)";
|
|
4
4
|
};
|
|
5
5
|
export declare const disabledBorder: {
|
|
6
|
-
light: "var(--ds-
|
|
7
|
-
dark: "var(--ds-
|
|
6
|
+
light: "var(--ds-border-disabled)";
|
|
7
|
+
dark: "var(--ds-border-disabled)";
|
|
8
8
|
};
|
|
9
9
|
export declare const invalidBorderColor: {
|
|
10
10
|
light: "var(--ds-border-danger)";
|
|
11
11
|
dark: "var(--ds-border-danger)";
|
|
12
12
|
};
|
|
13
13
|
export declare const defaultBorderColor: {
|
|
14
|
-
light: "var(--ds-border)";
|
|
15
|
-
dark: "var(--ds-border)";
|
|
14
|
+
light: "var(--ds-border-input)";
|
|
15
|
+
dark: "var(--ds-border-input)";
|
|
16
16
|
};
|
|
17
17
|
export declare const defaultBorderColorFocus: {
|
|
18
18
|
light: "var(--ds-border-focused)";
|
|
@@ -23,12 +23,12 @@ export declare const defaultBackgroundColor: {
|
|
|
23
23
|
dark: "var(--ds-background-neutral)";
|
|
24
24
|
};
|
|
25
25
|
export declare const defaultBackgroundColorHover: {
|
|
26
|
-
light: "var(--ds-
|
|
27
|
-
dark: "var(--ds-
|
|
26
|
+
light: "var(--ds-background-input-hovered)";
|
|
27
|
+
dark: "var(--ds-background-input-hovered)";
|
|
28
28
|
};
|
|
29
29
|
export declare const defaultBackgroundColorFocus: {
|
|
30
|
-
light: "var(--ds-
|
|
31
|
-
dark: "var(--ds-
|
|
30
|
+
light: "var(--ds-background-input-pressed)";
|
|
31
|
+
dark: "var(--ds-background-input-pressed)";
|
|
32
32
|
};
|
|
33
33
|
export declare const subtleHoverBackgroundColor: {
|
|
34
34
|
light: "var(--ds-background-neutral-subtle-hovered)";
|
|
@@ -63,5 +63,5 @@ export interface OwnProps extends WithAnalyticsEventsProps {
|
|
|
63
63
|
}
|
|
64
64
|
declare type Combine<First, Second> = Omit<First, keyof Second> & Second;
|
|
65
65
|
export declare type Props = Combine<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'disabled' | 'required' | 'readonly'>, OwnProps>;
|
|
66
|
-
declare const TextArea: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<
|
|
66
|
+
declare const TextArea: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<Props, "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>>>;
|
|
67
67
|
export default TextArea;
|
package/dist/types/theme.d.ts
CHANGED
|
@@ -31,8 +31,8 @@ export declare type ThemeTokens = {
|
|
|
31
31
|
export declare const themeTokens: {
|
|
32
32
|
borderColor: {
|
|
33
33
|
standard: {
|
|
34
|
-
light: "var(--ds-border)";
|
|
35
|
-
dark: "var(--ds-border)";
|
|
34
|
+
light: "var(--ds-border-input)";
|
|
35
|
+
dark: "var(--ds-border-input)";
|
|
36
36
|
};
|
|
37
37
|
subtle: {
|
|
38
38
|
light: string;
|
|
@@ -73,12 +73,12 @@ export declare const themeTokens: {
|
|
|
73
73
|
};
|
|
74
74
|
backgroundColorFocus: {
|
|
75
75
|
standard: {
|
|
76
|
-
light: "var(--ds-
|
|
77
|
-
dark: "var(--ds-
|
|
76
|
+
light: "var(--ds-background-input-pressed)";
|
|
77
|
+
dark: "var(--ds-background-input-pressed)";
|
|
78
78
|
};
|
|
79
79
|
subtle: {
|
|
80
|
-
light: "var(--ds-
|
|
81
|
-
dark: "var(--ds-
|
|
80
|
+
light: "var(--ds-background-input-pressed)";
|
|
81
|
+
dark: "var(--ds-background-input-pressed)";
|
|
82
82
|
};
|
|
83
83
|
none: {
|
|
84
84
|
light: string;
|
|
@@ -87,8 +87,8 @@ export declare const themeTokens: {
|
|
|
87
87
|
};
|
|
88
88
|
backgroundColorHover: {
|
|
89
89
|
standard: {
|
|
90
|
-
light: "var(--ds-
|
|
91
|
-
dark: "var(--ds-
|
|
90
|
+
light: "var(--ds-background-input-hovered)";
|
|
91
|
+
dark: "var(--ds-background-input-hovered)";
|
|
92
92
|
};
|
|
93
93
|
subtle: {
|
|
94
94
|
light: "var(--ds-background-neutral-subtle-hovered)";
|
|
@@ -104,7 +104,7 @@ export declare const themeTokens: {
|
|
|
104
104
|
backgroundColor: "var(--ds-background-disabled)";
|
|
105
105
|
backgroundColorFocus: "var(--ds-background-disabled)";
|
|
106
106
|
backgroundColorHover: "var(--ds-background-disabled)";
|
|
107
|
-
borderColor: "var(--ds-
|
|
107
|
+
borderColor: "var(--ds-border-disabled)";
|
|
108
108
|
borderColorFocus: "var(--ds-border-focused)";
|
|
109
109
|
textColor: "var(--ds-text-disabled)";
|
|
110
110
|
};
|
|
@@ -112,7 +112,7 @@ export declare const themeTokens: {
|
|
|
112
112
|
backgroundColor: "var(--ds-background-disabled)";
|
|
113
113
|
backgroundColorFocus: "var(--ds-background-disabled)";
|
|
114
114
|
backgroundColorHover: "var(--ds-background-disabled)";
|
|
115
|
-
borderColor: "var(--ds-
|
|
115
|
+
borderColor: "var(--ds-border-disabled)";
|
|
116
116
|
borderColorFocus: "var(--ds-border-focused)";
|
|
117
117
|
textColor: "var(--ds-text-disabled)";
|
|
118
118
|
};
|
|
@@ -122,15 +122,15 @@ export declare const themeTokens: {
|
|
|
122
122
|
borderColor: "var(--ds-border-danger)";
|
|
123
123
|
borderColorFocus: "var(--ds-border-focused)";
|
|
124
124
|
backgroundColor: "var(--ds-background-neutral)";
|
|
125
|
-
backgroundColorFocus: "var(--ds-
|
|
126
|
-
backgroundColorHover: "var(--ds-
|
|
125
|
+
backgroundColorFocus: "var(--ds-background-input-pressed)";
|
|
126
|
+
backgroundColorHover: "var(--ds-background-input-hovered)";
|
|
127
127
|
};
|
|
128
128
|
dark: {
|
|
129
129
|
borderColor: "var(--ds-border-danger)";
|
|
130
130
|
borderColorFocus: "var(--ds-border-focused)";
|
|
131
131
|
backgroundColor: "var(--ds-background-neutral)";
|
|
132
|
-
backgroundColorFocus: "var(--ds-
|
|
133
|
-
backgroundColorHover: "var(--ds-
|
|
132
|
+
backgroundColorFocus: "var(--ds-background-input-pressed)";
|
|
133
|
+
backgroundColorHover: "var(--ds-background-input-hovered)";
|
|
134
134
|
};
|
|
135
135
|
};
|
|
136
136
|
textColor: {
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/textarea",
|
|
3
|
-
"version": "4.3.
|
|
3
|
+
"version": "4.3.6",
|
|
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/"
|
|
7
7
|
},
|
|
8
|
-
"repository": "https://bitbucket.org/atlassian/atlassian-frontend",
|
|
8
|
+
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
9
9
|
"author": "Atlassian Pty Ltd",
|
|
10
10
|
"license": "Apache-2.0",
|
|
11
11
|
"main": "dist/cjs/index.js",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@atlaskit/analytics-next": "^8.0.0",
|
|
28
28
|
"@atlaskit/theme": "^12.1.0",
|
|
29
|
-
"@atlaskit/tokens": "^0.
|
|
29
|
+
"@atlaskit/tokens": "^0.10.0",
|
|
30
30
|
"@babel/runtime": "^7.0.0",
|
|
31
31
|
"@emotion/core": "^10.0.9"
|
|
32
32
|
},
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"react": "^16.8.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@atlaskit/button": "^16.
|
|
37
|
+
"@atlaskit/button": "^16.3.0",
|
|
38
38
|
"@atlaskit/docs": "*",
|
|
39
39
|
"@atlaskit/form": "^8.5.0",
|
|
40
40
|
"@atlaskit/section-message": "^6.1.0",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"jscodeshift": "^0.13.0",
|
|
48
48
|
"react-dom": "^16.8.0",
|
|
49
49
|
"storybook-addon-performance": "^0.16.0",
|
|
50
|
-
"typescript": "
|
|
50
|
+
"typescript": "4.2.4",
|
|
51
51
|
"wait-for-expect": "^1.2.0"
|
|
52
52
|
},
|
|
53
53
|
"keywords": [
|
package/styles/package.json
CHANGED
package/text-area/package.json
CHANGED