@artsy/palette-mobile 19.1.0 → 19.3.0
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/README.md
CHANGED
|
@@ -55,10 +55,22 @@ yarn install:all
|
|
|
55
55
|
Run using:
|
|
56
56
|
|
|
57
57
|
```sh
|
|
58
|
-
yarn
|
|
58
|
+
yarn ios
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
or
|
|
62
|
+
|
|
63
|
+
```sh
|
|
64
|
+
yarn android
|
|
59
65
|
```
|
|
60
66
|
|
|
61
|
-
|
|
67
|
+
⚠️ Temporary workaround until we move Expo into an example directory:
|
|
68
|
+
|
|
69
|
+
For local development, remove the line from package.json:
|
|
70
|
+
|
|
71
|
+
`"main": "dist/index.js"`
|
|
72
|
+
|
|
73
|
+
Make sure to add it back before committing.
|
|
62
74
|
|
|
63
75
|
## Developing Features using Local Versions of Palette
|
|
64
76
|
|
|
@@ -4,13 +4,12 @@ import { border, space, width } from "styled-system";
|
|
|
4
4
|
/**
|
|
5
5
|
* A horizontal divider whose width and spacing can be adjusted
|
|
6
6
|
*/
|
|
7
|
-
export const Separator = styled.View
|
|
7
|
+
export const Separator = styled.View.attrs((props) => ({
|
|
8
|
+
width: props.width ?? "100%",
|
|
9
|
+
})) `
|
|
8
10
|
border: 1px solid ${themeGet("colors.onBackgroundLow")};
|
|
9
11
|
border-bottom-width: 0;
|
|
10
12
|
${space};
|
|
11
13
|
${width};
|
|
12
14
|
${border};
|
|
13
15
|
`;
|
|
14
|
-
Separator.defaultProps = {
|
|
15
|
-
width: "100%",
|
|
16
|
-
};
|
|
@@ -18,8 +18,8 @@ export interface SpinnerProps extends ViewProps {
|
|
|
18
18
|
* @param props
|
|
19
19
|
*/
|
|
20
20
|
export declare const getSize: (props: SpinnerProps | BarProps) => {
|
|
21
|
-
width: number
|
|
22
|
-
height: number
|
|
21
|
+
width: number;
|
|
22
|
+
height: number;
|
|
23
23
|
};
|
|
24
24
|
/**
|
|
25
25
|
* Spinner component for React Native
|
|
@@ -27,8 +27,8 @@ export const getSize = (props) => {
|
|
|
27
27
|
};
|
|
28
28
|
default:
|
|
29
29
|
return {
|
|
30
|
-
width: props.width,
|
|
31
|
-
height: props.height,
|
|
30
|
+
width: props.width ?? 25,
|
|
31
|
+
height: props.height ?? 6,
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
34
|
};
|
|
@@ -80,7 +80,3 @@ const Bar = styled(Animated.View) `
|
|
|
80
80
|
`;
|
|
81
81
|
}};
|
|
82
82
|
`;
|
|
83
|
-
Bar.defaultProps = {
|
|
84
|
-
width: 25,
|
|
85
|
-
height: 6,
|
|
86
|
-
};
|