@jobber/components-native 0.72.2 → 0.72.3-CLEANUPbu-6d2c97c.32
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/package.json +3 -6
- package/dist/src/InputText/InputText.js +1 -3
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/src/ActionItem/components/ActionItemContainer.style.d.ts +1 -1
- package/dist/types/src/Banner/Banner.style.d.ts +2 -2
- package/dist/types/src/Button/Button.style.d.ts +2 -2
- package/dist/types/src/ButtonGroup/ButtonGroup.style.d.ts +1 -1
- package/dist/types/src/Card/Card.style.d.ts +1 -1
- package/dist/types/src/Checkbox/Checkbox.style.d.ts +2 -2
- package/dist/types/src/Checkbox/CheckboxGroup.style.d.ts +1 -1
- package/dist/types/src/Disclosure/Disclosure.style.d.ts +1 -1
- package/dist/types/src/ErrorMessageWrapper/ErrorMessageWrapper.style.d.ts +4 -4
- package/dist/types/src/Form/Form.style.d.ts +1 -1
- package/dist/types/src/Form/components/FormActionBar/FormActionBar.style.d.ts +1 -1
- package/dist/types/src/Form/components/FormBody/FormBody.style.d.ts +1 -1
- package/dist/types/src/Form/components/FormMask/FormMask.style.d.ts +2 -2
- package/dist/types/src/Form/components/FormMessage/components/InternalFormMessage/InternalFormMessage.style.d.ts +1 -1
- package/dist/types/src/FormatFile/components/FileView/FileView.style.d.ts +5 -5
- package/dist/types/src/FormatFile/components/MediaView/MediaView.style.d.ts +4 -4
- package/dist/types/src/FormatFile/components/ProgressBar/ProgressBar.style.d.ts +2 -2
- package/dist/types/src/Glimmer/Glimmer.shape.style.d.ts +3 -3
- package/dist/types/src/Glimmer/Glimmer.style.d.ts +2 -2
- package/dist/types/src/InputFieldWrapper/CommonInputStyles.style.d.ts +2 -2
- package/dist/types/src/InputFieldWrapper/InputFieldWrapper.style.d.ts +2 -2
- package/dist/types/src/InputFieldWrapper/components/ClearAction/ClearAction.style.d.ts +1 -1
- package/dist/types/src/InputSearch/InputSearch.style.d.ts +1 -1
- package/dist/types/src/InputTime/InputTime.style.d.ts +1 -1
- package/dist/types/src/ProgressBar/ProgressBar.style.d.ts +4 -4
- package/dist/types/src/Select/Select.style.d.ts +5 -5
- package/dist/types/src/Select/components/SelectDefaultPicker/SelectDefaultPicker.style.d.ts +2 -2
- package/dist/types/src/Switch/Switch.styles.d.ts +1 -1
- package/dist/types/src/TextList/TextList.style.d.ts +1 -1
- package/dist/types/src/Toast/Toast.styles.d.ts +1 -1
- package/dist/types/src/Typography/Typography.d.ts +2 -2
- package/package.json +3 -6
- package/src/Icon/__snapshots__/Icon.test.tsx.snap +1 -1
- package/src/InputText/InputText.tsx +0 -1
- package/src/Typography/Typography.tsx +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
2
|
container: {
|
|
3
|
-
width:
|
|
3
|
+
width: "100%";
|
|
4
4
|
borderColor: string;
|
|
5
5
|
borderStyle: "solid";
|
|
6
6
|
borderBottomWidth: number;
|
|
@@ -21,7 +21,7 @@ export declare const styles: {
|
|
|
21
21
|
marginTop: number;
|
|
22
22
|
};
|
|
23
23
|
fullWidth: {
|
|
24
|
-
width:
|
|
24
|
+
width: "100%";
|
|
25
25
|
};
|
|
26
26
|
bannerChildrenContent: {
|
|
27
27
|
marginBottom: number;
|
|
@@ -38,14 +38,14 @@ export declare const styles: {
|
|
|
38
38
|
};
|
|
39
39
|
content: {
|
|
40
40
|
paddingLeft: number;
|
|
41
|
-
height:
|
|
41
|
+
height: "100%";
|
|
42
42
|
};
|
|
43
43
|
contentWithLabel: {
|
|
44
44
|
paddingLeft: number;
|
|
45
45
|
};
|
|
46
46
|
iconStyle: {
|
|
47
47
|
position: "absolute";
|
|
48
|
-
top:
|
|
48
|
+
top: "50%";
|
|
49
49
|
left: number;
|
|
50
50
|
transform: {
|
|
51
51
|
translateY: number;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
2
|
wrapper: {
|
|
3
3
|
position: "relative";
|
|
4
|
-
width:
|
|
4
|
+
width: "100%";
|
|
5
5
|
};
|
|
6
6
|
wrapForCard: {
|
|
7
7
|
paddingHorizontal: number;
|
|
@@ -12,7 +12,7 @@ export declare const styles: {
|
|
|
12
12
|
};
|
|
13
13
|
messageWrapperIcon: {
|
|
14
14
|
flex: number;
|
|
15
|
-
flexBasis:
|
|
15
|
+
flexBasis: "auto";
|
|
16
16
|
paddingTop: number;
|
|
17
17
|
paddingRight: number;
|
|
18
18
|
};
|
|
@@ -23,7 +23,7 @@ export declare const styles: {
|
|
|
23
23
|
position: "absolute";
|
|
24
24
|
top: number;
|
|
25
25
|
left: number;
|
|
26
|
-
width:
|
|
27
|
-
height:
|
|
26
|
+
width: "100%";
|
|
27
|
+
height: "100%";
|
|
28
28
|
};
|
|
29
29
|
};
|
|
@@ -11,12 +11,12 @@ export declare const styles: {
|
|
|
11
11
|
marginBottom: number;
|
|
12
12
|
};
|
|
13
13
|
fileBackground: {
|
|
14
|
-
width:
|
|
14
|
+
width: "100%";
|
|
15
15
|
display: "flex";
|
|
16
16
|
alignItems: "center";
|
|
17
17
|
};
|
|
18
18
|
fileBackgroundGrid: {
|
|
19
|
-
height:
|
|
19
|
+
height: "100%";
|
|
20
20
|
};
|
|
21
21
|
fileBackgroundFlat: {
|
|
22
22
|
justifyContent: "center";
|
|
@@ -32,14 +32,14 @@ export declare const styles: {
|
|
|
32
32
|
alignItems: "center";
|
|
33
33
|
borderTopColor: string;
|
|
34
34
|
borderTopWidth: number;
|
|
35
|
-
width:
|
|
35
|
+
width: "100%";
|
|
36
36
|
marginTop: number;
|
|
37
37
|
};
|
|
38
38
|
fileName: {
|
|
39
39
|
alignItems: "center";
|
|
40
40
|
borderTopColor: string;
|
|
41
41
|
borderTopWidth: number;
|
|
42
|
-
width:
|
|
42
|
+
width: "100%";
|
|
43
43
|
};
|
|
44
44
|
fileNameGrid: {
|
|
45
45
|
position: "absolute";
|
|
@@ -56,7 +56,7 @@ export declare const styles: {
|
|
|
56
56
|
right: number;
|
|
57
57
|
bottom: number;
|
|
58
58
|
left: number;
|
|
59
|
-
height:
|
|
59
|
+
height: "100%";
|
|
60
60
|
paddingHorizontal: number;
|
|
61
61
|
};
|
|
62
62
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
2
|
imageBackground: {
|
|
3
|
-
width:
|
|
3
|
+
width: "100%";
|
|
4
4
|
justifyContent: "center";
|
|
5
5
|
alignItems: "center";
|
|
6
6
|
};
|
|
@@ -8,15 +8,15 @@ export declare const styles: {
|
|
|
8
8
|
aspectRatio: number;
|
|
9
9
|
};
|
|
10
10
|
imageBackgroundGrid: {
|
|
11
|
-
height:
|
|
11
|
+
height: "100%";
|
|
12
12
|
};
|
|
13
13
|
overlay: {
|
|
14
|
-
height:
|
|
14
|
+
height: "100%";
|
|
15
15
|
backgroundColor: string;
|
|
16
16
|
paddingHorizontal: number;
|
|
17
17
|
};
|
|
18
18
|
overlayError: {
|
|
19
|
-
height:
|
|
19
|
+
height: "100%";
|
|
20
20
|
backgroundColor: string;
|
|
21
21
|
paddingHorizontal: number;
|
|
22
22
|
borderColor: string;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
2
|
container: {
|
|
3
|
-
width:
|
|
3
|
+
width: "100%";
|
|
4
4
|
height: number;
|
|
5
5
|
borderRadius: number;
|
|
6
6
|
overflow: "hidden";
|
|
7
7
|
backgroundColor: string;
|
|
8
8
|
};
|
|
9
9
|
progress: {
|
|
10
|
-
height:
|
|
10
|
+
height: "100%";
|
|
11
11
|
backgroundColor: string;
|
|
12
12
|
};
|
|
13
13
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export declare const shapeStyles: {
|
|
2
2
|
rectangle: {
|
|
3
|
-
width:
|
|
3
|
+
width: "100%";
|
|
4
4
|
};
|
|
5
5
|
square: {
|
|
6
|
-
width:
|
|
6
|
+
width: "auto";
|
|
7
7
|
aspectRatio: number;
|
|
8
8
|
};
|
|
9
9
|
circle: {
|
|
10
|
-
width:
|
|
10
|
+
width: "auto";
|
|
11
11
|
aspectRatio: number;
|
|
12
12
|
borderRadius: number;
|
|
13
13
|
};
|
|
@@ -4,7 +4,7 @@ export declare const styles: {
|
|
|
4
4
|
backgroundColor: string;
|
|
5
5
|
overflow: "hidden";
|
|
6
6
|
position: "relative";
|
|
7
|
-
width:
|
|
7
|
+
width: "100%";
|
|
8
8
|
height: number;
|
|
9
9
|
borderRadius: number;
|
|
10
10
|
};
|
|
@@ -13,6 +13,6 @@ export declare const styles: {
|
|
|
13
13
|
top: number;
|
|
14
14
|
left: number;
|
|
15
15
|
width: number;
|
|
16
|
-
height:
|
|
16
|
+
height: "100%";
|
|
17
17
|
};
|
|
18
18
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const commonInputStyles: {
|
|
2
2
|
input: {
|
|
3
|
-
width:
|
|
3
|
+
width: "100%";
|
|
4
4
|
flexShrink: number;
|
|
5
5
|
flexGrow: number;
|
|
6
6
|
color: string;
|
|
@@ -23,7 +23,7 @@ export declare const commonInputStyles: {
|
|
|
23
23
|
minHeight: number;
|
|
24
24
|
flexDirection: "row";
|
|
25
25
|
justifyContent: "space-between";
|
|
26
|
-
width:
|
|
26
|
+
width: "100%";
|
|
27
27
|
borderColor: string;
|
|
28
28
|
borderStyle: "solid";
|
|
29
29
|
borderWidth: number;
|
|
@@ -6,7 +6,7 @@ export declare const styles: {
|
|
|
6
6
|
minHeight: number;
|
|
7
7
|
flexDirection: "row";
|
|
8
8
|
justifyContent: "space-between";
|
|
9
|
-
width:
|
|
9
|
+
width: "100%";
|
|
10
10
|
borderColor: string;
|
|
11
11
|
borderStyle: "solid";
|
|
12
12
|
borderWidth: number;
|
|
@@ -91,7 +91,7 @@ export declare const styles: {
|
|
|
91
91
|
zIndex: number;
|
|
92
92
|
};
|
|
93
93
|
toolbar: {
|
|
94
|
-
flexBasis:
|
|
94
|
+
flexBasis: "100%";
|
|
95
95
|
flexDirection: "row";
|
|
96
96
|
gap: number;
|
|
97
97
|
paddingBottom: number;
|
|
@@ -8,21 +8,21 @@ export declare const styles: {
|
|
|
8
8
|
};
|
|
9
9
|
progressBarInner: {
|
|
10
10
|
backgroundColor: string;
|
|
11
|
-
width:
|
|
12
|
-
height:
|
|
11
|
+
width: "100%";
|
|
12
|
+
height: "100%";
|
|
13
13
|
position: "absolute";
|
|
14
14
|
left: number;
|
|
15
15
|
top: number;
|
|
16
16
|
borderRadius: number;
|
|
17
17
|
};
|
|
18
18
|
progressInner: {
|
|
19
|
-
height:
|
|
19
|
+
height: "100%";
|
|
20
20
|
borderRadius: number;
|
|
21
21
|
};
|
|
22
22
|
step: {
|
|
23
23
|
flex: number;
|
|
24
24
|
marginRight: number;
|
|
25
|
-
height:
|
|
25
|
+
height: "100%";
|
|
26
26
|
borderRadius: number;
|
|
27
27
|
borderColor: string;
|
|
28
28
|
};
|
|
@@ -6,7 +6,7 @@ export declare const styles: {
|
|
|
6
6
|
minHeight: number;
|
|
7
7
|
flexDirection: "row";
|
|
8
8
|
justifyContent: "space-between";
|
|
9
|
-
width:
|
|
9
|
+
width: "100%";
|
|
10
10
|
borderColor: string;
|
|
11
11
|
borderStyle: "solid";
|
|
12
12
|
borderWidth: number;
|
|
@@ -19,7 +19,7 @@ export declare const styles: {
|
|
|
19
19
|
borderWidth: number;
|
|
20
20
|
};
|
|
21
21
|
input: {
|
|
22
|
-
width:
|
|
22
|
+
width: "100%";
|
|
23
23
|
flexShrink: number;
|
|
24
24
|
flexGrow: number;
|
|
25
25
|
color: string;
|
|
@@ -33,7 +33,7 @@ export declare const styles: {
|
|
|
33
33
|
flexGrow: number;
|
|
34
34
|
paddingTop: number;
|
|
35
35
|
minHeight: number;
|
|
36
|
-
minWidth:
|
|
36
|
+
minWidth: "100%";
|
|
37
37
|
paddingRight: number;
|
|
38
38
|
};
|
|
39
39
|
value: {
|
|
@@ -42,7 +42,7 @@ export declare const styles: {
|
|
|
42
42
|
};
|
|
43
43
|
icon: {
|
|
44
44
|
position: "absolute";
|
|
45
|
-
bottom:
|
|
45
|
+
bottom: "50%";
|
|
46
46
|
right: number;
|
|
47
47
|
flexGrow: number;
|
|
48
48
|
flexShrink: number;
|
|
@@ -53,7 +53,7 @@ export declare const styles: {
|
|
|
53
53
|
};
|
|
54
54
|
errorMessageWrapperIcon: {
|
|
55
55
|
flex: number;
|
|
56
|
-
flexBasis:
|
|
56
|
+
flexBasis: "auto";
|
|
57
57
|
paddingTop: number;
|
|
58
58
|
paddingRight: number;
|
|
59
59
|
};
|
|
@@ -95,8 +95,8 @@ export type BaseWeight = Extract<FontWeight, "regular" | "medium" | "semiBold" |
|
|
|
95
95
|
export type DisplayWeight = Extract<FontWeight, "semiBold" | "bold" | "extraBold" | "black">;
|
|
96
96
|
export type BaseStyle = FontStyle;
|
|
97
97
|
export type DisplayStyle = Extract<FontStyle, "regular">;
|
|
98
|
-
export type TextColor = TextVariation | "default" | "blueDark" | "white" | "green" | "greenDark" | "grey" | "greyDark" | "greyBlue" | "greyBlueDark" | "lightBlue" | "lightBlueDark" | "red" | "redDark" | "yellow" | "yellowDark" | "yellowGreenDark" | "orangeDark" | "navyDark" | "limeDark" | "purpleDark" | "pinkDark" | "tealDark" | "indigoDark" | "navy" | "heading" | "text" | "textSecondary" | "textReverse" | "textReverseSecondary" | "inactive" | "inactiveSurface" | "inactiveOnSurface" | "critical" | "criticalSurface" | "criticalOnSurface" | "warning" | "warningSurface" | "warningOnSurface" | "informative" | "informativeSurface" | "informativeOnSurface" | "
|
|
99
|
-
export type TextVariation = "text" | "textSecondary" | "interactive" | "interactiveSubtle" | "successOnSurface" | "critical" | "warning" | "informativeOnSurface" | "disabled" | "destructive" | "base" | "subdued" | "error" | "warn" | "info";
|
|
98
|
+
export type TextColor = TextVariation | "default" | "blueDark" | "white" | "green" | "greenDark" | "grey" | "greyDark" | "greyBlue" | "greyBlueDark" | "lightBlue" | "lightBlueDark" | "red" | "redDark" | "yellow" | "yellowDark" | "yellowGreenDark" | "orangeDark" | "navyDark" | "limeDark" | "purpleDark" | "pinkDark" | "tealDark" | "indigoDark" | "navy" | "heading" | "text" | "textSecondary" | "textReverse" | "textReverseSecondary" | "inactive" | "inactiveSurface" | "inactiveOnSurface" | "critical" | "criticalSurface" | "criticalOnSurface" | "warning" | "warningSurface" | "warningOnSurface" | "informative" | "informativeSurface" | "informativeOnSurface" | "successSurface" | "successOnSurface" | "interactiveHover" | "interactiveSubtleHover" | "destructiveHover" | "disabledSecondary" | "request" | "requestSurface" | "requestOnSurface" | "quote" | "quoteSurface" | "quoteOnSurface" | "job" | "jobSurface" | "jobOnSurface" | "visit" | "visitSurface" | "visitOnSurface" | "task" | "taskSurface" | "taskOnSurface" | "event" | "eventSurface" | "eventOnSurface" | "invoice" | "invoiceSurface" | "invoiceOnSurface" | "payments" | "paymentsSurface" | "paymentsOnSurface" | "client" | "blue" | "learning" | "subtle" | "onPrimary";
|
|
99
|
+
export type TextVariation = "text" | "textSecondary" | "interactive" | "interactiveSubtle" | "successOnSurface" | "critical" | "warning" | "informativeOnSurface" | "disabled" | "destructive" | "base" | "success" | "subdued" | "error" | "warn" | "info";
|
|
100
100
|
export type TextTransform = "uppercase" | "lowercase" | "capitalize" | "none";
|
|
101
101
|
export type TextSize = "smallest" | "smaller" | "small" | "default" | "large" | "larger" | "largest" | "jumbo" | "extravagant";
|
|
102
102
|
export type TextAlign = "start" | "end" | "center" | "justify";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components-native",
|
|
3
|
-
"version": "0.72.
|
|
3
|
+
"version": "0.72.3-CLEANUPbu-6d2c97c.32+6d2c97c7",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "React Native implementation of Atlantis",
|
|
6
6
|
"repository": {
|
|
@@ -53,17 +53,14 @@
|
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
55
|
"@testing-library/jest-native": "^5.4.2",
|
|
56
|
-
"@testing-library/react-hooks": "^7.0.2",
|
|
57
56
|
"@testing-library/react-native": "^12.0.1",
|
|
58
57
|
"@types/lodash.chunk": "^4.2.7",
|
|
59
58
|
"@types/lodash.debounce": "^4.0.7",
|
|
60
59
|
"@types/lodash.identity": "^3.0.7",
|
|
61
60
|
"@types/react": "^18.0.28",
|
|
62
|
-
"@types/react-native": "^0.71.6",
|
|
63
61
|
"@types/react-native-uuid": "^1.4.0",
|
|
64
62
|
"metro-react-native-babel-preset": "^0.76.0",
|
|
65
|
-
"react-test-renderer": "^18.2.0"
|
|
66
|
-
"typescript": "^4.9.5"
|
|
63
|
+
"react-test-renderer": "^18.2.0"
|
|
67
64
|
},
|
|
68
65
|
"peerDependencies": {
|
|
69
66
|
"@babel/core": "^7.4.5",
|
|
@@ -82,5 +79,5 @@
|
|
|
82
79
|
"react-native-safe-area-context": "^4.5.2",
|
|
83
80
|
"react-native-svg": ">=12.0.0"
|
|
84
81
|
},
|
|
85
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "6d2c97c7ed86cacd526ef037cf2e3b197b4631c3"
|
|
86
83
|
}
|
|
@@ -47,7 +47,7 @@ exports[`renders apple icon 1`] = `
|
|
|
47
47
|
}
|
|
48
48
|
>
|
|
49
49
|
<RNSVGPath
|
|
50
|
-
d="
|
|
50
|
+
d="M17.4507 12.6359C17.4279 10.1092 19.5195 8.87999 19.6152 8.8228C18.4307 7.09577 16.5946 6.85979 15.9494 6.84095C14.4074 6.67867 12.9116 7.76365 12.1261 7.76365C11.3249 7.76365 10.1152 6.85659 8.81151 6.88333C7.13383 6.90917 5.56439 7.88051 4.70358 9.38884C2.92715 12.4643 4.25206 16.9838 5.954 19.4697C6.8054 20.6872 7.80022 22.0466 9.10238 21.9988C10.3763 21.9462 10.8521 21.1866 12.3895 21.1866C13.9127 21.1866 14.3596 21.9988 15.6876 21.9682C17.0548 21.9463 17.9156 20.7453 18.7372 19.5167C19.721 18.1213 20.1162 16.747 20.1318 16.6765C20.0996 16.6655 17.4765 15.6643 17.4507 12.6359ZM14.942 5.20559C15.6272 4.34877 16.096 3.18297 15.9658 2C14.9741 2.04389 13.7339 2.68599 13.0197 3.524C12.3879 4.26242 11.8234 5.47289 11.9692 6.61122C13.0832 6.6943 14.2271 6.04905 14.942 5.20559Z"
|
|
51
51
|
fill={
|
|
52
52
|
{
|
|
53
53
|
"payload": 4280499528,
|
|
@@ -400,7 +400,6 @@ function InputTextInternal(
|
|
|
400
400
|
styleOverride?.inputText,
|
|
401
401
|
loading && loadingType === "glimmer" && { color: "transparent" },
|
|
402
402
|
]}
|
|
403
|
-
// @ts-expect-error - does exist on 0.71 and up https://github.com/facebook/react-native/pull/39281
|
|
404
403
|
readOnly={readonly}
|
|
405
404
|
editable={!disabled}
|
|
406
405
|
keyboardType={keyboard}
|
|
@@ -356,7 +356,6 @@ export type TextColor =
|
|
|
356
356
|
| "informative"
|
|
357
357
|
| "informativeSurface"
|
|
358
358
|
| "informativeOnSurface"
|
|
359
|
-
| "success"
|
|
360
359
|
| "successSurface"
|
|
361
360
|
| "successOnSurface"
|
|
362
361
|
|
|
@@ -414,6 +413,7 @@ export type TextVariation =
|
|
|
414
413
|
|
|
415
414
|
// Deprecated
|
|
416
415
|
| "base" // Use "text" instead
|
|
416
|
+
| "success" // Use "successOnSurface" instead (except for when reverseTheme=true)
|
|
417
417
|
| "subdued" // Use "textSecondary" instead
|
|
418
418
|
| "error" // Use "critical" instead
|
|
419
419
|
| "warn" // Use "warningOnSurface" instead
|