@atlaskit/textfield 5.1.6 → 5.1.9

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 +19 -0
  2. package/dist/cjs/component-tokens.js +2 -2
  3. package/dist/cjs/text-field.js +1 -1
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/component-tokens.js +2 -2
  6. package/dist/es2019/text-field.js +1 -1
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/component-tokens.js +2 -2
  9. package/dist/esm/text-field.js +1 -1
  10. package/dist/esm/version.json +1 -1
  11. package/dist/types/component-tokens.d.ts +2 -2
  12. package/dist/types/styles.d.ts +4 -4
  13. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/textfield
2
2
 
3
+ ## 5.1.9
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 5.1.8
10
+
11
+ ### Patch Changes
12
+
13
+ - [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
14
+ - Updated dependencies
15
+
16
+ ## 5.1.7
17
+
18
+ ### Patch Changes
19
+
20
+ - Updated dependencies
21
+
3
22
  ## 5.1.6
4
23
 
5
24
  ### Patch Changes
package/dist/cjs/component-tokens.js CHANGED
@@ -23,8 +23,8 @@ var defaultBackgroundColorFocus = {
23
23
  };
24
24
  exports.defaultBackgroundColorFocus = defaultBackgroundColorFocus;
25
25
  var defaultBackgroundColorHover = {
26
- light: "var(--ds-surface, ".concat(_colors.N30, ")"),
27
- dark: "var(--ds-surface, ".concat(_colors.DN30, ")")
26
+ light: "var(--ds-background-input-hovered, ".concat(_colors.N30, ")"),
27
+ dark: "var(--ds-background-input-hovered, ".concat(_colors.DN30, ")")
28
28
  };
29
29
  exports.defaultBackgroundColorHover = defaultBackgroundColorHover;
30
30
  var subtleBackgroundColorHover = {
package/dist/cjs/text-field.js CHANGED
@@ -40,7 +40,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
40
40
  var analyticsParams = {
41
41
  componentName: 'textField',
42
42
  packageName: "@atlaskit/textfield",
43
- packageVersion: "5.1.6"
43
+ packageVersion: "5.1.9"
44
44
  };
45
45
  var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
46
46
  var _props$appearance = props.appearance,
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/textfield",
3
- "version": "5.1.6",
3
+ "version": "5.1.9",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/component-tokens.js CHANGED
@@ -12,8 +12,8 @@ export const defaultBackgroundColorFocus = {
12
12
  dark: `var(--ds-surface, ${DN10})`
13
13
  };
14
14
  export const defaultBackgroundColorHover = {
15
- light: `var(--ds-surface, ${N30})`,
16
- dark: `var(--ds-surface, ${DN30})`
15
+ light: `var(--ds-background-input-hovered, ${N30})`,
16
+ dark: `var(--ds-background-input-hovered, ${DN30})`
17
17
  };
18
18
  export const subtleBackgroundColorHover = {
19
19
  light: `var(--ds-background-neutral-subtle-hovered, ${N30})`,
package/dist/es2019/text-field.js CHANGED
@@ -9,7 +9,7 @@ import { containerStyles as getContainerStyles, inputStyles as getInputStyles }
9
9
  const analyticsParams = {
10
10
  componentName: 'textField',
11
11
  packageName: "@atlaskit/textfield",
12
- packageVersion: "5.1.6"
12
+ packageVersion: "5.1.9"
13
13
  };
14
14
  const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
15
15
  const {
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/textfield",
3
- "version": "5.1.6",
3
+ "version": "5.1.9",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/component-tokens.js CHANGED
@@ -12,8 +12,8 @@ export var defaultBackgroundColorFocus = {
12
12
  dark: "var(--ds-surface, ".concat(DN10, ")")
13
13
  };
14
14
  export var defaultBackgroundColorHover = {
15
- light: "var(--ds-surface, ".concat(N30, ")"),
16
- dark: "var(--ds-surface, ".concat(DN30, ")")
15
+ light: "var(--ds-background-input-hovered, ".concat(N30, ")"),
16
+ dark: "var(--ds-background-input-hovered, ".concat(DN30, ")")
17
17
  };
18
18
  export var subtleBackgroundColorHover = {
19
19
  light: "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"),
package/dist/esm/text-field.js CHANGED
@@ -17,7 +17,7 @@ import { containerStyles as getContainerStyles, inputStyles as getInputStyles }
17
17
  var analyticsParams = {
18
18
  componentName: 'textField',
19
19
  packageName: "@atlaskit/textfield",
20
- packageVersion: "5.1.6"
20
+ packageVersion: "5.1.9"
21
21
  };
22
22
  var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
23
23
  var _props$appearance = props.appearance,
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/textfield",
3
- "version": "5.1.6",
3
+ "version": "5.1.9",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/component-tokens.d.ts CHANGED
@@ -11,8 +11,8 @@ export declare const defaultBackgroundColorFocus: {
11
11
  dark: "var(--ds-surface)";
12
12
  };
13
13
  export declare const defaultBackgroundColorHover: {
14
- light: "var(--ds-surface)";
15
- dark: "var(--ds-surface)";
14
+ light: "var(--ds-background-input-hovered)";
15
+ dark: "var(--ds-background-input-hovered)";
16
16
  };
17
17
  export declare const subtleBackgroundColorHover: {
18
18
  light: "var(--ds-background-neutral-subtle-hovered)";
package/dist/types/styles.d.ts CHANGED
@@ -127,8 +127,8 @@ export declare const textFieldColors: {
127
127
  };
128
128
  backgroundColorHover: {
129
129
  standard: {
130
- light: "var(--ds-surface)";
131
- dark: "var(--ds-surface)";
130
+ light: "var(--ds-background-input-hovered)";
131
+ dark: "var(--ds-background-input-hovered)";
132
132
  };
133
133
  subtle: {
134
134
  light: "var(--ds-background-neutral-subtle-hovered)";
@@ -178,14 +178,14 @@ export declare const textFieldColors: {
178
178
  invalidRules: {
179
179
  light: {
180
180
  backgroundColor: "var(--ds-background-input)";
181
- backgroundColorHover: "var(--ds-surface)";
181
+ backgroundColorHover: "var(--ds-background-input-hovered)";
182
182
  backgroundColorFocus: "var(--ds-surface)";
183
183
  borderColor: "var(--ds-border-danger)";
184
184
  borderColorFocus: "var(--ds-border-focused)";
185
185
  };
186
186
  dark: {
187
187
  backgroundColor: "var(--ds-background-input)";
188
- backgroundColorHover: "var(--ds-surface)";
188
+ backgroundColorHover: "var(--ds-background-input-hovered)";
189
189
  backgroundColorFocus: "var(--ds-surface)";
190
190
  borderColor: "var(--ds-border-danger)";
191
191
  borderColorFocus: "var(--ds-border-focused)";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/textfield",
3
- "version": "5.1.6",
3
+ "version": "5.1.9",
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/"
@@ -27,7 +27,7 @@
27
27
  "dependencies": {
28
28
  "@atlaskit/analytics-next": "^8.2.0",
29
29
  "@atlaskit/theme": "^12.1.0",
30
- "@atlaskit/tokens": "^0.6.0",
30
+ "@atlaskit/tokens": "^0.9.0",
31
31
  "@babel/runtime": "^7.0.0",
32
32
  "@emotion/core": "^10.0.9"
33
33
  },
@@ -36,9 +36,9 @@
36
36
  },
37
37
  "devDependencies": {
38
38
  "@atlaskit/avatar": "^20.5.0",
39
- "@atlaskit/button": "^16.1.0",
39
+ "@atlaskit/button": "^16.2.0",
40
40
  "@atlaskit/docs": "*",
41
- "@atlaskit/form": "^8.4.0",
41
+ "@atlaskit/form": "^8.5.0",
42
42
  "@atlaskit/icon": "^21.10.0",
43
43
  "@atlaskit/section-message": "^6.1.0",
44
44
  "@atlaskit/ssr": "*",
@@ -51,7 +51,7 @@
51
51
  "jscodeshift": "^0.13.0",
52
52
  "react-dom": "^16.8.0",
53
53
  "storybook-addon-performance": "^0.16.0",
54
- "typescript": "3.9.6",
54
+ "typescript": "3.9.10",
55
55
  "wait-for-expect": "^1.2.0"
56
56
  },
57
57
  "keywords": [