@atlaskit/focus-ring 1.3.4 → 1.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 CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/focus-ring
2
2
 
3
+ ## 1.3.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`1e90520801a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1e90520801a) - Added this package into push model consumption.
8
+
9
+ ## 1.3.5
10
+
11
+ ### Patch Changes
12
+
13
+ - [`63ee052ee1b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/63ee052ee1b) - Fix focus-ring border width token with `border.width.outline`
14
+
3
15
  ## 1.3.4
4
16
 
5
17
  ### Patch Changes
@@ -17,9 +17,7 @@ var baseInsetStyles = (0, _react2.css)({
17
17
  outlineColor: "var(--ds-border-focused, #2684FF)",
18
18
  outlineOffset: -BORDER_WIDTH,
19
19
  outlineStyle: 'solid',
20
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
21
- // TODO Delete this comment after verifying space token -> previous value `BORDER_WIDTH`
22
- outlineWidth: "var(--ds-border-width, 2px)"
20
+ outlineWidth: "var(--ds-border-width-outline, 2px)"
23
21
  });
24
22
  var focusRingStyles = (0, _react2.css)({
25
23
  '&:focus-visible': baseFocusOutsideStyles,
@@ -10,9 +10,7 @@ const baseInsetStyles = css({
10
10
  outlineColor: "var(--ds-border-focused, #2684FF)",
11
11
  outlineOffset: -BORDER_WIDTH,
12
12
  outlineStyle: 'solid',
13
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
14
- // TODO Delete this comment after verifying space token -> previous value `BORDER_WIDTH`
15
- outlineWidth: "var(--ds-border-width, 2px)"
13
+ outlineWidth: "var(--ds-border-width-outline, 2px)"
16
14
  });
17
15
  const focusRingStyles = css({
18
16
  '&:focus-visible': baseFocusOutsideStyles,
@@ -10,9 +10,7 @@ var baseInsetStyles = css({
10
10
  outlineColor: "var(--ds-border-focused, #2684FF)",
11
11
  outlineOffset: -BORDER_WIDTH,
12
12
  outlineStyle: 'solid',
13
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
14
- // TODO Delete this comment after verifying space token -> previous value `BORDER_WIDTH`
15
- outlineWidth: "var(--ds-border-width, 2px)"
13
+ outlineWidth: "var(--ds-border-width-outline, 2px)"
16
14
  });
17
15
  var focusRingStyles = css({
18
16
  '&:focus-visible': baseFocusOutsideStyles,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/focus-ring",
3
- "version": "1.3.4",
3
+ "version": "1.3.6",
4
4
  "description": "A focus ring is used to indicate the currently focused item.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -10,6 +10,9 @@
10
10
  "atlassian": {
11
11
  "team": "Design System Team",
12
12
  "releaseModel": "continuous",
13
+ "productPushConsumption": [
14
+ "jira"
15
+ ],
13
16
  "website": {
14
17
  "name": "Focus ring",
15
18
  "category": "Components"
@@ -34,7 +37,7 @@
34
37
  ".": "./src/index.tsx"
35
38
  },
36
39
  "dependencies": {
37
- "@atlaskit/tokens": "^1.13.0",
40
+ "@atlaskit/tokens": "^1.18.0",
38
41
  "@babel/runtime": "^7.0.0",
39
42
  "@emotion/react": "^11.7.1"
40
43
  },
@@ -42,6 +45,7 @@
42
45
  "react": "^16.8.0"
43
46
  },
44
47
  "devDependencies": {
48
+ "@af/accessibility-testing": "*",
45
49
  "@atlaskit/visual-regression": "*",
46
50
  "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
47
51
  "@testing-library/react": "^12.1.5",
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/focus-ring",
3
- "version": "1.3.4",
4
- "sideEffects": false
5
- }
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/focus-ring",
3
- "version": "1.3.4",
4
- "sideEffects": false
5
- }
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/focus-ring",
3
- "version": "1.3.4",
4
- "sideEffects": false
5
- }