@trilogy-ds/react 0.0.1-beta-77 → 0.0.1-beta-80
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/lib/components/accordion/item/AccordionItem.native.js +4 -4
- package/lib/components/accordion/item/AccordionItem.native.js.map +1 -1
- package/lib/components/alert/Alert.js +1 -1
- package/lib/components/alert/Alert.js.map +1 -1
- package/lib/components/alert/Alert.native.js +6 -8
- package/lib/components/alert/Alert.native.js.map +1 -1
- package/lib/components/autolayout/AutoLayout.native.js +1 -1
- package/lib/components/autolayout/AutoLayout.native.js.map +1 -1
- package/lib/components/autolayout/DefaultSpacingMatrix.js +31 -74
- package/lib/components/autolayout/DefaultSpacingMatrix.js.map +1 -1
- package/lib/components/badge/Badge.d.ts +2 -2
- package/lib/components/badge/Badge.js +5 -6
- package/lib/components/badge/Badge.js.map +1 -1
- package/lib/components/badge/Badge.native.d.ts +2 -2
- package/lib/components/badge/Badge.native.js +5 -6
- package/lib/components/badge/Badge.native.js.map +1 -1
- package/lib/components/badge/BadgeEnum.d.ts +0 -5
- package/lib/components/badge/BadgeEnum.js +0 -5
- package/lib/components/badge/BadgeEnum.js.map +1 -1
- package/lib/components/badge/BadgeProps.d.ts +1 -2
- package/lib/components/badge/BadgePropsDefaults.js +4 -6
- package/lib/components/box/Box.native.js +5 -6
- package/lib/components/box/Box.native.js.map +1 -1
- package/lib/components/box/BoxPropsDefaults.js +28 -41
- package/lib/components/box/content/BoxContent.native.js +2 -4
- package/lib/components/box/content/BoxContent.native.js.map +1 -1
- package/lib/components/box/content/BoxContentPropsDefaults.js +14 -21
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +14 -20
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +14 -20
- package/lib/components/button/Button.native.js +13 -13
- package/lib/components/button/Button.native.js.map +1 -1
- package/lib/components/button/list/ButtonList.native.js +4 -4
- package/lib/components/button/list/ButtonList.native.js.map +1 -1
- package/lib/components/card/Card.native.js +6 -7
- package/lib/components/card/Card.native.js.map +1 -1
- package/lib/components/card/CardPropsDefaults.js +14 -21
- package/lib/components/card/content/CardContent.native.js +3 -3
- package/lib/components/card/content/CardContentPropsDefaults.js +16 -22
- package/lib/components/card/image/CardImage.native.js +10 -8
- package/lib/components/card/image/CardImage.native.js.map +1 -1
- package/lib/components/checkbox/Checkbox.native.js +8 -8
- package/lib/components/checkbox/Checkbox.native.js.map +1 -1
- package/lib/components/chips/Chips.native.js +4 -4
- package/lib/components/chips/Chips.native.js.map +1 -1
- package/lib/components/container/Container.native.js +4 -4
- package/lib/components/container/Container.native.js.map +1 -1
- package/lib/components/container/ContainerPropsDefaults.js +14 -21
- package/lib/components/countdown/Countdown.native.js +2 -2
- package/lib/components/countdown/Countdown.native.js.map +1 -1
- package/lib/components/divider/Divider.native.js +3 -3
- package/lib/components/divider/Divider.native.js.map +1 -1
- package/lib/components/divider/DividerPropsDefaults.js +42 -60
- package/lib/components/hero/Hero.native.js +6 -6
- package/lib/components/hero/Hero.native.js.map +1 -1
- package/lib/components/hero/HeroPropsDefaults.js +14 -21
- package/lib/components/icon/Icon.js +1 -1
- package/lib/components/icon/Icon.js.map +1 -1
- package/lib/components/icon/Icon.native.js +1 -1
- package/lib/components/icon/IconPropsDefaults.js +17 -23
- package/lib/components/icon/circle/CircleIconPropsDefaults.js +17 -23
- package/lib/components/icon/text/TextIconPropsDefaults.js +3 -3
- package/lib/components/input/Input.native.js +11 -11
- package/lib/components/input/Input.native.js.map +1 -1
- package/lib/components/input/autocomplete/menu/AutoCompleteMenu.native.js +1 -1
- package/lib/components/input/autocomplete/menu/AutoCompleteMenu.native.js.map +1 -1
- package/lib/components/input/gauge/InputGauge.native.js +1 -1
- package/lib/components/input/gauge/InputGauge.native.js.map +1 -1
- package/lib/components/input/gauge/hook/useGauge.js +1 -1
- package/lib/components/link/Link.native.js +10 -9
- package/lib/components/link/Link.native.js.map +1 -1
- package/lib/components/link/LinkPropsDefaults.js +4 -4
- package/lib/components/list/item/ListItem.native.js +1 -1
- package/lib/components/otp/Otp.js.map +1 -1
- package/lib/components/otp/Otp.native.js +2 -2
- package/lib/components/otp/Otp.native.js.map +1 -1
- package/lib/components/price/Price.d.ts +3 -3
- package/lib/components/price/Price.js +27 -8
- package/lib/components/price/Price.js.map +1 -1
- package/lib/components/price/Price.native.d.ts +2 -2
- package/lib/components/price/Price.native.js +128 -87
- package/lib/components/price/Price.native.js.map +1 -1
- package/lib/components/price/PriceEnum.d.ts +8 -8
- package/lib/components/price/PriceEnum.js +7 -7
- package/lib/components/price/PriceEnum.js.map +1 -1
- package/lib/components/price/PriceProps.d.ts +2 -2
- package/lib/components/price/PricePropsDefaults.js +5 -13
- package/lib/components/progress/Progress.native.js +3 -3
- package/lib/components/progress/Progress.native.js.map +1 -1
- package/lib/components/progress/radial/ProgressRadial.js +1 -1
- package/lib/components/progress/radial/ProgressRadial.js.map +1 -1
- package/lib/components/progress/radial/ProgressRadial.native.js +5 -7
- package/lib/components/progress/radial/ProgressRadial.native.js.map +1 -1
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +7 -10
- package/lib/components/radio/Radio.native.js +12 -11
- package/lib/components/radio/Radio.native.js.map +1 -1
- package/lib/components/radio/list/RadioList.native.js +4 -4
- package/lib/components/radio/list/RadioList.native.js.map +1 -1
- package/lib/components/range/Range.js +1 -1
- package/lib/components/range/Range.js.map +1 -1
- package/lib/components/rows/Rows.native.js.map +1 -1
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +14 -20
- package/lib/components/section/Section.js.map +1 -1
- package/lib/components/section/Section.native.js +2 -2
- package/lib/components/section/Section.native.js.map +1 -1
- package/lib/components/section/SectionPropsDefaults.js +14 -21
- package/lib/components/segment-control/SegmentControl.native.js +1 -1
- package/lib/components/segment-control/SegmentControl.native.js.map +1 -1
- package/lib/components/segment-control/item/SegmentControlItem.native.js +2 -2
- package/lib/components/segment-control/item/SegmentControlItem.native.js.map +1 -1
- package/lib/components/select/option/SelectOption.native.js +1 -1
- package/lib/components/select/option/SelectOption.native.js.map +1 -1
- package/lib/components/selector/item/SelectorItem.native.js +1 -1
- package/lib/components/selector/item/SelectorItem.native.js.map +1 -1
- package/lib/components/spacer/Spacer.d.ts +1 -1
- package/lib/components/spacer/Spacer.js +1 -1
- package/lib/components/spacer/Spacer.native.d.ts +1 -2
- package/lib/components/spacer/Spacer.native.js +1 -2
- package/lib/components/spacer/Spacer.native.js.map +1 -1
- package/lib/components/spacer/SpacerEnum.d.ts +11 -6
- package/lib/components/spacer/SpacerEnum.js +11 -7
- package/lib/components/spacer/SpacerEnum.js.map +1 -1
- package/lib/components/spacer/SpacerPropsDefaults.js +21 -6
- package/lib/components/stepper/Stepper.native.js +1 -2
- package/lib/components/stepper/Stepper.native.js.map +1 -1
- package/lib/components/stepper/step/StepperStep.native.js +1 -1
- package/lib/components/stepper/step/StepperStep.native.js.map +1 -1
- package/lib/components/switch/Switch.native.js +3 -4
- package/lib/components/switch/Switch.native.js.map +1 -1
- package/lib/components/table/Table.native.js +1 -1
- package/lib/components/table/Table.native.js.map +1 -1
- package/lib/components/table/body/TableBodyPropsDefaults.js +28 -40
- package/lib/components/table/head/TableHeadPropsDefaults.js +28 -40
- package/lib/components/table/td/TableTd.native.js +2 -2
- package/lib/components/table/td/TableTd.native.js.map +1 -1
- package/lib/components/table/th/TableTh.native.js +2 -2
- package/lib/components/table/th/TableTh.native.js.map +1 -1
- package/lib/components/table/tr/TableTr.native.js +1 -1
- package/lib/components/table/tr/TableTr.native.js.map +1 -1
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +14 -20
- package/lib/components/tabs/TabsPropsDefaults.js +2 -2
- package/lib/components/tabs/item/TabsItem.native.js +1 -1
- package/lib/components/tag/Tag.native.js +3 -2
- package/lib/components/tag/Tag.native.js.map +1 -1
- package/lib/components/text/Text.native.js +9 -8
- package/lib/components/text/Text.native.js.map +1 -1
- package/lib/components/text/TextEnum.d.ts +5 -5
- package/lib/components/text/TextEnum.js +4 -4
- package/lib/components/text/TextEnum.js.map +1 -1
- package/lib/components/text/TextPropsDefaults.js +4 -8
- package/lib/components/textarea/Textarea.native.js +11 -11
- package/lib/components/textarea/Textarea.native.js.map +1 -1
- package/lib/components/timeline/content/TimelineContent.native.js +1 -1
- package/lib/components/timeline/marker/TimelineMarker.native.js +5 -5
- package/lib/components/timeline/marker/TimelineMarker.native.js.map +1 -1
- package/lib/components/title/Title.native.js +10 -9
- package/lib/components/title/Title.native.js.map +1 -1
- package/lib/components/title/TitleEnum.d.ts +7 -7
- package/lib/components/title/TitleEnum.js +6 -6
- package/lib/components/title/TitleEnum.js.map +1 -1
- package/lib/components/title/TitlePropsDefaults.js +6 -12
- package/lib/components/view/ViewPropsDefaults.js +14 -21
- package/lib/objects/Typography/TypographyColor.js +18 -18
- package/lib/objects/Typography/TypographyColor.js.map +1 -1
- package/lib/objects/atoms/Background.d.ts +2 -17
- package/lib/objects/atoms/Background.js +1 -17
- package/lib/objects/atoms/Background.js.map +1 -1
- package/lib/objects/facets/Color.d.ts +8 -11
- package/lib/objects/facets/Color.js +29 -32
- package/lib/objects/facets/Color.js.map +1 -1
- package/lib/objects/facets/Status.d.ts +29 -2
- package/lib/objects/facets/Status.js +14 -14
- package/lib/objects/facets/Status.js.map +1 -1
- package/lib/objects/facets/Variant.js +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/components/toaster/Toaster.d.ts +0 -11
- package/lib/components/toaster/Toaster.js +0 -93
- package/lib/components/toaster/Toaster.js.map +0 -1
- package/lib/components/toaster/Toaster.native.d.ts +0 -15
- package/lib/components/toaster/Toaster.native.js +0 -93
- package/lib/components/toaster/Toaster.native.js.map +0 -1
- package/lib/components/toaster/ToasterEnum.d.ts +0 -1
- package/lib/components/toaster/ToasterEnum.js +0 -16
- package/lib/components/toaster/ToasterEnum.js.map +0 -1
- package/lib/components/toaster/ToasterProps.d.ts +0 -27
- package/lib/components/toaster/ToasterProps.js +0 -6
- package/lib/components/toaster/ToasterProps.js.map +0 -1
- package/lib/components/toaster/ToasterPropsDefaults.js +0 -227
- package/lib/components/toaster/context/ToastConfigDefaults.js +0 -24
- package/lib/components/toaster/context/ToastPropsDefaults.js +0 -129
- package/lib/components/toaster/context/ToasterContext.d.ts +0 -7
- package/lib/components/toaster/context/ToasterContext.js +0 -8
- package/lib/components/toaster/context/ToasterContext.js.map +0 -1
- package/lib/components/toaster/context/ToasterContextProps.d.ts +0 -27
- package/lib/components/toaster/context/ToasterContextProps.js +0 -2
- package/lib/components/toaster/context/ToasterContextProps.js.map +0 -1
- package/lib/components/toaster/context/index.d.ts +0 -2
- package/lib/components/toaster/context/index.js +0 -3
- package/lib/components/toaster/context/index.js.map +0 -1
- package/lib/components/toaster/index.d.ts +0 -3
- package/lib/components/toaster/index.js +0 -4
- package/lib/components/toaster/index.js.map +0 -1
|
@@ -54,41 +54,35 @@ export default {
|
|
|
54
54
|
"WARNING",
|
|
55
55
|
"ERROR",
|
|
56
56
|
"WHITE",
|
|
57
|
-
"FADE_WHITE",
|
|
58
57
|
"MAIN",
|
|
59
|
-
"
|
|
58
|
+
"MAIN_FADE",
|
|
60
59
|
"ACCENT",
|
|
61
|
-
"FADE_ACCENT",
|
|
62
60
|
"FONT",
|
|
63
|
-
"FADE_FONT",
|
|
64
61
|
"SUCCESS",
|
|
65
|
-
"
|
|
62
|
+
"SUCCESS_FADE",
|
|
66
63
|
"INFO",
|
|
67
|
-
"
|
|
64
|
+
"INFO_FADE",
|
|
68
65
|
"WARNING",
|
|
69
|
-
"
|
|
66
|
+
"WARNING_FADE",
|
|
70
67
|
"ERROR",
|
|
71
|
-
"
|
|
68
|
+
"ERROR_FADE",
|
|
72
69
|
"DISABLED",
|
|
73
|
-
"
|
|
70
|
+
"DISABLED_FADE",
|
|
74
71
|
"NEUTRAL",
|
|
75
|
-
"
|
|
72
|
+
"NEUTRAL_FADE",
|
|
76
73
|
"WHITE",
|
|
77
|
-
"FADE_WHITE",
|
|
78
74
|
"MAIN",
|
|
79
|
-
"
|
|
75
|
+
"MAIN_FADE",
|
|
80
76
|
"ACCENT",
|
|
81
|
-
"FADE_ACCENT",
|
|
82
77
|
"FONT",
|
|
83
|
-
"
|
|
84
|
-
"
|
|
85
|
-
"
|
|
86
|
-
"
|
|
87
|
-
"FADE_ERROR",
|
|
78
|
+
"SUCCESS_FADE",
|
|
79
|
+
"INFO_FADE",
|
|
80
|
+
"WARNING_FADE",
|
|
81
|
+
"ERROR_FADE",
|
|
88
82
|
"DISABLED",
|
|
89
|
-
"
|
|
83
|
+
"DISABLED_FADE",
|
|
90
84
|
"NEUTRAL",
|
|
91
|
-
"
|
|
85
|
+
"NEUTRAL_FADE"
|
|
92
86
|
]
|
|
93
87
|
},
|
|
94
88
|
"shadowless": {
|
|
@@ -139,42 +133,35 @@ export default {
|
|
|
139
133
|
"WARNING",
|
|
140
134
|
"ERROR",
|
|
141
135
|
"WHITE",
|
|
142
|
-
"FADE_WHITE",
|
|
143
136
|
"MAIN",
|
|
144
|
-
"
|
|
137
|
+
"MAIN_FADE",
|
|
145
138
|
"ACCENT",
|
|
146
|
-
"FADE_ACCENT",
|
|
147
139
|
"FONT",
|
|
148
|
-
"FADE_FONT",
|
|
149
140
|
"SUCCESS",
|
|
150
|
-
"
|
|
141
|
+
"SUCCESS_FADE",
|
|
151
142
|
"INFO",
|
|
152
|
-
"
|
|
143
|
+
"INFO_FADE",
|
|
153
144
|
"WARNING",
|
|
154
|
-
"
|
|
145
|
+
"WARNING_FADE",
|
|
155
146
|
"ERROR",
|
|
156
|
-
"
|
|
147
|
+
"ERROR_FADE",
|
|
157
148
|
"DISABLED",
|
|
158
|
-
"
|
|
149
|
+
"DISABLED_FADE",
|
|
159
150
|
"NEUTRAL",
|
|
160
|
-
"
|
|
151
|
+
"NEUTRAL_FADE",
|
|
161
152
|
"WHITE",
|
|
162
|
-
"FADE_WHITE",
|
|
163
153
|
"MAIN",
|
|
164
|
-
"
|
|
154
|
+
"MAIN_FADE",
|
|
165
155
|
"ACCENT",
|
|
166
|
-
"FADE_ACCENT",
|
|
167
156
|
"FONT",
|
|
168
|
-
"
|
|
169
|
-
"
|
|
170
|
-
"
|
|
171
|
-
"
|
|
172
|
-
"FADE_ERROR",
|
|
157
|
+
"SUCCESS_FADE",
|
|
158
|
+
"INFO_FADE",
|
|
159
|
+
"WARNING_FADE",
|
|
160
|
+
"ERROR_FADE",
|
|
173
161
|
"DISABLED",
|
|
174
|
-
"
|
|
162
|
+
"DISABLED_FADE",
|
|
175
163
|
"NEUTRAL",
|
|
176
|
-
"
|
|
177
|
-
"TrilogyColor; fade: boolean; }"
|
|
164
|
+
"NEUTRAL_FADE"
|
|
178
165
|
]
|
|
179
166
|
},
|
|
180
167
|
"inverted": {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StyleSheet, Text, View } from "react-native";
|
|
3
|
-
import { getBackgroundStyle } from "../../../objects/atoms/Background";
|
|
4
3
|
import { ComponentName } from "../../../components/enumsComponentsName";
|
|
4
|
+
import { getColorStyle } from "../../../objects";
|
|
5
5
|
/**
|
|
6
6
|
* Box Content Component
|
|
7
7
|
* @param children {React.ReactNode} Childrens
|
|
@@ -12,9 +12,7 @@ const BoxContent = ({ children, backgroundColor, ...others }) => {
|
|
|
12
12
|
boxContent: {
|
|
13
13
|
padding: 16,
|
|
14
14
|
justifyContent: "center",
|
|
15
|
-
backgroundColor: backgroundColor
|
|
16
|
-
? getBackgroundStyle(backgroundColor)
|
|
17
|
-
: "transparent",
|
|
15
|
+
backgroundColor: backgroundColor && getColorStyle(backgroundColor) || "transparent",
|
|
18
16
|
borderRadius: 6,
|
|
19
17
|
},
|
|
20
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BoxContent.native.js","sourceRoot":"","sources":["../../../../components/box/content/BoxContent.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"BoxContent.native.js","sourceRoot":"","sources":["../../../../components/box/content/BoxContent.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEzC;;;;GAIG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,eAAe,EACf,GAAG,MAAM,EACO,EAAe,EAAE;IACjC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,UAAU,EAAE;YACV,OAAO,EAAE,EAAE;YACX,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,eAAe,IAAI,aAAa,CAAC,eAAe,CAAC,IAAI,aAAa;YACnF,YAAY,EAAE,CAAC;SAChB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,KAAM,MAAM,IACzC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CACxB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}
|
|
@@ -29,42 +29,35 @@ export default {
|
|
|
29
29
|
"WARNING",
|
|
30
30
|
"ERROR",
|
|
31
31
|
"WHITE",
|
|
32
|
-
"FADE_WHITE",
|
|
33
32
|
"MAIN",
|
|
34
|
-
"
|
|
33
|
+
"MAIN_FADE",
|
|
35
34
|
"ACCENT",
|
|
36
|
-
"FADE_ACCENT",
|
|
37
35
|
"FONT",
|
|
38
|
-
"FADE_FONT",
|
|
39
36
|
"SUCCESS",
|
|
40
|
-
"
|
|
37
|
+
"SUCCESS_FADE",
|
|
41
38
|
"INFO",
|
|
42
|
-
"
|
|
39
|
+
"INFO_FADE",
|
|
43
40
|
"WARNING",
|
|
44
|
-
"
|
|
41
|
+
"WARNING_FADE",
|
|
45
42
|
"ERROR",
|
|
46
|
-
"
|
|
43
|
+
"ERROR_FADE",
|
|
47
44
|
"DISABLED",
|
|
48
|
-
"
|
|
45
|
+
"DISABLED_FADE",
|
|
49
46
|
"NEUTRAL",
|
|
50
|
-
"
|
|
47
|
+
"NEUTRAL_FADE",
|
|
51
48
|
"WHITE",
|
|
52
|
-
"FADE_WHITE",
|
|
53
49
|
"MAIN",
|
|
54
|
-
"
|
|
50
|
+
"MAIN_FADE",
|
|
55
51
|
"ACCENT",
|
|
56
|
-
"FADE_ACCENT",
|
|
57
52
|
"FONT",
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
"FADE_ERROR",
|
|
53
|
+
"SUCCESS_FADE",
|
|
54
|
+
"INFO_FADE",
|
|
55
|
+
"WARNING_FADE",
|
|
56
|
+
"ERROR_FADE",
|
|
63
57
|
"DISABLED",
|
|
64
|
-
"
|
|
58
|
+
"DISABLED_FADE",
|
|
65
59
|
"NEUTRAL",
|
|
66
|
-
"
|
|
67
|
-
"TrilogyColor; fade: boolean; }"
|
|
60
|
+
"NEUTRAL_FADE"
|
|
68
61
|
]
|
|
69
62
|
},
|
|
70
63
|
"backgroundSrc": {
|
|
@@ -29,41 +29,35 @@ export default {
|
|
|
29
29
|
"WARNING",
|
|
30
30
|
"ERROR",
|
|
31
31
|
"WHITE",
|
|
32
|
-
"FADE_WHITE",
|
|
33
32
|
"MAIN",
|
|
34
|
-
"
|
|
33
|
+
"MAIN_FADE",
|
|
35
34
|
"ACCENT",
|
|
36
|
-
"FADE_ACCENT",
|
|
37
35
|
"FONT",
|
|
38
|
-
"FADE_FONT",
|
|
39
36
|
"SUCCESS",
|
|
40
|
-
"
|
|
37
|
+
"SUCCESS_FADE",
|
|
41
38
|
"INFO",
|
|
42
|
-
"
|
|
39
|
+
"INFO_FADE",
|
|
43
40
|
"WARNING",
|
|
44
|
-
"
|
|
41
|
+
"WARNING_FADE",
|
|
45
42
|
"ERROR",
|
|
46
|
-
"
|
|
43
|
+
"ERROR_FADE",
|
|
47
44
|
"DISABLED",
|
|
48
|
-
"
|
|
45
|
+
"DISABLED_FADE",
|
|
49
46
|
"NEUTRAL",
|
|
50
|
-
"
|
|
47
|
+
"NEUTRAL_FADE",
|
|
51
48
|
"WHITE",
|
|
52
|
-
"FADE_WHITE",
|
|
53
49
|
"MAIN",
|
|
54
|
-
"
|
|
50
|
+
"MAIN_FADE",
|
|
55
51
|
"ACCENT",
|
|
56
|
-
"FADE_ACCENT",
|
|
57
52
|
"FONT",
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
"FADE_ERROR",
|
|
53
|
+
"SUCCESS_FADE",
|
|
54
|
+
"INFO_FADE",
|
|
55
|
+
"WARNING_FADE",
|
|
56
|
+
"ERROR_FADE",
|
|
63
57
|
"DISABLED",
|
|
64
|
-
"
|
|
58
|
+
"DISABLED_FADE",
|
|
65
59
|
"NEUTRAL",
|
|
66
|
-
"
|
|
60
|
+
"NEUTRAL_FADE"
|
|
67
61
|
]
|
|
68
62
|
},
|
|
69
63
|
"testId": {
|
|
@@ -36,41 +36,35 @@ export default {
|
|
|
36
36
|
"WARNING",
|
|
37
37
|
"ERROR",
|
|
38
38
|
"WHITE",
|
|
39
|
-
"FADE_WHITE",
|
|
40
39
|
"MAIN",
|
|
41
|
-
"
|
|
40
|
+
"MAIN_FADE",
|
|
42
41
|
"ACCENT",
|
|
43
|
-
"FADE_ACCENT",
|
|
44
42
|
"FONT",
|
|
45
|
-
"FADE_FONT",
|
|
46
43
|
"SUCCESS",
|
|
47
|
-
"
|
|
44
|
+
"SUCCESS_FADE",
|
|
48
45
|
"INFO",
|
|
49
|
-
"
|
|
46
|
+
"INFO_FADE",
|
|
50
47
|
"WARNING",
|
|
51
|
-
"
|
|
48
|
+
"WARNING_FADE",
|
|
52
49
|
"ERROR",
|
|
53
|
-
"
|
|
50
|
+
"ERROR_FADE",
|
|
54
51
|
"DISABLED",
|
|
55
|
-
"
|
|
52
|
+
"DISABLED_FADE",
|
|
56
53
|
"NEUTRAL",
|
|
57
|
-
"
|
|
54
|
+
"NEUTRAL_FADE",
|
|
58
55
|
"WHITE",
|
|
59
|
-
"FADE_WHITE",
|
|
60
56
|
"MAIN",
|
|
61
|
-
"
|
|
57
|
+
"MAIN_FADE",
|
|
62
58
|
"ACCENT",
|
|
63
|
-
"FADE_ACCENT",
|
|
64
59
|
"FONT",
|
|
65
|
-
"
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"
|
|
69
|
-
"FADE_ERROR",
|
|
60
|
+
"SUCCESS_FADE",
|
|
61
|
+
"INFO_FADE",
|
|
62
|
+
"WARNING_FADE",
|
|
63
|
+
"ERROR_FADE",
|
|
70
64
|
"DISABLED",
|
|
71
|
-
"
|
|
65
|
+
"DISABLED_FADE",
|
|
72
66
|
"NEUTRAL",
|
|
73
|
-
"
|
|
67
|
+
"NEUTRAL_FADE"
|
|
74
68
|
]
|
|
75
69
|
},
|
|
76
70
|
"pulledLeft": {
|
|
@@ -20,7 +20,7 @@ import { getTypographyBoldStyle, TypographyBold } from "../../objects";
|
|
|
20
20
|
*/
|
|
21
21
|
const Button = ({ children, variant, onClick, disabled, loading, fullwidth, testId, accessibilityLabel, iconName, ...others }) => {
|
|
22
22
|
const findBackgroundColor = ({ disabled, loading, variant, }) => {
|
|
23
|
-
return ((disabled && getColorStyle(TrilogyColor.
|
|
23
|
+
return ((disabled && getColorStyle(TrilogyColor.NEUTRAL_FADE)) ||
|
|
24
24
|
(typeof loading === "string" &&
|
|
25
25
|
getLoadingClassName(loading) === "loading" &&
|
|
26
26
|
getButtonColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
@@ -29,11 +29,11 @@ const Button = ({ children, variant, onClick, disabled, loading, fullwidth, test
|
|
|
29
29
|
getColorStyle(TrilogyColor.NEUTRAL)) ||
|
|
30
30
|
(variant === ButtonVariant.PRIMARY && getColorStyle(TrilogyColor.MAIN)) ||
|
|
31
31
|
(variant === ButtonVariant.SECONDARY &&
|
|
32
|
-
getColorStyle(TrilogyColor.
|
|
32
|
+
getColorStyle(TrilogyColor.MAIN_FADE)) ||
|
|
33
33
|
(variant === ButtonVariant.CONVERSION &&
|
|
34
|
-
getColorStyle(TrilogyColor.ACCENT
|
|
34
|
+
getColorStyle(TrilogyColor.ACCENT)) ||
|
|
35
35
|
(variant === ButtonVariant.GHOST && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
36
|
-
getColorStyle(TrilogyColor.
|
|
36
|
+
getColorStyle(TrilogyColor.MAIN_FADE));
|
|
37
37
|
};
|
|
38
38
|
const findTextColor = ({ variant }) => {
|
|
39
39
|
return ((variant &&
|
|
@@ -53,15 +53,15 @@ const Button = ({ children, variant, onClick, disabled, loading, fullwidth, test
|
|
|
53
53
|
const findBorderColor = ({ disabled, variant, loading, }) => {
|
|
54
54
|
return ((disabled &&
|
|
55
55
|
variant === ButtonVariant.PRIMARY &&
|
|
56
|
-
getColorStyle(TrilogyColor.DISABLED
|
|
56
|
+
getColorStyle(TrilogyColor.DISABLED)) ||
|
|
57
57
|
(!disabled &&
|
|
58
58
|
!!loading &&
|
|
59
59
|
variant === ButtonVariant.PRIMARY &&
|
|
60
|
-
getColorStyle(TrilogyColor.DISABLED
|
|
60
|
+
getColorStyle(TrilogyColor.DISABLED)) ||
|
|
61
61
|
(!disabled &&
|
|
62
62
|
variant === ButtonVariant.PRIMARY &&
|
|
63
|
-
getColorStyle(TrilogyColor.
|
|
64
|
-
getColorStyle(TrilogyColor.BACKGROUND
|
|
63
|
+
getColorStyle(TrilogyColor.INFO_FADE)) ||
|
|
64
|
+
getColorStyle(TrilogyColor.BACKGROUND));
|
|
65
65
|
};
|
|
66
66
|
const styles = StyleSheet.create({
|
|
67
67
|
button: {
|
|
@@ -90,14 +90,14 @@ const Button = ({ children, variant, onClick, disabled, loading, fullwidth, test
|
|
|
90
90
|
justifyContent: "center",
|
|
91
91
|
},
|
|
92
92
|
textDisabled: {
|
|
93
|
-
color: getColorStyle(TrilogyColor.
|
|
93
|
+
color: getColorStyle(TrilogyColor.DISABLED_FADE),
|
|
94
94
|
alignSelf: "center",
|
|
95
95
|
alignItems: "center",
|
|
96
96
|
fontWeight: "bold",
|
|
97
97
|
justifyContent: "center",
|
|
98
98
|
},
|
|
99
99
|
textDisabledIcon: {
|
|
100
|
-
color: getColorStyle(TrilogyColor.
|
|
100
|
+
color: getColorStyle(TrilogyColor.DISABLED_FADE),
|
|
101
101
|
alignSelf: "center",
|
|
102
102
|
alignItems: "center",
|
|
103
103
|
fontWeight: "bold",
|
|
@@ -155,19 +155,19 @@ const Button = ({ children, variant, onClick, disabled, loading, fullwidth, test
|
|
|
155
155
|
justifyContent: "center",
|
|
156
156
|
height: 45,
|
|
157
157
|
} },
|
|
158
|
-
React.createElement(ActivityIndicator, { color: getColorStyle(TrilogyColor.BACKGROUND), testID:
|
|
158
|
+
React.createElement(ActivityIndicator, { color: getColorStyle(TrilogyColor.BACKGROUND), testID: 'activity-indicator' }))),
|
|
159
159
|
loading && typeof loading === "boolean" && loading === true && (React.createElement(View, { style: {
|
|
160
160
|
alignItems: "center",
|
|
161
161
|
height: 45,
|
|
162
162
|
justifyContent: "center",
|
|
163
163
|
} },
|
|
164
|
-
React.createElement(ActivityIndicator, { color: getColorStyle(TrilogyColor.BACKGROUND), testID:
|
|
164
|
+
React.createElement(ActivityIndicator, { color: getColorStyle(TrilogyColor.BACKGROUND), testID: 'activity-indicator' }))),
|
|
165
165
|
loading &&
|
|
166
166
|
typeof loading === "string" &&
|
|
167
167
|
getLoadingClassName(loading) === "loaded" && (React.createElement(Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
|
|
168
168
|
!loading && children && typeof children === "string" && !iconName && (React.createElement(Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
|
|
169
169
|
!loading && children && typeof children === "string" && iconName && (React.createElement(View, { style: styles.buttonIconContainer },
|
|
170
|
-
!disabled ? (React.createElement(Icon, { name: iconName, size: IconSize.SMALL, color: iconColorVariant(variant), testId:
|
|
170
|
+
!disabled ? (React.createElement(Icon, { name: iconName, size: IconSize.SMALL, color: iconColorVariant(variant), testId: 'button-icon' })) : (React.createElement(Icon, { testId: 'button-icon', name: iconName, size: IconSize.SMALL, color: getColorStyle(TrilogyColor.DISABLED) })),
|
|
171
171
|
React.createElement(Text, { style: (!disabled && styles.buttonIconText) ||
|
|
172
172
|
(disabled && styles.textDisabledIcon) }, children)))));
|
|
173
173
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.native.js","sourceRoot":"","sources":["../../../components/button/Button.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,iBAAiB,EACjB,UAAU,EACV,IAAI,EACJ,gBAAgB,GACjB,MAAM,cAAc,CAAA;AACrB,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"Button.native.js","sourceRoot":"","sources":["../../../components/button/Button.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,iBAAiB,EACjB,UAAU,EACV,IAAI,EACJ,gBAAgB,GACjB,MAAM,cAAc,CAAA;AACrB,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAElE;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,QAAQ,EACR,GAAG,MAAM,EACG,EAAe,EAAE;IAE7B,MAAM,mBAAmB,GAAG,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,OAAO,GACK,EAAU,EAAE;QACxB,OAAO,CACL,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;YACtD,CAAC,OAAO,OAAO,KAAK,QAAQ;gBAC5B,mBAAmB,CAAC,OAAO,CAAC,KAAK,SAAS;gBAC1C,mBAAmB,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;YAC7C,CAAC,OAAO,OAAO,KAAK,SAAS;gBAC7B,OAAO;gBACP,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACpC,CAAC,OAAO,KAAK,aAAa,CAAC,OAAO,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACvE,CAAC,OAAO,KAAK,aAAa,CAAC,SAAS;gBAClC,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YACxC,CAAC,OAAO,KAAK,aAAa,CAAC,UAAU;gBACnC,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YACrC,CAAC,OAAO,KAAK,aAAa,CAAC,KAAK,IAAI,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;YAC3E,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CACtC,CAAA;IACH,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAe,EAAU,EAAE;QACzD,OAAO,CACL,CAAC,OAAO;YACN,mBAAmB,CAAC,OAAO,CAAC,KAAK,WAAW;YAC5C,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACnC,CAAC,OAAO;gBACN,mBAAmB,CAAC,OAAO,CAAC,KAAK,QAAQ;gBACzC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;YACzC,CAAC,OAAO;gBACN,mBAAmB,CAAC,OAAO,CAAC,KAAK,SAAS;gBAC1C,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;YACzC,CAAC,OAAO;gBACN,mBAAmB,CAAC,OAAO,CAAC,KAAK,OAAO;gBACxC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACnC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CACvC,CAAA;IACH,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,OAAO,EACP,OAAO,GACK,EAAU,EAAE;QACxB,OAAO,CACL,CAAC,QAAQ;YACP,OAAO,KAAK,aAAa,CAAC,OAAO;YACjC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;YACvC,CAAC,CAAC,QAAQ;gBACR,CAAC,CAAC,OAAO;gBACT,OAAO,KAAK,aAAa,CAAC,OAAO;gBACjC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;YACvC,CAAC,CAAC,QAAQ;gBACR,OAAO,KAAK,aAAa,CAAC,OAAO;gBACjC,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YACxC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CACvC,CAAA;IACH,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,MAAM,EAAE;YACN,QAAQ,EAAE,MAAM;YAChB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,OAAO,KAAK,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACvD,aAAa,EAAE,OAAO,KAAK,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YAC1D,WAAW,EAAE,OAAO,KAAK,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACxD,YAAY,EAAE,OAAO,KAAK,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACzD,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,mBAAmB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;YACpE,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,EAAE;YACb,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;YAC7B,WAAW,EAAE,eAAe,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;SAC7D;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,sBAAsB,CAAC,cAAc,CAAC,oBAAoB,CAAC;YACvE,KAAK,EAAE,QAAQ;gBACb,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;gBACxC,CAAC,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC;YAC9B,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM;YAClB,cAAc,EAAE,QAAQ;SACzB;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC;YAChD,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM;YAClB,cAAc,EAAE,QAAQ;SACzB;QACD,gBAAgB,EAAE;YAChB,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC;YAChD,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM;YAClB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,EAAE;SACf;QACD,SAAS,EAAE;YACT,SAAS,EAAE,SAAS;SACrB;QACD,mBAAmB,EAAE;YACnB,aAAa,EAAE,KAAK;YACpB,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM;YAClB,cAAc,EAAE,QAAQ;SACzB;QACD,cAAc,EAAE;YACd,KAAK,EAAE,QAAQ;gBACb,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;gBACxC,CAAC,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC;YAC9B,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM;YAClB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,CAAC;SACd;KACF,CAAC,CAAA;IAEF,MAAM,YAAY,GAAG,MAAM;QACzB,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,OAAO,QAAQ,KAAK,QAAQ;YAC9B,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,cAAc,CAAA;IAClB,MAAM,wBAAwB,GAAG,kBAAkB;QACjD,CAAC,CAAC,kBAAkB;QACpB,CAAC,CAAC,OAAO,QAAQ,KAAK,QAAQ;YAC9B,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,cAAc,CAAA;IAElB;;;;OAIG;IACH,MAAM,gBAAgB,GAAG,CAAC,WAAoB,EAAE,EAAE;QAChD,IAAI,WAAW,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC;YAC5D,OAAO,YAAY,CAAC,UAAU,CAAA;QAChC,IAAI,WAAW,KAAK,WAAW,IAAI,WAAW,KAAK,OAAO;YACxD,OAAO,YAAY,CAAC,IAAI,CAAA;QAC1B,OAAO,YAAY,CAAC,UAAU,CAAA;IAChC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,gBAAgB,IACf,UAAU,EAAE,CAAC,CAAC,wBAAwB,EACtC,kBAAkB,EAAE,wBAAwB,EAC5C,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,EACrD,OAAO,EAAE,CAAC,CAAW,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,KAClC,MAAM;QAET,OAAO;YACN,OAAO,OAAO,KAAK,QAAQ;YAC3B,mBAAmB,CAAC,OAAO,CAAC,KAAK,SAAS,IAAI,CAC5C,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,MAAM,EAAE,EAAE;aACX;YAED,oBAAC,iBAAiB,IAAC,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,MAAM,EAAC,oBAAoB,GAAG,CAC3F,CACR;QACF,OAAO,IAAI,OAAO,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,IAAI,CAC9D,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,EAAE;gBACV,cAAc,EAAE,QAAQ;aACzB;YAED,oBAAC,iBAAiB,IAAC,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,MAAM,EAAC,oBAAoB,GAAG,CAC3F,CACR;QACA,OAAO;YACN,OAAO,OAAO,KAAK,QAAQ;YAC3B,mBAAmB,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,CAC3C,oBAAC,IAAI,IACH,KAAK,EACH,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,YAAY,CAAC,IAGhE,QAAQ,CACJ,CACR;QACF,CAAC,OAAO,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAAC,QAAQ,IAAI,CACpE,oBAAC,IAAI,IACH,KAAK,EACH,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,YAAY,CAAC,IAGhE,QAAQ,CACJ,CACR;QACA,CAAC,OAAO,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,IAAI,CACnE,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,mBAAmB;YACpC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACX,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAChC,MAAM,EAAC,aAAa,GACpB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IACH,MAAM,EAAC,aAAa,EACpB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,GAC3C,CACH;YACD,oBAAC,IAAI,IACH,KAAK,EACH,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,cAAc,CAAC;oBACpC,CAAC,QAAQ,IAAI,MAAM,CAAC,gBAAgB,CAAC,IAGtC,QAAQ,CACJ,CACF,CACR,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,aAAa,CAAC,MAAM,CAAA;AAEzC,eAAe,MAAM,CAAA"}
|
|
@@ -3,12 +3,12 @@ import { AutoLayoutWrapper } from "../../../components/autolayout";
|
|
|
3
3
|
import { SpacerSize } from "../../../components/spacer";
|
|
4
4
|
import { SpacingMatrixMode } from "../../../components/autolayout/SpacingMatrix";
|
|
5
5
|
import { ComponentName } from "../../../components/enumsComponentsName";
|
|
6
|
-
const {
|
|
6
|
+
const { THREE, TWO } = SpacerSize;
|
|
7
7
|
const { INSERT_SPACE_BETWEEN } = SpacingMatrixMode;
|
|
8
8
|
const SPACING_MATRIX = [
|
|
9
|
-
[INSERT_SPACE_BETWEEN, "Button", "Divider",
|
|
10
|
-
[INSERT_SPACE_BETWEEN, "Divider", "Button",
|
|
11
|
-
[INSERT_SPACE_BETWEEN, "Button", "Button",
|
|
9
|
+
[INSERT_SPACE_BETWEEN, "Button", "Divider", TWO],
|
|
10
|
+
[INSERT_SPACE_BETWEEN, "Divider", "Button", TWO],
|
|
11
|
+
[INSERT_SPACE_BETWEEN, "Button", "Button", THREE],
|
|
12
12
|
];
|
|
13
13
|
/**
|
|
14
14
|
* ButtonList Native Component
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonList.native.js","sourceRoot":"","sources":["../../../../components/button/list/ButtonList.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAKzE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"ButtonList.native.js","sourceRoot":"","sources":["../../../../components/button/list/ButtonList.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAKzE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,UAAU,CAAA;AACjC,MAAM,EAAE,oBAAoB,EAAE,GAAG,iBAAiB,CAAA;AAElD,MAAM,cAAc,GAAkB;IACpC,CAAC,oBAAoB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC;IAChD,CAAC,oBAAoB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,CAAC;IAChD,CAAC,oBAAoB,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC;CAClD,CAAA;AAED;;;;GAIG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,UAAU,GAAG,cAAc,EAC3B,QAAQ,GACQ,EAAe,EAAE;IACjC,OAAO,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAI,CAAA;AAC5D,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}
|
|
@@ -3,7 +3,6 @@ import { Platform, StyleSheet, TouchableOpacity, View } from "react-native";
|
|
|
3
3
|
import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
|
|
4
4
|
import ContentLoader, { Rect } from "react-content-loader/native";
|
|
5
5
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
6
|
-
import { getBackgroundStyle } from "../../objects/atoms/Background";
|
|
7
6
|
import { StatesContext } from "../../context/providerStates";
|
|
8
7
|
export const CardContext = createContext({
|
|
9
8
|
floating: false,
|
|
@@ -41,7 +40,7 @@ const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgro
|
|
|
41
40
|
(active && getColorStyle(TrilogyColor.MAIN)) ||
|
|
42
41
|
"transparent",
|
|
43
42
|
borderRadius: cardRadius,
|
|
44
|
-
backgroundColor: backgroundColor ?
|
|
43
|
+
backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : colorBgc,
|
|
45
44
|
flex: fullheight ? 1 : 0,
|
|
46
45
|
},
|
|
47
46
|
horizontal: {
|
|
@@ -64,7 +63,7 @@ const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgro
|
|
|
64
63
|
skeleton: {
|
|
65
64
|
width: "100%",
|
|
66
65
|
minHeight: 50,
|
|
67
|
-
backgroundColor: getColorStyle(TrilogyColor.
|
|
66
|
+
backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
|
|
68
67
|
overflow: "hidden",
|
|
69
68
|
borderRadius: cardRadius,
|
|
70
69
|
},
|
|
@@ -72,7 +71,7 @@ const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgro
|
|
|
72
71
|
flexDirection: "column-reverse",
|
|
73
72
|
},
|
|
74
73
|
});
|
|
75
|
-
const CardSkeleton = () => (React.createElement(ContentLoader, { style: styles.skeleton, ...others, testID:
|
|
74
|
+
const CardSkeleton = () => (React.createElement(ContentLoader, { style: styles.skeleton, ...others, testID: 'skeleton-id' },
|
|
76
75
|
React.createElement(View, { style: { opacity: 0 } }, children),
|
|
77
76
|
Platform.OS === "android" && (React.createElement(View, null,
|
|
78
77
|
React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' })))));
|
|
@@ -81,10 +80,10 @@ const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgro
|
|
|
81
80
|
return React.createElement(CardSkeleton, null);
|
|
82
81
|
}
|
|
83
82
|
if (horizontal) {
|
|
84
|
-
cardView = React.createElement(View, { style: [styles.horizontal, styles.card], testID:
|
|
83
|
+
cardView = React.createElement(View, { style: [styles.horizontal, styles.card], testID: 'card-horizontal' }, children);
|
|
85
84
|
}
|
|
86
85
|
else if (reversed) {
|
|
87
|
-
cardView = React.createElement(View, { style: [styles.reversed, styles.card], testID:
|
|
86
|
+
cardView = React.createElement(View, { style: [styles.reversed, styles.card], testID: 'card-reversed' }, children);
|
|
88
87
|
}
|
|
89
88
|
else {
|
|
90
89
|
cardView = (React.createElement(View, { style: [styles.card], ...others }, children));
|
|
@@ -98,7 +97,7 @@ const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgro
|
|
|
98
97
|
active: active || false,
|
|
99
98
|
} },
|
|
100
99
|
React.createElement(View, { style: { width: "100%" } },
|
|
101
|
-
React.createElement(TouchableOpacity, { testID:
|
|
100
|
+
React.createElement(TouchableOpacity, { testID: 'card-click-test', style: { width: "100%" }, onPress: onClick, activeOpacity: 0.85 }, cardView))))) : (React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
|
|
102
101
|
React.createElement(CardContext.Provider, { value: {
|
|
103
102
|
floating: floating || false,
|
|
104
103
|
backgroundColor: backgroundColor || "white",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.native.js","sourceRoot":"","sources":["../../../components/card/Card.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE3E,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Card.native.js","sourceRoot":"","sources":["../../../components/card/Card.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -169,42 +169,35 @@ export default {
|
|
|
169
169
|
"WARNING",
|
|
170
170
|
"ERROR",
|
|
171
171
|
"WHITE",
|
|
172
|
-
"FADE_WHITE",
|
|
173
172
|
"MAIN",
|
|
174
|
-
"
|
|
173
|
+
"MAIN_FADE",
|
|
175
174
|
"ACCENT",
|
|
176
|
-
"FADE_ACCENT",
|
|
177
175
|
"FONT",
|
|
178
|
-
"FADE_FONT",
|
|
179
176
|
"SUCCESS",
|
|
180
|
-
"
|
|
177
|
+
"SUCCESS_FADE",
|
|
181
178
|
"INFO",
|
|
182
|
-
"
|
|
179
|
+
"INFO_FADE",
|
|
183
180
|
"WARNING",
|
|
184
|
-
"
|
|
181
|
+
"WARNING_FADE",
|
|
185
182
|
"ERROR",
|
|
186
|
-
"
|
|
183
|
+
"ERROR_FADE",
|
|
187
184
|
"DISABLED",
|
|
188
|
-
"
|
|
185
|
+
"DISABLED_FADE",
|
|
189
186
|
"NEUTRAL",
|
|
190
|
-
"
|
|
187
|
+
"NEUTRAL_FADE",
|
|
191
188
|
"WHITE",
|
|
192
|
-
"FADE_WHITE",
|
|
193
189
|
"MAIN",
|
|
194
|
-
"
|
|
190
|
+
"MAIN_FADE",
|
|
195
191
|
"ACCENT",
|
|
196
|
-
"FADE_ACCENT",
|
|
197
192
|
"FONT",
|
|
198
|
-
"
|
|
199
|
-
"
|
|
200
|
-
"
|
|
201
|
-
"
|
|
202
|
-
"FADE_ERROR",
|
|
193
|
+
"SUCCESS_FADE",
|
|
194
|
+
"INFO_FADE",
|
|
195
|
+
"WARNING_FADE",
|
|
196
|
+
"ERROR_FADE",
|
|
203
197
|
"DISABLED",
|
|
204
|
-
"
|
|
198
|
+
"DISABLED_FADE",
|
|
205
199
|
"NEUTRAL",
|
|
206
|
-
"
|
|
207
|
-
"TrilogyColor; fade: boolean; }"
|
|
200
|
+
"NEUTRAL_FADE"
|
|
208
201
|
]
|
|
209
202
|
},
|
|
210
203
|
"backgroundSrc": {
|
|
@@ -47,14 +47,14 @@ const CardContent = ({ children, titleSup, title, text, buttonText, buttonClick,
|
|
|
47
47
|
return (React.createElement(View, { style: styles.card, ...others }, children));
|
|
48
48
|
}
|
|
49
49
|
const cardContent = (React.createElement(View, { style: styles.card, ...others },
|
|
50
|
-
titleSup && React.createElement(Title, { overline: true, testId:
|
|
51
|
-
title && React.createElement(Title, { level: TitleLevels.ONE, testId:
|
|
50
|
+
titleSup && React.createElement(Title, { overline: true, testId: 'titleSup-id' }, titleSup),
|
|
51
|
+
title && React.createElement(Title, { level: TitleLevels.ONE, testId: 'title-id' }, title),
|
|
52
52
|
text && (React.createElement(React.Fragment, null,
|
|
53
53
|
React.createElement(View, { style: { marginBottom: 16 } }),
|
|
54
54
|
React.createElement(Text, { style: styles.text }, text))),
|
|
55
55
|
buttonText && (React.createElement(React.Fragment, null,
|
|
56
56
|
React.createElement(View, { style: { marginBottom: 16 } }),
|
|
57
|
-
React.createElement(Button, { variant: buttonVariant, onClick: buttonClick, testId:
|
|
57
|
+
React.createElement(Button, { variant: buttonVariant, onClick: buttonClick, testId: 'button-id' }, buttonText)))));
|
|
58
58
|
return onClick ? (React.createElement(View, { style: styles.view },
|
|
59
59
|
React.createElement(TouchableOpacity, { style: { width: "100%" }, onPress: onClick, activeOpacity: 0.85 }, cardContent))) : (cardContent);
|
|
60
60
|
};
|