@atlaskit/range 7.1.3 → 7.1.5
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 +12 -0
- package/dist/cjs/styled.js +2 -2
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/styled.js +2 -2
- package/dist/es2019/version.json +1 -1
- package/dist/esm/styled.js +2 -2
- package/dist/esm/version.json +1 -1
- package/package.json +20 -24
- package/report.api.md +13 -0
- package/constellation/index/props.mdx +0 -7
- package/extract-react-types/range-props.tsx +0 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/range
|
|
2
2
|
|
|
3
|
+
## 7.1.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
|
|
8
|
+
|
|
9
|
+
## 7.1.4
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
|
|
14
|
+
|
|
3
15
|
## 7.1.3
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/dist/cjs/styled.js
CHANGED
|
@@ -33,7 +33,7 @@ var sliderThumbStyles = {
|
|
|
33
33
|
// adapted from @atlaskit/focus-ring
|
|
34
34
|
outline: "solid 2px var(".concat(VAR_THUMB_BORDER_COLOR, ")"),
|
|
35
35
|
outlineOffset: '2px',
|
|
36
|
-
borderRadius:
|
|
36
|
+
borderRadius: "var(--ds-border-radius-circle, 50%)",
|
|
37
37
|
boxShadow: "var(".concat(VAR_THUMB_SHADOW, ")"),
|
|
38
38
|
cursor: 'pointer',
|
|
39
39
|
// Different implicit behavior across browsers -> making it explicit.
|
|
@@ -56,7 +56,7 @@ var browserStyles = {
|
|
|
56
56
|
WebkitAppearance: 'none',
|
|
57
57
|
// Hides the slider so that custom slider can be made
|
|
58
58
|
'::-webkit-slider-thumb': _objectSpread(_objectSpread({}, sliderThumbStyles), {}, {
|
|
59
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
59
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
60
60
|
marginTop: -(theme.thumb.size - theme.track.height) / 2,
|
|
61
61
|
WebkitAppearance: 'none'
|
|
62
62
|
}),
|
package/dist/cjs/version.json
CHANGED
package/dist/es2019/styled.js
CHANGED
|
@@ -19,7 +19,7 @@ const sliderThumbStyles = {
|
|
|
19
19
|
// adapted from @atlaskit/focus-ring
|
|
20
20
|
outline: `solid 2px var(${VAR_THUMB_BORDER_COLOR})`,
|
|
21
21
|
outlineOffset: '2px',
|
|
22
|
-
borderRadius:
|
|
22
|
+
borderRadius: "var(--ds-border-radius-circle, 50%)",
|
|
23
23
|
boxShadow: `var(${VAR_THUMB_SHADOW})`,
|
|
24
24
|
cursor: 'pointer',
|
|
25
25
|
// Different implicit behavior across browsers -> making it explicit.
|
|
@@ -43,7 +43,7 @@ const browserStyles = {
|
|
|
43
43
|
// Hides the slider so that custom slider can be made
|
|
44
44
|
'::-webkit-slider-thumb': {
|
|
45
45
|
...sliderThumbStyles,
|
|
46
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
46
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
47
47
|
marginTop: -(theme.thumb.size - theme.track.height) / 2,
|
|
48
48
|
WebkitAppearance: 'none'
|
|
49
49
|
},
|
package/dist/es2019/version.json
CHANGED
package/dist/esm/styled.js
CHANGED
|
@@ -25,7 +25,7 @@ var sliderThumbStyles = {
|
|
|
25
25
|
// adapted from @atlaskit/focus-ring
|
|
26
26
|
outline: "solid 2px var(".concat(VAR_THUMB_BORDER_COLOR, ")"),
|
|
27
27
|
outlineOffset: '2px',
|
|
28
|
-
borderRadius:
|
|
28
|
+
borderRadius: "var(--ds-border-radius-circle, 50%)",
|
|
29
29
|
boxShadow: "var(".concat(VAR_THUMB_SHADOW, ")"),
|
|
30
30
|
cursor: 'pointer',
|
|
31
31
|
// Different implicit behavior across browsers -> making it explicit.
|
|
@@ -48,7 +48,7 @@ var browserStyles = {
|
|
|
48
48
|
WebkitAppearance: 'none',
|
|
49
49
|
// Hides the slider so that custom slider can be made
|
|
50
50
|
'::-webkit-slider-thumb': _objectSpread(_objectSpread({}, sliderThumbStyles), {}, {
|
|
51
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
51
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
52
52
|
marginTop: -(theme.thumb.size - theme.track.height) / 2,
|
|
53
53
|
WebkitAppearance: 'none'
|
|
54
54
|
}),
|
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/range",
|
|
3
|
-
"version": "7.1.
|
|
3
|
+
"version": "7.1.5",
|
|
4
4
|
"description": "A range lets users choose an approximate value on a slider.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -12,35 +12,20 @@
|
|
|
12
12
|
"module": "dist/esm/index.js",
|
|
13
13
|
"module:es2019": "dist/es2019/index.js",
|
|
14
14
|
"types": "dist/types/index.d.ts",
|
|
15
|
-
"typesVersions": {
|
|
16
|
-
">=4.5 <4.9": {
|
|
17
|
-
"*": [
|
|
18
|
-
"dist/types-ts4.5/*",
|
|
19
|
-
"dist/types-ts4.5/index.d.ts"
|
|
20
|
-
]
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
15
|
"sideEffects": false,
|
|
24
16
|
"atlaskit:src": "src/index.tsx",
|
|
25
|
-
"homepage": "https://atlassian.design/components/range/",
|
|
26
17
|
"atlassian": {
|
|
27
18
|
"team": "Design System Team",
|
|
28
|
-
"releaseModel": "
|
|
19
|
+
"releaseModel": "continuous",
|
|
29
20
|
"website": {
|
|
30
21
|
"name": "Range",
|
|
31
22
|
"category": "Components"
|
|
32
23
|
}
|
|
33
24
|
},
|
|
34
|
-
"af:exports": {
|
|
35
|
-
".": "./src/index.tsx",
|
|
36
|
-
"./range": "./src/range.tsx",
|
|
37
|
-
"./styled": "./src/styled.tsx",
|
|
38
|
-
"./theme": "./src/theme.tsx"
|
|
39
|
-
},
|
|
40
25
|
"dependencies": {
|
|
41
26
|
"@atlaskit/ds-lib": "^2.2.0",
|
|
42
27
|
"@atlaskit/theme": "^12.5.0",
|
|
43
|
-
"@atlaskit/tokens": "^1.
|
|
28
|
+
"@atlaskit/tokens": "^1.11.0",
|
|
44
29
|
"@babel/runtime": "^7.0.0",
|
|
45
30
|
"@emotion/react": "^11.7.1"
|
|
46
31
|
},
|
|
@@ -48,13 +33,9 @@
|
|
|
48
33
|
"react": "^16.8.0"
|
|
49
34
|
},
|
|
50
35
|
"devDependencies": {
|
|
51
|
-
"@
|
|
52
|
-
"@
|
|
53
|
-
"@atlaskit/docs": "*",
|
|
54
|
-
"@atlaskit/form": "^8.11.0",
|
|
55
|
-
"@atlaskit/section-message": "^6.4.0",
|
|
36
|
+
"@af/accessibility-testing": "*",
|
|
37
|
+
"@af/visual-regression": "*",
|
|
56
38
|
"@atlaskit/ssr": "*",
|
|
57
|
-
"@atlaskit/tooltip": "^17.8.0",
|
|
58
39
|
"@atlaskit/visual-regression": "*",
|
|
59
40
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
60
41
|
"@emotion/styled": "^11.0.0",
|
|
@@ -91,5 +72,20 @@
|
|
|
91
72
|
]
|
|
92
73
|
}
|
|
93
74
|
},
|
|
75
|
+
"typesVersions": {
|
|
76
|
+
">=4.5 <4.9": {
|
|
77
|
+
"*": [
|
|
78
|
+
"dist/types-ts4.5/*",
|
|
79
|
+
"dist/types-ts4.5/index.d.ts"
|
|
80
|
+
]
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
"homepage": "https://atlassian.design/components/range/",
|
|
84
|
+
"af:exports": {
|
|
85
|
+
".": "./src/index.tsx",
|
|
86
|
+
"./range": "./src/range.tsx",
|
|
87
|
+
"./styled": "./src/styled.tsx",
|
|
88
|
+
"./theme": "./src/theme.tsx"
|
|
89
|
+
},
|
|
94
90
|
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
95
91
|
}
|
package/report.api.md
CHANGED
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
### Table of contents
|
|
9
9
|
|
|
10
10
|
- [Main Entry Types](#main-entry-types)
|
|
11
|
+
- [Peer Dependencies](#peer-dependencies)
|
|
11
12
|
|
|
12
13
|
### Main Entry Types
|
|
13
14
|
|
|
@@ -58,3 +59,15 @@ export type RangeProps = Combine<
|
|
|
58
59
|
```
|
|
59
60
|
|
|
60
61
|
<!--SECTION END: Main Entry Types-->
|
|
62
|
+
|
|
63
|
+
### Peer Dependencies
|
|
64
|
+
|
|
65
|
+
<!--SECTION START: Peer Dependencies-->
|
|
66
|
+
|
|
67
|
+
```json
|
|
68
|
+
{
|
|
69
|
+
"react": "^16.8.0"
|
|
70
|
+
}
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
<!--SECTION END: Peer Dependencies-->
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import RangeProps from '!!extract-react-types-loader!../../extract-react-types/range-props';
|
|
2
|
-
|
|
3
|
-
## Props
|
|
4
|
-
|
|
5
|
-
<PropsTable heading="" props={RangeProps} />
|
|
6
|
-
|
|
7
|
-
Additional `input` attributes are available. See <a rel="noopener noreferrer" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range" target="_blank">MDN documentation</a> for more information.
|