@ovotech/element-native 3.4.1-canary-f5ccea2-152 → 3.4.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/components/Accordion/styles.d.ts +0 -12
- package/dist/components/ActionCard/ActionCard.js +1 -1
- package/dist/components/ActionList/ActionList.d.ts +1 -2
- package/dist/components/ActionList/ActionList.js +4 -4
- package/dist/components/ActionList/styled.d.ts +2 -263
- package/dist/components/ActionList/styled.js +10 -12
- package/dist/components/Badge/Badge.d.ts +0 -4
- package/dist/components/Card/Card.d.ts +0 -4
- package/dist/components/DataTable/TableRow.js +1 -7
- package/dist/components/DataTable/styles.d.ts +0 -510
- package/dist/components/DataTable/styles.js +5 -16
- package/dist/components/DataTable/types.d.ts +2 -8
- package/dist/components/DescriptionList/styled.d.ts +0 -4
- package/dist/components/Em/Em.d.ts +0 -4
- package/dist/components/ErrorText/ErrorText.d.ts +0 -4
- package/dist/components/Grid/Col.d.ts +0 -4
- package/dist/components/Grid/Row.d.ts +0 -4
- package/dist/components/HintText/HintText.d.ts +0 -4
- package/dist/components/LabelText/LabelText.d.ts +0 -4
- package/dist/components/LineThrough/LineThrough.d.ts +0 -4
- package/dist/components/List/List.d.ts +0 -4
- package/dist/components/List/List.js +24 -30
- package/dist/components/List/styled.d.ts +0 -24
- package/dist/components/List/styled.js +2 -2
- package/dist/components/Margin/Margin.d.ts +0 -4
- package/dist/components/NavHeader/NavHeader.styles.d.ts +0 -28
- package/dist/components/Notification/Notification.d.ts +0 -8
- package/dist/components/P/P.d.ts +0 -4
- package/dist/components/PasswordInput/PasswordInput.styled.d.ts +0 -4
- package/dist/components/SelectField/Select.d.ts +0 -4
- package/dist/components/Small/Small.d.ts +0 -4
- package/dist/components/Strong/Strong.d.ts +0 -4
- package/dist/components/SubLabelText/SubLabelText.d.ts +0 -4
- package/dist/esm/components/ActionCard/ActionCard.js +1 -1
- package/dist/esm/components/ActionList/ActionList.js +4 -4
- package/dist/esm/components/ActionList/styled.js +10 -12
- package/dist/esm/components/DataTable/TableRow.js +2 -8
- package/dist/esm/components/DataTable/styles.js +4 -15
- package/dist/esm/components/List/List.js +25 -31
- package/dist/esm/components/List/styled.js +2 -2
- package/dist/styled.native.d.ts +0 -24
- package/package.json +2 -2
|
@@ -203,10 +203,6 @@ export declare const StyledAccordion: import("styled-components").StyledComponen
|
|
|
203
203
|
};
|
|
204
204
|
badge: {
|
|
205
205
|
variants: {
|
|
206
|
-
neutral: {
|
|
207
|
-
foreground: string;
|
|
208
|
-
background: string;
|
|
209
|
-
};
|
|
210
206
|
red: {
|
|
211
207
|
foreground: string;
|
|
212
208
|
background: string;
|
|
@@ -439,10 +435,6 @@ export declare const StyledAccordionHeader: import("styled-components").StyledCo
|
|
|
439
435
|
};
|
|
440
436
|
badge: {
|
|
441
437
|
variants: {
|
|
442
|
-
neutral: {
|
|
443
|
-
foreground: string;
|
|
444
|
-
background: string;
|
|
445
|
-
};
|
|
446
438
|
red: {
|
|
447
439
|
foreground: string;
|
|
448
440
|
background: string;
|
|
@@ -671,10 +663,6 @@ export declare const StyledContainer: import("styled-components").StyledComponen
|
|
|
671
663
|
};
|
|
672
664
|
badge: {
|
|
673
665
|
variants: {
|
|
674
|
-
neutral: {
|
|
675
|
-
foreground: string;
|
|
676
|
-
background: string;
|
|
677
|
-
};
|
|
678
666
|
red: {
|
|
679
667
|
foreground: string;
|
|
680
668
|
background: string;
|
|
@@ -73,7 +73,7 @@ var ActionCard = function (_a) {
|
|
|
73
73
|
paddingRight: !image && !title && onPressCloseButton
|
|
74
74
|
? parseInt(core.space[6])
|
|
75
75
|
: 0,
|
|
76
|
-
} }, { children: (0, jsx_runtime_1.jsx)(StyledP, __assign({ inverted: inverted }, { children: body })) }))) : (body), buttonTitle && onPressActionButton && !onPressIndicator ? (!ctaVariant ? ((0, jsx_runtime_1.jsx)(__1.
|
|
76
|
+
} }, { children: (0, jsx_runtime_1.jsx)(StyledP, __assign({ inverted: inverted }, { children: body })) }))) : (body), buttonTitle && onPressActionButton && !onPressIndicator ? (!ctaVariant ? ((0, jsx_runtime_1.jsx)(__1.Action, __assign({ inverted: inverted, onPress: onPressActionButton, testID: "".concat(testID, "-button") }, { children: buttonTitle }))) : ((0, jsx_runtime_1.jsx)(__1.Margin, __assign({ top: 4 }, { children: (0, jsx_runtime_1.jsx)(__1.CTAButton, __assign({ onPress: onPressActionButton, testID: "".concat(testID, "-button"), variant: ctaVariant }, { children: buttonTitle })) })))) : null] })] })) })), image ? ((0, jsx_runtime_1.jsx)(masked_view_1.default, __assign({ style: {
|
|
77
77
|
flex: 1,
|
|
78
78
|
flexDirection: 'row',
|
|
79
79
|
height: '100%',
|
|
@@ -13,7 +13,6 @@ declare type ActionProps = PropsWithChildren<ViewProps & {
|
|
|
13
13
|
iconLeft?: IconName | 'off';
|
|
14
14
|
iconRight?: IconName | 'off';
|
|
15
15
|
inverted?: boolean;
|
|
16
|
-
inline?: boolean;
|
|
17
16
|
onPress?: () => void;
|
|
18
17
|
fullWidth?: FullWidthOptions;
|
|
19
18
|
ref?: Ref<View>;
|
|
@@ -21,5 +20,5 @@ declare type ActionProps = PropsWithChildren<ViewProps & {
|
|
|
21
20
|
inList?: boolean;
|
|
22
21
|
}>;
|
|
23
22
|
declare const ActionList: ({ children, inverted, ...rest }: ActionListProps) => JSX.Element;
|
|
24
|
-
declare const Action: ({ accessibilityRole, actionType, children, fullWidth, inverted,
|
|
23
|
+
declare const Action: ({ accessibilityRole, actionType, children, fullWidth, inverted, onPress, testID, ...rest }: ActionProps) => JSX.Element;
|
|
25
24
|
export { ActionList, Action };
|
|
@@ -50,11 +50,11 @@ var ActionList = function (_a) {
|
|
|
50
50
|
};
|
|
51
51
|
exports.ActionList = ActionList;
|
|
52
52
|
var ActionWrapper = function (_a) {
|
|
53
|
-
var children = _a.children, accessibilityRole = _a.accessibilityRole, _b = _a.activeOpacity, activeOpacity = _b === void 0 ? 0.75 : _b, fullWidth = _a.fullWidth, _c = _a.hasBorder, hasBorder = _c === void 0 ? false : _c, _d = _a.inverted, inverted = _d === void 0 ? false : _d,
|
|
54
|
-
return ((0, jsx_runtime_1.jsx)(styled_1.StyledActionWrapper, __assign({ hasBorder: hasBorder, inverted: inverted, testID: testID }, rest, { children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, __assign({
|
|
53
|
+
var children = _a.children, accessibilityRole = _a.accessibilityRole, _b = _a.activeOpacity, activeOpacity = _b === void 0 ? 0.75 : _b, fullWidth = _a.fullWidth, _c = _a.hasBorder, hasBorder = _c === void 0 ? false : _c, _d = _a.inverted, inverted = _d === void 0 ? false : _d, onPress = _a.onPress, testID = _a.testID, rest = __rest(_a, ["children", "accessibilityRole", "activeOpacity", "fullWidth", "hasBorder", "inverted", "onPress", "testID"]);
|
|
54
|
+
return ((0, jsx_runtime_1.jsx)(styled_1.StyledActionWrapper, __assign({ hasBorder: hasBorder, inverted: inverted, testID: testID }, rest, { children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, __assign({ activeOpacity: activeOpacity, accessibilityRole: accessibilityRole, onPress: onPress }, { children: (0, jsx_runtime_1.jsx)(styled_1.StyledActionInner, __assign({ fullWidth: fullWidth, inList: rest === null || rest === void 0 ? void 0 : rest.inList }, { children: children })) })) })));
|
|
55
55
|
};
|
|
56
56
|
var Action = function (_a) {
|
|
57
|
-
var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'link' : _b, _c = _a.actionType, actionType = _c === void 0 ? 'link' : _c, children = _a.children, _d = _a.fullWidth, fullWidth = _d === void 0 ? 'never' : _d, _e = _a.inverted, inverted = _e === void 0 ? false : _e,
|
|
57
|
+
var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'link' : _b, _c = _a.actionType, actionType = _c === void 0 ? 'link' : _c, children = _a.children, _d = _a.fullWidth, fullWidth = _d === void 0 ? 'never' : _d, _e = _a.inverted, inverted = _e === void 0 ? false : _e, onPress = _a.onPress, testID = _a.testID, rest = __rest(_a, ["accessibilityRole", "actionType", "children", "fullWidth", "inverted", "onPress", "testID"]);
|
|
58
58
|
var smallAndUp = (0, hooks_1.useBreakpoint)().smallAndUp;
|
|
59
59
|
var isBackAction = actionType === 'back';
|
|
60
60
|
var updatedIconRight = null;
|
|
@@ -64,6 +64,6 @@ var Action = function (_a) {
|
|
|
64
64
|
if (fullWidth === 'small') {
|
|
65
65
|
fullWidth = smallAndUp ? 'never' : 'always';
|
|
66
66
|
}
|
|
67
|
-
return ((0, jsx_runtime_1.jsxs)(ActionWrapper, __assign({ accessibilityRole: accessibilityRole, fullWidth: fullWidth, inverted: inverted,
|
|
67
|
+
return ((0, jsx_runtime_1.jsxs)(ActionWrapper, __assign({ accessibilityRole: accessibilityRole, fullWidth: fullWidth, inverted: inverted, onPress: onPress, testID: testID }, rest, { children: [isBackAction ? ((0, jsx_runtime_1.jsx)(styled_1.StyledLeftIcon, { inverted: inverted, name: ACTION_TYPES.back, size: 16 })) : null, (0, jsx_runtime_1.jsx)(styled_1.StyledActionText, __assign({ smallAndUp: smallAndUp, inverted: inverted, inList: rest === null || rest === void 0 ? void 0 : rest.inList }, { children: children })), updatedIconRight ? ((0, jsx_runtime_1.jsx)(styled_1.StyledRightIcon, { inverted: inverted, name: updatedIconRight, marginTop: actionType === 'link' ? 1 : 0, size: 16 })) : null] })));
|
|
68
68
|
};
|
|
69
69
|
exports.Action = Action;
|
|
@@ -1,247 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { Theme } from '@ovotech/element-core';
|
|
3
2
|
import { FullWidthOptions } from '../../hooks';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
[x: number]: any;
|
|
7
|
-
[x: symbol]: any;
|
|
8
|
-
} & {
|
|
9
|
-
theme?: {
|
|
10
|
-
core: {
|
|
11
|
-
radius: Record<"small" | "medium" | "large" | "max", string>;
|
|
12
|
-
borderWidth: Record<"small" | "medium" | "large", string>;
|
|
13
|
-
breakpoint: Record<"small" | "medium" | "large", string | number>;
|
|
14
|
-
mediaQuery: Record<"small" | "medium" | "large", string>;
|
|
15
|
-
space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
|
|
16
|
-
transition: Record<"medium" | "slow" | "fast", string>;
|
|
17
|
-
opacity: Record<"solid" | "transparent" | "translucent", string | number>;
|
|
18
|
-
color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
|
|
19
|
-
lightest: string;
|
|
20
|
-
lighter: string;
|
|
21
|
-
light: string;
|
|
22
|
-
base: string;
|
|
23
|
-
dark: string;
|
|
24
|
-
darker: string;
|
|
25
|
-
darkest: string;
|
|
26
|
-
}> & {
|
|
27
|
-
brand: Record<string, string>;
|
|
28
|
-
};
|
|
29
|
-
fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
|
|
30
|
-
native: string;
|
|
31
|
-
web: string;
|
|
32
|
-
}>;
|
|
33
|
-
fontWeight: Record<"bold" | "book" | "black", string | number>;
|
|
34
|
-
fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
|
|
35
|
-
small: string | number;
|
|
36
|
-
large: string | number;
|
|
37
|
-
}>;
|
|
38
|
-
lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
|
|
39
|
-
small: string | number;
|
|
40
|
-
large: string | number;
|
|
41
|
-
}>;
|
|
42
|
-
letterSpacing: Record<"base" | "compressed" | "extraCompressed", number>;
|
|
43
|
-
};
|
|
44
|
-
semantic: {
|
|
45
|
-
surface: Record<"base" | "cutout" | "elevated", string>;
|
|
46
|
-
message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
|
|
47
|
-
border: Record<"graphic" | "differentiated" | "functional", string>;
|
|
48
|
-
focus: Record<"surface" | "outline" | "hover", string>;
|
|
49
|
-
inverted: Record<"surface" | "border", string> & {
|
|
50
|
-
message: Record<"base" | "link" | "secondary" | "branded", string>;
|
|
51
|
-
};
|
|
52
|
-
success: {
|
|
53
|
-
border: string;
|
|
54
|
-
surface: string;
|
|
55
|
-
surfaceEmphasis: string;
|
|
56
|
-
message: string;
|
|
57
|
-
messageOnEmphasis: string;
|
|
58
|
-
};
|
|
59
|
-
warning: {
|
|
60
|
-
border: string;
|
|
61
|
-
surface: string;
|
|
62
|
-
surfaceEmphasis: string;
|
|
63
|
-
message: string;
|
|
64
|
-
messageOnEmphasis: string;
|
|
65
|
-
};
|
|
66
|
-
error: {
|
|
67
|
-
border: string;
|
|
68
|
-
surface: string;
|
|
69
|
-
surfaceEmphasis: string;
|
|
70
|
-
message: string;
|
|
71
|
-
messageOnEmphasis: string;
|
|
72
|
-
};
|
|
73
|
-
info: {
|
|
74
|
-
border: string;
|
|
75
|
-
surface: string;
|
|
76
|
-
surfaceEmphasis: string;
|
|
77
|
-
message: string;
|
|
78
|
-
messageOnEmphasis: string;
|
|
79
|
-
};
|
|
80
|
-
data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
|
|
81
|
-
};
|
|
82
|
-
component: {
|
|
83
|
-
heading1: {
|
|
84
|
-
fontFamily: string;
|
|
85
|
-
fontWeight: string | number;
|
|
86
|
-
fontSize: {
|
|
87
|
-
small: string | number;
|
|
88
|
-
large: string | number;
|
|
89
|
-
};
|
|
90
|
-
lineHeight: {
|
|
91
|
-
small: string | number;
|
|
92
|
-
large: string | number;
|
|
93
|
-
};
|
|
94
|
-
};
|
|
95
|
-
heading2: {
|
|
96
|
-
fontFamily: string;
|
|
97
|
-
fontWeight: string | number;
|
|
98
|
-
fontSize: {
|
|
99
|
-
small: string | number;
|
|
100
|
-
large: string | number;
|
|
101
|
-
};
|
|
102
|
-
lineHeight: {
|
|
103
|
-
small: string | number;
|
|
104
|
-
large: string | number;
|
|
105
|
-
};
|
|
106
|
-
};
|
|
107
|
-
heading3: {
|
|
108
|
-
fontFamily: string;
|
|
109
|
-
fontWeight: string | number;
|
|
110
|
-
fontSize: {
|
|
111
|
-
small: string | number;
|
|
112
|
-
large: string | number;
|
|
113
|
-
};
|
|
114
|
-
lineHeight: {
|
|
115
|
-
small: string | number;
|
|
116
|
-
large: string | number;
|
|
117
|
-
};
|
|
118
|
-
};
|
|
119
|
-
heading4: {
|
|
120
|
-
fontFamily: string;
|
|
121
|
-
fontWeight: string | number;
|
|
122
|
-
fontSize: {
|
|
123
|
-
small: string | number;
|
|
124
|
-
large: string | number;
|
|
125
|
-
};
|
|
126
|
-
lineHeight: {
|
|
127
|
-
small: string | number;
|
|
128
|
-
large: string | number;
|
|
129
|
-
};
|
|
130
|
-
};
|
|
131
|
-
lead: {
|
|
132
|
-
fontFamily: string;
|
|
133
|
-
fontWeight: string | number;
|
|
134
|
-
fontSize: {
|
|
135
|
-
small: string | number;
|
|
136
|
-
large: string | number;
|
|
137
|
-
};
|
|
138
|
-
lineHeight: {
|
|
139
|
-
small: string | number;
|
|
140
|
-
large: string | number;
|
|
141
|
-
};
|
|
142
|
-
};
|
|
143
|
-
body: {
|
|
144
|
-
fontFamily: string;
|
|
145
|
-
fontWeight: string | number;
|
|
146
|
-
fontSize: {
|
|
147
|
-
small: string | number;
|
|
148
|
-
large: string | number;
|
|
149
|
-
};
|
|
150
|
-
lineHeight: {
|
|
151
|
-
small: string | number;
|
|
152
|
-
large: string | number;
|
|
153
|
-
};
|
|
154
|
-
};
|
|
155
|
-
small: {
|
|
156
|
-
fontFamily: string;
|
|
157
|
-
fontWeight: string | number;
|
|
158
|
-
fontSize: {
|
|
159
|
-
small: string | number;
|
|
160
|
-
large: string | number;
|
|
161
|
-
};
|
|
162
|
-
lineHeight: {
|
|
163
|
-
small: string | number;
|
|
164
|
-
large: string | number;
|
|
165
|
-
};
|
|
166
|
-
};
|
|
167
|
-
label: {
|
|
168
|
-
fontFamily: string;
|
|
169
|
-
fontWeight: string | number;
|
|
170
|
-
fontSize: {
|
|
171
|
-
small: string | number;
|
|
172
|
-
large: string | number;
|
|
173
|
-
};
|
|
174
|
-
lineHeight: {
|
|
175
|
-
small: string | number;
|
|
176
|
-
large: string | number;
|
|
177
|
-
};
|
|
178
|
-
};
|
|
179
|
-
cta: {
|
|
180
|
-
primary: {
|
|
181
|
-
message: string;
|
|
182
|
-
surface: string;
|
|
183
|
-
messageHover: string;
|
|
184
|
-
surfaceHover: string;
|
|
185
|
-
messageFocused: string;
|
|
186
|
-
surfaceFocused: string;
|
|
187
|
-
outlineFocused: string;
|
|
188
|
-
backgroundFocused: string;
|
|
189
|
-
};
|
|
190
|
-
secondary: {
|
|
191
|
-
message: string;
|
|
192
|
-
surface: string;
|
|
193
|
-
messageHover: string;
|
|
194
|
-
surfaceHover: string;
|
|
195
|
-
messageFocused: string;
|
|
196
|
-
surfaceFocused: string;
|
|
197
|
-
outlineFocused: string;
|
|
198
|
-
backgroundFocused: string;
|
|
199
|
-
};
|
|
200
|
-
destructive: {
|
|
201
|
-
message: string;
|
|
202
|
-
surface: string;
|
|
203
|
-
messageHover: string;
|
|
204
|
-
surfaceHover: string;
|
|
205
|
-
messageFocused: string;
|
|
206
|
-
surfaceFocused: string;
|
|
207
|
-
outlineFocused: string;
|
|
208
|
-
backgroundFocused: string;
|
|
209
|
-
};
|
|
210
|
-
};
|
|
211
|
-
badge: {
|
|
212
|
-
variants: {
|
|
213
|
-
neutral: {
|
|
214
|
-
foreground: string;
|
|
215
|
-
background: string;
|
|
216
|
-
};
|
|
217
|
-
red: {
|
|
218
|
-
foreground: string;
|
|
219
|
-
background: string;
|
|
220
|
-
};
|
|
221
|
-
orange: {
|
|
222
|
-
foreground: string;
|
|
223
|
-
background: string;
|
|
224
|
-
};
|
|
225
|
-
yellow: {
|
|
226
|
-
foreground: string;
|
|
227
|
-
background: string;
|
|
228
|
-
};
|
|
229
|
-
green: {
|
|
230
|
-
foreground: string;
|
|
231
|
-
background: string;
|
|
232
|
-
};
|
|
233
|
-
blue: {
|
|
234
|
-
foreground: string;
|
|
235
|
-
background: string;
|
|
236
|
-
};
|
|
237
|
-
};
|
|
238
|
-
};
|
|
239
|
-
};
|
|
240
|
-
} | undefined;
|
|
241
|
-
} & {
|
|
242
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
243
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
244
|
-
}, import("../../hooks").BreakpointNames>, string | number | symbol> & import("react").RefAttributes<import("react-native/types").View>>;
|
|
3
|
+
import { ListWrapper } from '../List/List';
|
|
4
|
+
export declare const StyledActionList: typeof ListWrapper;
|
|
245
5
|
export declare const StyledActionWrapper: import("styled-components").StyledComponent<typeof import("react-native").View, {
|
|
246
6
|
core: {
|
|
247
7
|
radius: Record<"small" | "medium" | "large" | "max", string>;
|
|
@@ -446,10 +206,6 @@ export declare const StyledActionWrapper: import("styled-components").StyledComp
|
|
|
446
206
|
};
|
|
447
207
|
badge: {
|
|
448
208
|
variants: {
|
|
449
|
-
neutral: {
|
|
450
|
-
foreground: string;
|
|
451
|
-
background: string;
|
|
452
|
-
};
|
|
453
209
|
red: {
|
|
454
210
|
foreground: string;
|
|
455
211
|
background: string;
|
|
@@ -681,10 +437,6 @@ export declare const StyledActionInner: import("styled-components").StyledCompon
|
|
|
681
437
|
};
|
|
682
438
|
badge: {
|
|
683
439
|
variants: {
|
|
684
|
-
neutral: {
|
|
685
|
-
foreground: string;
|
|
686
|
-
background: string;
|
|
687
|
-
};
|
|
688
440
|
red: {
|
|
689
441
|
foreground: string;
|
|
690
442
|
background: string;
|
|
@@ -710,7 +462,6 @@ export declare const StyledActionInner: import("styled-components").StyledCompon
|
|
|
710
462
|
};
|
|
711
463
|
}, {
|
|
712
464
|
fullWidth?: FullWidthOptions | undefined;
|
|
713
|
-
inline?: boolean | undefined;
|
|
714
465
|
}, never>;
|
|
715
466
|
export declare const StyledActionText: import("styled-components").StyledComponent<typeof import("react-native").Text, {
|
|
716
467
|
core: {
|
|
@@ -916,10 +667,6 @@ export declare const StyledActionText: import("styled-components").StyledCompone
|
|
|
916
667
|
};
|
|
917
668
|
badge: {
|
|
918
669
|
variants: {
|
|
919
|
-
neutral: {
|
|
920
|
-
foreground: string;
|
|
921
|
-
background: string;
|
|
922
|
-
};
|
|
923
670
|
red: {
|
|
924
671
|
foreground: string;
|
|
925
672
|
background: string;
|
|
@@ -1152,10 +899,6 @@ export declare const StyledRightIcon: import("styled-components").StyledComponen
|
|
|
1152
899
|
};
|
|
1153
900
|
badge: {
|
|
1154
901
|
variants: {
|
|
1155
|
-
neutral: {
|
|
1156
|
-
foreground: string;
|
|
1157
|
-
background: string;
|
|
1158
|
-
};
|
|
1159
902
|
red: {
|
|
1160
903
|
foreground: string;
|
|
1161
904
|
background: string;
|
|
@@ -1387,10 +1130,6 @@ export declare const StyledLeftIcon: import("styled-components").StyledComponent
|
|
|
1387
1130
|
};
|
|
1388
1131
|
badge: {
|
|
1389
1132
|
variants: {
|
|
1390
|
-
neutral: {
|
|
1391
|
-
foreground: string;
|
|
1392
|
-
background: string;
|
|
1393
|
-
};
|
|
1394
1133
|
red: {
|
|
1395
1134
|
foreground: string;
|
|
1396
1135
|
background: string;
|
|
@@ -29,36 +29,34 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
29
29
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
30
|
exports.StyledLeftIcon = exports.StyledRightIcon = exports.StyledActionText = exports.StyledActionInner = exports.StyledActionWrapper = exports.StyledActionList = void 0;
|
|
31
31
|
var styled_native_1 = __importStar(require("../../styled.native"));
|
|
32
|
-
var utils_1 = require("../../utils");
|
|
33
32
|
var Icon_1 = require("../Icon");
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex-direction: column;\n margin-top: ", ";\n margin-bottom: ", ";\n "], ["\n flex-direction: column;\n margin-top: ", ";\n margin-bottom: ", ";\n "])), smallAndUp ? core.space[3] : core.space[2], smallAndUp ? core.space[3] : core.space[2]);
|
|
37
|
-
});
|
|
38
|
-
exports.StyledActionList = (0, utils_1.styledComponentWithBreakpoints)(StyledList);
|
|
33
|
+
var List_1 = require("../List/List");
|
|
34
|
+
exports.StyledActionList = List_1.ListWrapper;
|
|
39
35
|
exports.StyledActionWrapper = styled_native_1.default.View(function (_a) {
|
|
40
36
|
var _b = _a.theme, core = _b.core, semantic = _b.semantic, hasBorder = _a.hasBorder, inverted = _a.inverted;
|
|
41
37
|
return "\n width: 100%;\n align-self: flex-start;\n border-bottom-width: ".concat(hasBorder ? core.borderWidth.small : 0, ";\n border-bottom-style: solid;\n border-bottom-color: ").concat(inverted ? semantic.inverted.border : semantic.border.graphic, ";\n");
|
|
42
38
|
});
|
|
43
39
|
exports.StyledActionInner = styled_native_1.default.View(function (_a) {
|
|
44
|
-
var fullWidth = _a.fullWidth
|
|
45
|
-
return
|
|
40
|
+
var fullWidth = _a.fullWidth;
|
|
41
|
+
return "\n display: flex;\n flex-direction: row;\n justify-content: ".concat(fullWidth === 'always' ? 'space-between' : 'flex-start', ";\n align-items: center;\n min-height: 44px;\n");
|
|
46
42
|
});
|
|
47
43
|
exports.StyledActionText = styled_native_1.default.Text(function (_a) {
|
|
48
44
|
var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp, _c = _a.inverted, inverted = _c === void 0 ? false : _c, _d = _a.inList, inList = _d === void 0 ? false : _d;
|
|
49
45
|
var fontSize = smallAndUp
|
|
50
46
|
? core.fontSize.body.large
|
|
51
47
|
: core.fontSize.body.small;
|
|
52
|
-
return (0, styled_native_1.css)(
|
|
48
|
+
return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n flex: ", ";\n "], ["\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n flex: ", ";\n "])), inverted
|
|
53
49
|
? semantic.inverted.message.base
|
|
54
50
|
: semantic.message.base, core.fontFamily.bodyBold.native, fontSize, core.lineHeight.body.small, inList ? 1 : 'none');
|
|
55
51
|
});
|
|
56
52
|
exports.StyledRightIcon = (0, styled_native_1.default)(Icon_1.Icon)(function (_a) {
|
|
57
53
|
var _b = _a.theme, core = _b.core, semantic = _b.semantic, inverted = _a.inverted, marginTop = _a.marginTop;
|
|
58
|
-
return (0, styled_native_1.css)(
|
|
54
|
+
return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: ", ";\n margin-left: ", ";\n margin-top: ", ";\n "], ["\n color: ", ";\n margin-left: ", ";\n margin-top: ", ";\n "])), inverted ? semantic.inverted.message.base : semantic.message.base, core.space[1], core.space[marginTop]);
|
|
59
55
|
});
|
|
60
56
|
exports.StyledLeftIcon = (0, styled_native_1.default)(Icon_1.Icon)(function (_a) {
|
|
61
57
|
var _b = _a.theme, core = _b.core, semantic = _b.semantic, inverted = _a.inverted;
|
|
62
|
-
return (0, styled_native_1.css)(
|
|
58
|
+
return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n margin-right: ", ";\n "], ["\n color: ", ";\n margin-right: ", ";\n "])), inverted
|
|
59
|
+
? semantic.inverted.message.base
|
|
60
|
+
: semantic.message.base, core.space[1]);
|
|
63
61
|
});
|
|
64
|
-
var templateObject_1, templateObject_2, templateObject_3
|
|
62
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -12,21 +12,15 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
exports.TableRow = void 0;
|
|
15
|
-
var react_1 = require("react");
|
|
16
15
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
var react_1 = require("react");
|
|
17
17
|
var react_is_1 = require("react-is");
|
|
18
|
-
var react_native_1 = require("react-native");
|
|
19
18
|
var hooks_1 = require("../../hooks");
|
|
20
19
|
var styles_1 = require("./styles");
|
|
21
20
|
var TableRow = function (_a) {
|
|
22
21
|
var data = _a.data, index = _a.index, striped = _a.striped, rowHeadings = _a.rowHeadings, columnWidths = _a.columnWidths;
|
|
23
22
|
var breakpoints = (0, hooks_1.useBreakpoint)();
|
|
24
23
|
var cells = data.map(function (cellData, i) {
|
|
25
|
-
if (typeof cellData === 'object' &&
|
|
26
|
-
(cellData === null || cellData === void 0 ? void 0 : cellData.hasOwnProperty('isSeparator')) &&
|
|
27
|
-
(cellData === null || cellData === void 0 ? void 0 : cellData.hasOwnProperty('content'))) {
|
|
28
|
-
return ((0, jsx_runtime_1.jsx)(styles_1.StyledSeparatorRow, __assign({ testID: "separatorRow", width: react_native_1.Dimensions.get('window').width }, { children: (0, jsx_runtime_1.jsx)(styles_1.SeparatorRowText, __assign({}, breakpoints, { children: cellData === null || cellData === void 0 ? void 0 : cellData.content })) }), i));
|
|
29
|
-
}
|
|
30
24
|
if (rowHeadings && i === 0) {
|
|
31
25
|
return ((0, react_1.createElement)(styles_1.RowHeading, __assign({}, breakpoints, { key: i, testID: "rowHeader", cellWidth: columnWidths[i] }), (0, react_is_1.isElement)(cellData) ? (cellData) : ((0, jsx_runtime_1.jsx)(styles_1.TableHeaderText, __assign({}, breakpoints, { children: cellData })))));
|
|
32
26
|
}
|