graphen 1.9.12 → 1.10.1
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/dist/css.js +1 -1
- package/dist/scripts.js +1 -1
- package/package.json +26 -18
- package/src/components/Accordion/{index.jsx → index.tsx} +9 -5
- package/src/components/Button/{index.jsx → index.tsx} +7 -3
- package/src/components/Dialog/{index.jsx → index.tsx} +7 -2
- package/src/components/Dropdown/{index.jsx → index.tsx} +14 -10
- package/src/components/Icon/{index.jsx → index.tsx} +2 -3
- package/src/components/Image/{index.jsx → index.tsx} +12 -3
- package/src/components/Input/{index.jsx → index.tsx} +10 -3
- package/src/components/Joystick/{index.jsx → index.tsx} +18 -20
- package/src/components/Link/{index.jsx → index.tsx} +11 -5
- package/src/components/Logo/{index.jsx → index.tsx} +7 -1
- package/src/components/Scroller/{index.jsx → index.tsx} +15 -16
- package/src/components/Tooltip/{index.jsx → index.tsx} +9 -3
- package/src/components/Validation/{index.jsx → index.tsx} +10 -3
- package/src/{example.jsx → example.tsx} +8 -7
- package/src/mixes/_spacing.scss +40 -0
- package/src/variables/constants.js +1 -1
- package/src/variables/integration/colors.spec.js +1 -1
- package/dist/example.js +0 -2
- package/dist/example.js.LICENSE.txt +0 -44
- package/dist/styles.css +0 -1
- /package/src/components/Loader/{index.jsx → index.tsx} +0 -0
- /package/src/{index.js → index.ts} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/* eslint-disable */
|
|
2
2
|
import _ from "lodash";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { render } from "react-dom";
|
|
@@ -17,7 +17,7 @@ import {
|
|
|
17
17
|
Tooltip,
|
|
18
18
|
Logo,
|
|
19
19
|
Dropdown,
|
|
20
|
-
constants
|
|
20
|
+
constants,
|
|
21
21
|
} from "./index";
|
|
22
22
|
|
|
23
23
|
const appContainer = document.querySelector(".js-example");
|
|
@@ -25,26 +25,26 @@ const appContainer = document.querySelector(".js-example");
|
|
|
25
25
|
type Props = {};
|
|
26
26
|
|
|
27
27
|
type State = {
|
|
28
|
-
isDialogVisible: boolean
|
|
28
|
+
isDialogVisible: boolean,
|
|
29
29
|
};
|
|
30
30
|
|
|
31
31
|
class ExampleApp extends React.PureComponent<Props, State> {
|
|
32
32
|
constructor(props: Props) {
|
|
33
33
|
super(props);
|
|
34
34
|
this.state = {
|
|
35
|
-
isDialogVisible: false
|
|
35
|
+
isDialogVisible: false,
|
|
36
36
|
};
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
handleShowDialog() {
|
|
40
40
|
this.setState(() => ({
|
|
41
|
-
isDialogVisible: true
|
|
41
|
+
isDialogVisible: true,
|
|
42
42
|
}));
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
handleHideDialog() {
|
|
46
46
|
this.setState(() => ({
|
|
47
|
-
isDialogVisible: false
|
|
47
|
+
isDialogVisible: false,
|
|
48
48
|
}));
|
|
49
49
|
}
|
|
50
50
|
|
|
@@ -618,7 +618,7 @@ class ExampleApp extends React.PureComponent<Props, State> {
|
|
|
618
618
|
label="Dropdown label"
|
|
619
619
|
items={[
|
|
620
620
|
{ label: "Red", value: "red" },
|
|
621
|
-
{ label: "Blue", value: "blue" }
|
|
621
|
+
{ label: "Blue", value: "blue" },
|
|
622
622
|
]}
|
|
623
623
|
onChange={_.noop}
|
|
624
624
|
/>
|
|
@@ -637,3 +637,4 @@ if (appContainer) {
|
|
|
637
637
|
appContainer
|
|
638
638
|
);
|
|
639
639
|
}
|
|
640
|
+
/* eslint-enable */
|
package/src/mixes/_spacing.scss
CHANGED
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
.gm-spacing-s {
|
|
2
|
+
margin: $spacing-small;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.gm-spacing-m {
|
|
6
|
+
margin: $spacing-medium;
|
|
7
|
+
}
|
|
8
|
+
|
|
1
9
|
.gm-spacing-l {
|
|
2
10
|
margin: $spacing-large;
|
|
3
11
|
}
|
|
@@ -6,6 +14,14 @@
|
|
|
6
14
|
margin: $spacing-very-large;
|
|
7
15
|
}
|
|
8
16
|
|
|
17
|
+
.gm-spacing-rs {
|
|
18
|
+
margin-right: $spacing-small;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.gm-spacing-rm {
|
|
22
|
+
margin-right: $spacing-medium;
|
|
23
|
+
}
|
|
24
|
+
|
|
9
25
|
.gm-spacing-rl {
|
|
10
26
|
margin-right: $spacing-large;
|
|
11
27
|
}
|
|
@@ -14,6 +30,14 @@
|
|
|
14
30
|
margin-right: $spacing-very-large;
|
|
15
31
|
}
|
|
16
32
|
|
|
33
|
+
.gm-spacing-bs {
|
|
34
|
+
margin-bottom: $spacing-small;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.gm-spacing-bm {
|
|
38
|
+
margin-bottom: $spacing-medium;
|
|
39
|
+
}
|
|
40
|
+
|
|
17
41
|
.gm-spacing-bl {
|
|
18
42
|
margin-bottom: $spacing-large;
|
|
19
43
|
}
|
|
@@ -22,6 +46,14 @@
|
|
|
22
46
|
margin-bottom: $spacing-very-large;
|
|
23
47
|
}
|
|
24
48
|
|
|
49
|
+
.gm-spacing-ls {
|
|
50
|
+
margin-left: $spacing-small;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.gm-spacing-lm {
|
|
54
|
+
margin-left: $spacing-medium;
|
|
55
|
+
}
|
|
56
|
+
|
|
25
57
|
.gm-spacing-ll {
|
|
26
58
|
margin-left: $spacing-large;
|
|
27
59
|
}
|
|
@@ -30,6 +62,14 @@
|
|
|
30
62
|
margin-left: $spacing-very-large;
|
|
31
63
|
}
|
|
32
64
|
|
|
65
|
+
.gm-spacing-ts {
|
|
66
|
+
margin-top: $spacing-small;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.gm-spacing-tm {
|
|
70
|
+
margin-top: $spacing-medium;
|
|
71
|
+
}
|
|
72
|
+
|
|
33
73
|
.gm-spacing-tl {
|
|
34
74
|
margin-top: $spacing-large;
|
|
35
75
|
}
|