@atlaskit/textfield 5.6.5 → 5.6.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/component-tokens.js +2 -2
  3. package/dist/cjs/text-field.js +1 -1
  4. package/dist/es2019/component-tokens.js +3 -3
  5. package/dist/es2019/text-field.js +1 -1
  6. package/dist/esm/component-tokens.js +3 -3
  7. package/dist/esm/text-field.js +1 -1
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/textfield
2
2
 
3
+ ## 5.6.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`29941aaea33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/29941aaea33) - update focused fallback color to meet contrast requirement
8
+
3
9
  ## 5.6.5
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/component-tokens.js CHANGED
@@ -32,8 +32,8 @@ var defaultBorderColor = {
32
32
  };
33
33
  exports.defaultBorderColor = defaultBorderColor;
34
34
  var defaultBorderColorFocus = {
35
- light: "var(--ds-border-focused, ".concat(_colors.B100, ")"),
36
- dark: "var(--ds-border-focused, ".concat(_colors.B75, ")")
35
+ light: "var(--ds-border-focused, ".concat(_colors.B200, ")"),
36
+ dark: "var(--ds-border-focused, ".concat(_colors.B100, ")")
37
37
  };
38
38
  exports.defaultBorderColorFocus = defaultBorderColorFocus;
39
39
  var subtleBorderColorHover = {
package/dist/cjs/text-field.js CHANGED
@@ -24,7 +24,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
24
24
  var analyticsParams = {
25
25
  componentName: 'textField',
26
26
  packageName: "@atlaskit/textfield",
27
- packageVersion: "5.6.5"
27
+ packageVersion: "5.6.6"
28
28
  };
29
29
  var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
30
30
  var _props$appearance = props.appearance,
package/dist/es2019/component-tokens.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
2
- import { B100, B75, DN10, DN200, DN30, DN40, DN600, DN90, N0, N10, N100, N200, N30, N40, N70, N900 } from '@atlaskit/theme/colors';
2
+ import { B100, B200, DN10, DN200, DN30, DN40, DN600, DN90, N0, N10, N100, N200, N30, N40, N70, N900 } from '@atlaskit/theme/colors';
3
3
  export const disabledBackgroundColor = {
4
4
  light: `var(--ds-background-disabled, ${N10})`,
5
5
  dark: `var(--ds-background-disabled, ${DN10})`
@@ -21,8 +21,8 @@ export const defaultBorderColor = {
21
21
  dark: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? DN200 : DN40})`
22
22
  };
23
23
  export const defaultBorderColorFocus = {
24
- light: `var(--ds-border-focused, ${B100})`,
25
- dark: `var(--ds-border-focused, ${B75})`
24
+ light: `var(--ds-border-focused, ${B200})`,
25
+ dark: `var(--ds-border-focused, ${B100})`
26
26
  };
27
27
  export const subtleBorderColorHover = {
28
28
  light: "var(--ds-border-input, transparent)",
package/dist/es2019/text-field.js CHANGED
@@ -8,7 +8,7 @@ import { containerStyles as getContainerStyles, inputStyles as getInputStyles }
8
8
  const analyticsParams = {
9
9
  componentName: 'textField',
10
10
  packageName: "@atlaskit/textfield",
11
- packageVersion: "5.6.5"
11
+ packageVersion: "5.6.6"
12
12
  };
13
13
  const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
14
14
  const {
package/dist/esm/component-tokens.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
2
- import { B100, B75, DN10, DN200, DN30, DN40, DN600, DN90, N0, N10, N100, N200, N30, N40, N70, N900 } from '@atlaskit/theme/colors';
2
+ import { B100, B200, DN10, DN200, DN30, DN40, DN600, DN90, N0, N10, N100, N200, N30, N40, N70, N900 } from '@atlaskit/theme/colors';
3
3
  export var disabledBackgroundColor = {
4
4
  light: "var(--ds-background-disabled, ".concat(N10, ")"),
5
5
  dark: "var(--ds-background-disabled, ".concat(DN10, ")")
@@ -21,8 +21,8 @@ export var defaultBorderColor = {
21
21
  dark: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? DN200 : DN40, ")")
22
22
  };
23
23
  export var defaultBorderColorFocus = {
24
- light: "var(--ds-border-focused, ".concat(B100, ")"),
25
- dark: "var(--ds-border-focused, ".concat(B75, ")")
24
+ light: "var(--ds-border-focused, ".concat(B200, ")"),
25
+ dark: "var(--ds-border-focused, ".concat(B100, ")")
26
26
  };
27
27
  export var subtleBorderColorHover = {
28
28
  light: "var(--ds-border-input, transparent)",
package/dist/esm/text-field.js CHANGED
@@ -14,7 +14,7 @@ import { containerStyles as getContainerStyles, inputStyles as getInputStyles }
14
14
  var analyticsParams = {
15
15
  componentName: 'textField',
16
16
  packageName: "@atlaskit/textfield",
17
- packageVersion: "5.6.5"
17
+ packageVersion: "5.6.6"
18
18
  };
19
19
  var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
20
20
  var _props$appearance = props.appearance,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/textfield",
3
- "version": "5.6.5",
3
+ "version": "5.6.6",
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/"
@@ -29,7 +29,7 @@
29
29
  "@atlaskit/analytics-next": "^9.1.0",
30
30
  "@atlaskit/platform-feature-flags": "^0.2.0",
31
31
  "@atlaskit/theme": "^12.5.0",
32
- "@atlaskit/tokens": "^1.15.0",
32
+ "@atlaskit/tokens": "^1.17.0",
33
33
  "@babel/runtime": "^7.0.0",
34
34
  "@emotion/react": "^11.7.1"
35
35
  },