@atlaskit/range 7.1.3 → 7.1.4

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,11 @@
1
1
  # @atlaskit/range
2
2
 
3
+ ## 7.1.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
8
+
3
9
  ## 7.1.3
4
10
 
5
11
  ### Patch Changes
@@ -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: '50%',
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-spacing
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
  }),
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/range",
3
- "version": "7.1.3",
3
+ "version": "7.1.4",
4
4
  "sideEffects": false
5
5
  }
@@ -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: '50%',
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-spacing
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
  },
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/range",
3
- "version": "7.1.3",
3
+ "version": "7.1.4",
4
4
  "sideEffects": false
5
5
  }
@@ -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: '50%',
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-spacing
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
  }),
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/range",
3
- "version": "7.1.3",
3
+ "version": "7.1.4",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/range",
3
- "version": "7.1.3",
3
+ "version": "7.1.4",
4
4
  "description": "A range lets users choose an approximate value on a slider.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
25
25
  "homepage": "https://atlassian.design/components/range/",
26
26
  "atlassian": {
27
27
  "team": "Design System Team",
28
- "releaseModel": "scheduled",
28
+ "releaseModel": "continuous",
29
29
  "website": {
30
30
  "name": "Range",
31
31
  "category": "Components"
@@ -40,7 +40,7 @@
40
40
  "dependencies": {
41
41
  "@atlaskit/ds-lib": "^2.2.0",
42
42
  "@atlaskit/theme": "^12.5.0",
43
- "@atlaskit/tokens": "^1.4.0",
43
+ "@atlaskit/tokens": "^1.11.0",
44
44
  "@babel/runtime": "^7.0.0",
45
45
  "@emotion/react": "^11.7.1"
46
46
  },
@@ -48,7 +48,7 @@
48
48
  "react": "^16.8.0"
49
49
  },
50
50
  "devDependencies": {
51
- "@atlaskit/button": "^16.7.0",
51
+ "@atlaskit/button": "^16.8.0",
52
52
  "@atlaskit/checkbox": "^12.6.0",
53
53
  "@atlaskit/docs": "*",
54
54
  "@atlaskit/form": "^8.11.0",
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-->
@@ -0,0 +1,33 @@
1
+ ## API Report File for "@atlaskit/range"
2
+
3
+ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
+
5
+ ```ts
6
+
7
+ import { default as React_2 } from 'react';
8
+
9
+ // @public (undocumented)
10
+ type Combine<First, Second> = Omit<First, keyof Second> & Second;
11
+
12
+ // @public (undocumented)
13
+ const _default: React_2.ForwardRefExoticComponent<Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "checked" | "disabled" | "required">, keyof OwnProps> & OwnProps & React_2.RefAttributes<HTMLInputElement>>;
14
+ export default _default;
15
+
16
+ // @public (undocumented)
17
+ type OwnProps = {
18
+ defaultValue?: number;
19
+ isDisabled?: boolean;
20
+ max?: number;
21
+ min?: number;
22
+ onChange?: (value: number) => void;
23
+ step?: number;
24
+ testId?: string;
25
+ value?: number;
26
+ };
27
+
28
+ // @public (undocumented)
29
+ export type RangeProps = Combine<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, 'checked' | 'disabled' | 'required'>, OwnProps>;
30
+
31
+ // (No @packageDocumentation comment for this package)
32
+
33
+ ```
@@ -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.
@@ -1,5 +0,0 @@
1
- import type { OwnProps as Props } from '../src/range';
2
-
3
- export default function RangeProps(props: Props) {
4
- return null;
5
- }