@jobber/components-native 0.72.2 → 0.72.3-CLEANUPbu-e48d3ff.31
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/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-e48d3ff.31+e48d3ff7",
|
|
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": "e48d3ff7b76854f8733a5f1428d02544c6ff1444"
|
|
86
83
|
}
|
|
@@ -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
|