@atlaskit/textarea 4.2.2 → 4.2.3
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 +6 -0
- package/dist/cjs/text-area.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/text-area.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/text-area.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/component-tokens.d.ts +24 -24
- package/dist/types/theme.d.ts +42 -42
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
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.
|
|
41
|
+
var packageVersion = "4.2.3";
|
|
42
42
|
var analyticsParams = {
|
|
43
43
|
componentName: 'textArea',
|
|
44
44
|
packageName: packageName,
|
package/dist/cjs/version.json
CHANGED
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.
|
|
11
|
+
const packageVersion = "4.2.3";
|
|
12
12
|
const analyticsParams = {
|
|
13
13
|
componentName: 'textArea',
|
|
14
14
|
packageName,
|
package/dist/es2019/version.json
CHANGED
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.
|
|
18
|
+
var packageVersion = "4.2.3";
|
|
19
19
|
var analyticsParams = {
|
|
20
20
|
componentName: 'textArea',
|
|
21
21
|
packageName: packageName,
|
package/dist/esm/version.json
CHANGED
|
@@ -1,50 +1,50 @@
|
|
|
1
1
|
export declare const disabledBackground: {
|
|
2
|
-
light: "var(--background-disabled)";
|
|
3
|
-
dark: "var(--background-disabled)";
|
|
2
|
+
light: "var(--ds-background-disabled)";
|
|
3
|
+
dark: "var(--ds-background-disabled)";
|
|
4
4
|
};
|
|
5
5
|
export declare const disabledBorder: {
|
|
6
|
-
light: "var(--background-disabled)";
|
|
7
|
-
dark: "var(--background-disabled)";
|
|
6
|
+
light: "var(--ds-background-disabled)";
|
|
7
|
+
dark: "var(--ds-background-disabled)";
|
|
8
8
|
};
|
|
9
9
|
export declare const invalidBorderColor: {
|
|
10
|
-
light: "var(--iconBorder-danger)";
|
|
11
|
-
dark: "var(--iconBorder-danger)";
|
|
10
|
+
light: "var(--ds-iconBorder-danger)";
|
|
11
|
+
dark: "var(--ds-iconBorder-danger)";
|
|
12
12
|
};
|
|
13
13
|
export declare const defaultBorderColor: {
|
|
14
|
-
light: "var(--border-neutral)";
|
|
15
|
-
dark: "var(--border-neutral)";
|
|
14
|
+
light: "var(--ds-border-neutral)";
|
|
15
|
+
dark: "var(--ds-border-neutral)";
|
|
16
16
|
};
|
|
17
17
|
export declare const defaultBorderColorFocus: {
|
|
18
|
-
light: "var(--border-focus)";
|
|
19
|
-
dark: "var(--border-focus)";
|
|
18
|
+
light: "var(--ds-border-focus)";
|
|
19
|
+
dark: "var(--ds-border-focus)";
|
|
20
20
|
};
|
|
21
21
|
export declare const defaultBackgroundColor: {
|
|
22
|
-
light: "var(--background-subtleNeutral-resting)";
|
|
23
|
-
dark: "var(--background-subtleNeutral-resting)";
|
|
22
|
+
light: "var(--ds-background-subtleNeutral-resting)";
|
|
23
|
+
dark: "var(--ds-background-subtleNeutral-resting)";
|
|
24
24
|
};
|
|
25
25
|
export declare const defaultBackgroundColorHover: {
|
|
26
|
-
light: "var(--background-default)";
|
|
27
|
-
dark: "var(--background-default)";
|
|
26
|
+
light: "var(--ds-background-default)";
|
|
27
|
+
dark: "var(--ds-background-default)";
|
|
28
28
|
};
|
|
29
29
|
export declare const defaultBackgroundColorFocus: {
|
|
30
|
-
light: "var(--background-default)";
|
|
31
|
-
dark: "var(--background-default)";
|
|
30
|
+
light: "var(--ds-background-default)";
|
|
31
|
+
dark: "var(--ds-background-default)";
|
|
32
32
|
};
|
|
33
33
|
export declare const subtleHoverBackgroundColor: {
|
|
34
|
-
light: "var(--background-transparentNeutral-hover)";
|
|
35
|
-
dark: "var(--background-transparentNeutral-hover)";
|
|
34
|
+
light: "var(--ds-background-transparentNeutral-hover)";
|
|
35
|
+
dark: "var(--ds-background-transparentNeutral-hover)";
|
|
36
36
|
};
|
|
37
37
|
export declare const placeholderTextColor: {
|
|
38
|
-
light: "var(--text-lowEmphasis)";
|
|
39
|
-
dark: "var(--text-lowEmphasis)";
|
|
38
|
+
light: "var(--ds-text-lowEmphasis)";
|
|
39
|
+
dark: "var(--ds-text-lowEmphasis)";
|
|
40
40
|
};
|
|
41
41
|
export declare const textColor: {
|
|
42
|
-
light: "var(--text-highEmphasis)";
|
|
43
|
-
dark: "var(--text-highEmphasis)";
|
|
42
|
+
light: "var(--ds-text-highEmphasis)";
|
|
43
|
+
dark: "var(--ds-text-highEmphasis)";
|
|
44
44
|
};
|
|
45
45
|
export declare const disabledTextColor: {
|
|
46
|
-
light: "var(--text-disabled)";
|
|
47
|
-
dark: "var(--text-disabled)";
|
|
46
|
+
light: "var(--ds-text-disabled)";
|
|
47
|
+
dark: "var(--ds-text-disabled)";
|
|
48
48
|
};
|
|
49
49
|
export declare const transparent: {
|
|
50
50
|
light: string;
|
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(--border-neutral)";
|
|
35
|
-
dark: "var(--border-neutral)";
|
|
34
|
+
light: "var(--ds-border-neutral)";
|
|
35
|
+
dark: "var(--ds-border-neutral)";
|
|
36
36
|
};
|
|
37
37
|
subtle: {
|
|
38
38
|
light: string;
|
|
@@ -45,12 +45,12 @@ export declare const themeTokens: {
|
|
|
45
45
|
};
|
|
46
46
|
borderColorFocus: {
|
|
47
47
|
standard: {
|
|
48
|
-
light: "var(--border-focus)";
|
|
49
|
-
dark: "var(--border-focus)";
|
|
48
|
+
light: "var(--ds-border-focus)";
|
|
49
|
+
dark: "var(--ds-border-focus)";
|
|
50
50
|
};
|
|
51
51
|
subtle: {
|
|
52
|
-
light: "var(--border-focus)";
|
|
53
|
-
dark: "var(--border-focus)";
|
|
52
|
+
light: "var(--ds-border-focus)";
|
|
53
|
+
dark: "var(--ds-border-focus)";
|
|
54
54
|
};
|
|
55
55
|
none: {
|
|
56
56
|
light: string;
|
|
@@ -59,8 +59,8 @@ export declare const themeTokens: {
|
|
|
59
59
|
};
|
|
60
60
|
backgroundColor: {
|
|
61
61
|
standard: {
|
|
62
|
-
light: "var(--background-subtleNeutral-resting)";
|
|
63
|
-
dark: "var(--background-subtleNeutral-resting)";
|
|
62
|
+
light: "var(--ds-background-subtleNeutral-resting)";
|
|
63
|
+
dark: "var(--ds-background-subtleNeutral-resting)";
|
|
64
64
|
};
|
|
65
65
|
subtle: {
|
|
66
66
|
light: string;
|
|
@@ -73,12 +73,12 @@ export declare const themeTokens: {
|
|
|
73
73
|
};
|
|
74
74
|
backgroundColorFocus: {
|
|
75
75
|
standard: {
|
|
76
|
-
light: "var(--background-default)";
|
|
77
|
-
dark: "var(--background-default)";
|
|
76
|
+
light: "var(--ds-background-default)";
|
|
77
|
+
dark: "var(--ds-background-default)";
|
|
78
78
|
};
|
|
79
79
|
subtle: {
|
|
80
|
-
light: "var(--background-default)";
|
|
81
|
-
dark: "var(--background-default)";
|
|
80
|
+
light: "var(--ds-background-default)";
|
|
81
|
+
dark: "var(--ds-background-default)";
|
|
82
82
|
};
|
|
83
83
|
none: {
|
|
84
84
|
light: string;
|
|
@@ -87,12 +87,12 @@ export declare const themeTokens: {
|
|
|
87
87
|
};
|
|
88
88
|
backgroundColorHover: {
|
|
89
89
|
standard: {
|
|
90
|
-
light: "var(--background-default)";
|
|
91
|
-
dark: "var(--background-default)";
|
|
90
|
+
light: "var(--ds-background-default)";
|
|
91
|
+
dark: "var(--ds-background-default)";
|
|
92
92
|
};
|
|
93
93
|
subtle: {
|
|
94
|
-
light: "var(--background-transparentNeutral-hover)";
|
|
95
|
-
dark: "var(--background-transparentNeutral-hover)";
|
|
94
|
+
light: "var(--ds-background-transparentNeutral-hover)";
|
|
95
|
+
dark: "var(--ds-background-transparentNeutral-hover)";
|
|
96
96
|
};
|
|
97
97
|
none: {
|
|
98
98
|
light: string;
|
|
@@ -101,45 +101,45 @@ export declare const themeTokens: {
|
|
|
101
101
|
};
|
|
102
102
|
disabledRules: {
|
|
103
103
|
light: {
|
|
104
|
-
backgroundColor: "var(--background-disabled)";
|
|
105
|
-
backgroundColorFocus: "var(--background-disabled)";
|
|
106
|
-
backgroundColorHover: "var(--background-disabled)";
|
|
107
|
-
borderColor: "var(--background-disabled)";
|
|
108
|
-
borderColorFocus: "var(--border-focus)";
|
|
109
|
-
textColor: "var(--text-disabled)";
|
|
104
|
+
backgroundColor: "var(--ds-background-disabled)";
|
|
105
|
+
backgroundColorFocus: "var(--ds-background-disabled)";
|
|
106
|
+
backgroundColorHover: "var(--ds-background-disabled)";
|
|
107
|
+
borderColor: "var(--ds-background-disabled)";
|
|
108
|
+
borderColorFocus: "var(--ds-border-focus)";
|
|
109
|
+
textColor: "var(--ds-text-disabled)";
|
|
110
110
|
};
|
|
111
111
|
dark: {
|
|
112
|
-
backgroundColor: "var(--background-disabled)";
|
|
113
|
-
backgroundColorFocus: "var(--background-disabled)";
|
|
114
|
-
backgroundColorHover: "var(--background-disabled)";
|
|
115
|
-
borderColor: "var(--background-disabled)";
|
|
116
|
-
borderColorFocus: "var(--border-focus)";
|
|
117
|
-
textColor: "var(--text-disabled)";
|
|
112
|
+
backgroundColor: "var(--ds-background-disabled)";
|
|
113
|
+
backgroundColorFocus: "var(--ds-background-disabled)";
|
|
114
|
+
backgroundColorHover: "var(--ds-background-disabled)";
|
|
115
|
+
borderColor: "var(--ds-background-disabled)";
|
|
116
|
+
borderColorFocus: "var(--ds-border-focus)";
|
|
117
|
+
textColor: "var(--ds-text-disabled)";
|
|
118
118
|
};
|
|
119
119
|
};
|
|
120
120
|
invalidRules: {
|
|
121
121
|
light: {
|
|
122
|
-
borderColor: "var(--iconBorder-danger)";
|
|
123
|
-
borderColorFocus: "var(--border-focus)";
|
|
124
|
-
backgroundColor: "var(--background-subtleNeutral-resting)";
|
|
125
|
-
backgroundColorFocus: "var(--background-default)";
|
|
126
|
-
backgroundColorHover: "var(--background-default)";
|
|
122
|
+
borderColor: "var(--ds-iconBorder-danger)";
|
|
123
|
+
borderColorFocus: "var(--ds-border-focus)";
|
|
124
|
+
backgroundColor: "var(--ds-background-subtleNeutral-resting)";
|
|
125
|
+
backgroundColorFocus: "var(--ds-background-default)";
|
|
126
|
+
backgroundColorHover: "var(--ds-background-default)";
|
|
127
127
|
};
|
|
128
128
|
dark: {
|
|
129
|
-
borderColor: "var(--iconBorder-danger)";
|
|
130
|
-
borderColorFocus: "var(--border-focus)";
|
|
131
|
-
backgroundColor: "var(--background-subtleNeutral-resting)";
|
|
132
|
-
backgroundColorFocus: "var(--background-default)";
|
|
133
|
-
backgroundColorHover: "var(--background-default)";
|
|
129
|
+
borderColor: "var(--ds-iconBorder-danger)";
|
|
130
|
+
borderColorFocus: "var(--ds-border-focus)";
|
|
131
|
+
backgroundColor: "var(--ds-background-subtleNeutral-resting)";
|
|
132
|
+
backgroundColorFocus: "var(--ds-background-default)";
|
|
133
|
+
backgroundColorHover: "var(--ds-background-default)";
|
|
134
134
|
};
|
|
135
135
|
};
|
|
136
136
|
textColor: {
|
|
137
|
-
light: "var(--text-highEmphasis)";
|
|
138
|
-
dark: "var(--text-highEmphasis)";
|
|
137
|
+
light: "var(--ds-text-highEmphasis)";
|
|
138
|
+
dark: "var(--ds-text-highEmphasis)";
|
|
139
139
|
};
|
|
140
140
|
placeholderTextColor: {
|
|
141
|
-
light: "var(--text-lowEmphasis)";
|
|
142
|
-
dark: "var(--text-lowEmphasis)";
|
|
141
|
+
light: "var(--ds-text-lowEmphasis)";
|
|
142
|
+
dark: "var(--ds-text-lowEmphasis)";
|
|
143
143
|
};
|
|
144
144
|
};
|
|
145
145
|
export declare const Theme: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/textarea",
|
|
3
|
-
"version": "4.2.
|
|
3
|
+
"version": "4.2.3",
|
|
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.
|
|
30
|
+
"@atlaskit/tokens": "^0.3.0",
|
|
31
31
|
"@babel/runtime": "^7.0.0",
|
|
32
32
|
"@emotion/core": "^10.0.9"
|
|
33
33
|
},
|