@atlaskit/range 7.0.0 → 7.0.2
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/constellation/index/images/range-anatomy.png +0 -0
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/version.json +1 -1
- package/package.json +4 -12
- package/report.api.md +14 -7
- package/dist/types-ts4.0/index.d.ts +0 -2
- package/dist/types-ts4.0/range.d.ts +0 -41
- package/dist/types-ts4.0/styled.d.ts +0 -10
- package/dist/types-ts4.0/theme.d.ts +0 -37
package/CHANGELOG.md
CHANGED
|
Binary file
|
package/dist/cjs/version.json
CHANGED
package/dist/es2019/version.json
CHANGED
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/range",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.2",
|
|
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,14 +12,6 @@
|
|
|
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.0 <4.5": {
|
|
17
|
-
"*": [
|
|
18
|
-
"dist/types-ts4.0/*",
|
|
19
|
-
"dist/types-ts4.0/index.d.ts"
|
|
20
|
-
]
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
15
|
"sideEffects": false,
|
|
24
16
|
"atlaskit:src": "src/index.tsx",
|
|
25
17
|
"homepage": "https://atlassian.design/components/range/",
|
|
@@ -41,7 +33,7 @@
|
|
|
41
33
|
"dependencies": {
|
|
42
34
|
"@atlaskit/ds-lib": "^2.1.0",
|
|
43
35
|
"@atlaskit/theme": "^12.2.0",
|
|
44
|
-
"@atlaskit/tokens": "^0.
|
|
36
|
+
"@atlaskit/tokens": "^0.12.0",
|
|
45
37
|
"@babel/runtime": "^7.0.0",
|
|
46
38
|
"@emotion/react": "^11.7.1"
|
|
47
39
|
},
|
|
@@ -49,10 +41,10 @@
|
|
|
49
41
|
"react": "^16.8.0"
|
|
50
42
|
},
|
|
51
43
|
"devDependencies": {
|
|
52
|
-
"@atlaskit/button": "^16.
|
|
44
|
+
"@atlaskit/button": "^16.5.0",
|
|
53
45
|
"@atlaskit/checkbox": "^12.4.0",
|
|
54
46
|
"@atlaskit/docs": "*",
|
|
55
|
-
"@atlaskit/form": "^8.
|
|
47
|
+
"@atlaskit/form": "^8.8.0",
|
|
56
48
|
"@atlaskit/section-message": "^6.3.0",
|
|
57
49
|
"@atlaskit/ssr": "*",
|
|
58
50
|
"@atlaskit/tooltip": "^17.6.0",
|
package/report.api.md
CHANGED
|
@@ -1,12 +1,17 @@
|
|
|
1
|
+
<!-- API Report Version: 2.2 -->
|
|
2
|
+
|
|
1
3
|
## API Report File for "@atlaskit/range"
|
|
2
4
|
|
|
3
|
-
> Do not edit this file.
|
|
5
|
+
> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
|
|
6
|
+
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
|
|
7
|
+
|
|
8
|
+
### Table of contents
|
|
4
9
|
|
|
5
|
-
|
|
6
|
-
Generated API Report version: 2.0
|
|
7
|
-
-->
|
|
10
|
+
- [Main Entry Types](#main-entry-types)
|
|
8
11
|
|
|
9
|
-
|
|
12
|
+
### Main Entry Types
|
|
13
|
+
|
|
14
|
+
<!--SECTION START: Main Entry Types-->
|
|
10
15
|
|
|
11
16
|
```ts
|
|
12
17
|
import { default as React_2 } from 'react';
|
|
@@ -19,7 +24,7 @@ const _default: React_2.ForwardRefExoticComponent<
|
|
|
19
24
|
Omit<
|
|
20
25
|
Omit<
|
|
21
26
|
React_2.InputHTMLAttributes<HTMLInputElement>,
|
|
22
|
-
'
|
|
27
|
+
'checked' | 'disabled' | 'required'
|
|
23
28
|
>,
|
|
24
29
|
keyof OwnProps
|
|
25
30
|
> &
|
|
@@ -44,10 +49,12 @@ type OwnProps = {
|
|
|
44
49
|
export type RangeProps = Combine<
|
|
45
50
|
Omit<
|
|
46
51
|
React_2.InputHTMLAttributes<HTMLInputElement>,
|
|
47
|
-
'
|
|
52
|
+
'checked' | 'disabled' | 'required'
|
|
48
53
|
>,
|
|
49
54
|
OwnProps
|
|
50
55
|
>;
|
|
51
56
|
|
|
52
57
|
// (No @packageDocumentation comment for this package)
|
|
53
58
|
```
|
|
59
|
+
|
|
60
|
+
<!--SECTION END: Main Entry Types-->
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type OwnProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Sets the default value if range is not set.
|
|
5
|
-
*/
|
|
6
|
-
defaultValue?: number;
|
|
7
|
-
/**
|
|
8
|
-
* Sets whether the field range is disabled.
|
|
9
|
-
*/
|
|
10
|
-
isDisabled?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Sets the maximum value of the range.
|
|
13
|
-
*/
|
|
14
|
-
max?: number;
|
|
15
|
-
/**
|
|
16
|
-
* Sets the minimum value of the range.
|
|
17
|
-
*/
|
|
18
|
-
min?: number;
|
|
19
|
-
/**
|
|
20
|
-
* Hook to be invoked on change of the range.
|
|
21
|
-
*/
|
|
22
|
-
onChange?: (value: number) => void;
|
|
23
|
-
/**
|
|
24
|
-
* Sets the step value for the range.
|
|
25
|
-
*/
|
|
26
|
-
step?: number;
|
|
27
|
-
/**
|
|
28
|
-
* A `testId` prop is provided for specific elements. This is a unique string
|
|
29
|
-
* that appears as a data attribute `data-testid` in the rendered code and
|
|
30
|
-
* serves as a hook for automated tests.
|
|
31
|
-
*/
|
|
32
|
-
testId?: string;
|
|
33
|
-
/**
|
|
34
|
-
* Sets the value of the range.
|
|
35
|
-
*/
|
|
36
|
-
value?: number;
|
|
37
|
-
};
|
|
38
|
-
declare type Combine<First, Second> = Omit<First, keyof Second> & Second;
|
|
39
|
-
export declare type RangeProps = Combine<Omit<React.InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'required' | 'checked'>, OwnProps>;
|
|
40
|
-
declare const _default: React.ForwardRefExoticComponent<Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked" | "disabled" | "required">, keyof OwnProps> & OwnProps & React.RefAttributes<HTMLInputElement>>;
|
|
41
|
-
export default _default;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/** @jsx jsx */
|
|
3
|
-
/**
|
|
4
|
-
* __Input__
|
|
5
|
-
* Internal-only styled input component.
|
|
6
|
-
*/
|
|
7
|
-
export declare const Input: import("react").ForwardRefExoticComponent<Pick<import("react").InputHTMLAttributes<HTMLInputElement> & {
|
|
8
|
-
ref: React.Ref<HTMLInputElement>;
|
|
9
|
-
valuePercent: string;
|
|
10
|
-
}, keyof import("react").InputHTMLAttributes<HTMLInputElement> | "valuePercent"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
export declare const transitionDuration = "0.2s";
|
|
2
|
-
export declare const input: {
|
|
3
|
-
height: number;
|
|
4
|
-
};
|
|
5
|
-
export declare const thumb: {
|
|
6
|
-
readonly size: 16;
|
|
7
|
-
readonly borderWidth: 2;
|
|
8
|
-
readonly background: {
|
|
9
|
-
readonly default: "var(--ds-background-neutral-bold)";
|
|
10
|
-
readonly hovered: "var(--ds-background-neutral-bold-hovered)";
|
|
11
|
-
readonly pressed: "var(--ds-background-neutral-bold-pressed)";
|
|
12
|
-
};
|
|
13
|
-
readonly borderColor: {
|
|
14
|
-
readonly default: "transparent";
|
|
15
|
-
readonly focused: "var(--ds-border-focused)";
|
|
16
|
-
};
|
|
17
|
-
readonly boxShadow: {
|
|
18
|
-
readonly default: "var(--ds-UNSAFE_util-transparent)";
|
|
19
|
-
readonly disabled: "var(--ds-shadow-raised)";
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
export declare const track: {
|
|
23
|
-
readonly height: 4;
|
|
24
|
-
/**
|
|
25
|
-
* borderRadius >= height / 2 to create a pill shape.
|
|
26
|
-
* Using '50%' creates an ellipse.
|
|
27
|
-
*/
|
|
28
|
-
readonly borderRadius: 2;
|
|
29
|
-
readonly background: {
|
|
30
|
-
readonly default: "var(--ds-background-neutral)";
|
|
31
|
-
readonly hovered: "var(--ds-background-neutral-hovered)";
|
|
32
|
-
};
|
|
33
|
-
readonly foreground: {
|
|
34
|
-
readonly default: "var(--ds-background-neutral-bold)";
|
|
35
|
-
readonly hovered: "var(--ds-background-neutral-bold-hovered)";
|
|
36
|
-
};
|
|
37
|
-
};
|