@trilogy-ds/react 0.0.1-beta-73 → 0.0.1-beta-75
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/body/AccordionBody.d.ts +0 -1
- package/lib/components/accordion/body/AccordionBody.js +0 -1
- package/lib/components/accordion/body/AccordionBody.js.map +1 -1
- package/lib/components/accordion/body/AccordionBodyProps.d.ts +0 -1
- package/lib/components/accordion/body/AccordionBodyPropsDefaults.js +0 -7
- package/lib/components/alert/Alert.d.ts +4 -5
- package/lib/components/alert/Alert.js +10 -11
- package/lib/components/alert/Alert.js.map +1 -1
- package/lib/components/alert/Alert.native.d.ts +6 -6
- package/lib/components/alert/Alert.native.js +13 -13
- package/lib/components/alert/Alert.native.js.map +1 -1
- package/lib/components/alert/AlertProps.d.ts +3 -4
- package/lib/components/alert/AlertPropsDefaults.js +1 -8
- package/lib/components/alert/{ToasterAlertPropsDefaults.js → ToasterStatusPropsDefaults.js} +1 -16
- package/lib/components/alert/context/ToastPropsDefaults.js +1 -1
- package/lib/components/alert/context/ToasterContextProps.d.ts +3 -3
- package/lib/components/badge/Badge.d.ts +1 -2
- package/lib/components/badge/Badge.js +3 -8
- package/lib/components/badge/Badge.js.map +1 -1
- package/lib/components/badge/Badge.native.d.ts +1 -2
- package/lib/components/badge/Badge.native.js +2 -5
- package/lib/components/badge/Badge.native.js.map +1 -1
- package/lib/components/badge/BadgeProps.d.ts +1 -2
- package/lib/components/badge/BadgePropsDefaults.js +0 -8
- package/lib/components/box/Box.d.ts +2 -2
- package/lib/components/box/Box.js +3 -3
- package/lib/components/box/Box.js.map +1 -1
- package/lib/components/box/Box.native.d.ts +2 -2
- package/lib/components/box/Box.native.js +9 -9
- package/lib/components/box/Box.native.js.map +1 -1
- package/lib/components/box/BoxProps.d.ts +1 -1
- package/lib/components/box/BoxPropsDefaults.js +43 -15
- package/lib/components/box/content/BoxContentPropsDefaults.js +21 -7
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +21 -7
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +21 -7
- package/lib/components/card/Card.d.ts +3 -0
- package/lib/components/card/Card.js +3 -2
- package/lib/components/card/Card.js.map +1 -1
- package/lib/components/card/Card.native.js +1 -1
- package/lib/components/card/Card.native.js.map +1 -1
- package/lib/components/card/CardPropsDefaults.js +21 -7
- package/lib/components/card/content/CardContent.native.d.ts +0 -1
- package/lib/components/card/content/CardContent.native.js +0 -1
- package/lib/components/card/content/CardContent.native.js.map +1 -1
- package/lib/components/card/content/CardContentProps.d.ts +0 -1
- package/lib/components/card/content/CardContentPropsDefaults.js +0 -8
- package/lib/components/card/image/CardImage.d.ts +0 -1
- package/lib/components/card/image/CardImage.js +0 -1
- package/lib/components/card/image/CardImage.js.map +1 -1
- package/lib/components/card/image/CardImage.native.d.ts +1 -1
- package/lib/components/card/image/CardImage.native.js +2 -1
- package/lib/components/card/image/CardImage.native.js.map +1 -1
- package/lib/components/card/image/CardImageProps.d.ts +0 -2
- package/lib/components/card/image/CardImagePropsDefaults.js +0 -8
- package/lib/components/chips/Chips.d.ts +1 -2
- package/lib/components/chips/Chips.js +4 -6
- package/lib/components/chips/Chips.js.map +1 -1
- package/lib/components/chips/Chips.native.d.ts +1 -2
- package/lib/components/chips/Chips.native.js +2 -4
- package/lib/components/chips/Chips.native.js.map +1 -1
- package/lib/components/chips/ChipsProps.d.ts +0 -1
- package/lib/components/chips/ChipsPropsDefaults.js +0 -8
- package/lib/components/chips/list/ChipsList.js +1 -1
- package/lib/components/chips/list/ChipsList.js.map +1 -1
- package/lib/components/columns/Columns.d.ts +0 -1
- package/lib/components/columns/Columns.js +2 -3
- package/lib/components/columns/Columns.js.map +1 -1
- package/lib/components/columns/ColumnsProps.d.ts +1 -3
- package/lib/components/columns/ColumnsPropsDefaults.js +0 -17
- package/lib/components/columns/item/ColumnsItem.native.js +3 -0
- package/lib/components/columns/item/ColumnsItem.native.js.map +1 -1
- package/lib/components/container/ContainerPropsDefaults.js +21 -7
- package/lib/components/countdown/Countdown.d.ts +2 -1
- package/lib/components/countdown/Countdown.js +3 -2
- package/lib/components/countdown/Countdown.js.map +1 -1
- package/lib/components/countdown/Countdown.native.d.ts +2 -1
- package/lib/components/countdown/Countdown.native.js +3 -2
- package/lib/components/countdown/Countdown.native.js.map +1 -1
- package/lib/components/countdown/CountdownProps.d.ts +1 -0
- package/lib/components/countdown/CountdownPropsDefaults.js +8 -0
- package/lib/components/divider/DividerPropsDefaults.js +63 -21
- package/lib/components/enumsComponentsName.d.ts +1 -1
- package/lib/components/enumsComponentsName.js +1 -1
- package/lib/components/enumsComponentsName.js.map +1 -1
- package/lib/components/fab/FabProps.d.ts +2 -2
- package/lib/components/fab/FabPropsDefaults.js +0 -16
- package/lib/components/hero/Hero.native.js +1 -1
- package/lib/components/hero/Hero.native.js.map +1 -1
- package/lib/components/hero/HeroPropsDefaults.js +21 -7
- package/lib/components/icon/Icon.native.js +1 -1
- package/lib/components/icon/Icon.native.js.map +1 -1
- package/lib/components/icon/IconPropsDefaults.js +21 -7
- package/lib/components/icon/circle/CircleIconPropsDefaults.js +21 -7
- package/lib/components/input/Input.native.js +16 -16
- package/lib/components/input/Input.native.js.map +1 -1
- package/lib/components/input/gauge/hook/useGauge.js +1 -1
- package/lib/components/input/gauge/hook/useGauge.js.map +1 -1
- package/lib/components/link/Link.js +2 -2
- package/lib/components/link/Link.js.map +1 -1
- package/lib/components/link/Link.native.d.ts +0 -1
- package/lib/components/link/Link.native.js +0 -1
- package/lib/components/link/Link.native.js.map +1 -1
- package/lib/components/link/LinkProps.d.ts +0 -1
- package/lib/components/link/LinkPropsDefaults.js +0 -8
- package/lib/components/list/item/ListItem.native.js +1 -1
- package/lib/components/list/item/ListItem.native.js.map +1 -1
- package/lib/components/modal/ModalPropsDefaults.js +1 -1
- package/lib/components/modal/title/ModalTitlePropsDefaults.js +1 -1
- package/lib/components/otp/Otp.d.ts +0 -12
- package/lib/components/otp/Otp.js +77 -98
- package/lib/components/otp/Otp.js.map +1 -1
- package/lib/components/price/Price.d.ts +1 -1
- package/lib/components/price/Price.js +2 -2
- package/lib/components/price/Price.js.map +1 -1
- package/lib/components/price/Price.native.d.ts +1 -2
- package/lib/components/price/Price.native.js +3 -5
- package/lib/components/price/Price.native.js.map +1 -1
- package/lib/components/price/PriceProps.d.ts +5 -5
- package/lib/components/price/PricePropsDefaults.js +0 -21
- package/lib/components/progress/Progress.d.ts +1 -1
- package/lib/components/progress/Progress.js +4 -4
- package/lib/components/progress/Progress.js.map +1 -1
- package/lib/components/progress/Progress.native.d.ts +2 -2
- package/lib/components/progress/Progress.native.js +5 -5
- package/lib/components/progress/Progress.native.js.map +1 -1
- package/lib/components/progress/ProgressProps.d.ts +2 -2
- package/lib/components/progress/ProgressPropsDefaults.js +1 -1
- package/lib/components/progress/item/ProgressItem.d.ts +1 -1
- package/lib/components/progress/item/ProgressItem.js +4 -4
- package/lib/components/progress/item/ProgressItem.js.map +1 -1
- package/lib/components/progress/item/ProgressItem.native.d.ts +2 -2
- package/lib/components/progress/item/ProgressItem.native.js +2 -2
- package/lib/components/progress/item/ProgressItem.native.js.map +1 -1
- package/lib/components/progress/item/ProgressItemProps.d.ts +2 -2
- package/lib/components/progress/item/ProgressItemPropsDefaults.js +1 -1
- package/lib/components/progress/radial/ProgressRadial.js +2 -1
- package/lib/components/progress/radial/ProgressRadial.js.map +1 -1
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +3 -3
- package/lib/components/progress/radial/ProgressRadial.native.js +9 -9
- package/lib/components/progress/radial/ProgressRadial.native.js.map +1 -1
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +3 -3
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +2 -2
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +10 -3
- package/lib/components/range/Range.js +1 -1
- package/lib/components/range/Range.js.map +1 -1
- package/lib/components/rows/Rows.d.ts +1 -0
- package/lib/components/rows/Rows.js +4 -2
- package/lib/components/rows/Rows.js.map +1 -1
- package/lib/components/rows/Rows.native.d.ts +5 -2
- package/lib/components/rows/Rows.native.js +4 -2
- package/lib/components/rows/Rows.native.js.map +1 -1
- package/lib/components/rows/RowsProps.d.ts +1 -0
- package/lib/components/rows/RowsPropsDefaults.js +8 -0
- package/lib/components/rows/item/RowItem.native.js +3 -1
- package/lib/components/rows/item/RowItem.native.js.map +1 -1
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +21 -7
- package/lib/components/section/Section.js +1 -1
- package/lib/components/section/Section.js.map +1 -1
- package/lib/components/section/SectionProps.d.ts +2 -2
- package/lib/components/section/SectionPropsDefaults.js +21 -23
- 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/SegmentControlProps.d.ts +1 -4
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +0 -46
- package/lib/components/segment-control/item/SegmentControlItem.native.js +1 -1
- package/lib/components/segment-control/item/SegmentControlItem.native.js.map +1 -1
- package/lib/components/sticker/Sticker.d.ts +2 -2
- package/lib/components/sticker/Sticker.js +3 -3
- package/lib/components/sticker/Sticker.js.map +1 -1
- package/lib/components/switch/Switch.d.ts +2 -2
- package/lib/components/switch/Switch.js +4 -4
- package/lib/components/switch/Switch.js.map +1 -1
- package/lib/components/switch/Switch.native.d.ts +2 -2
- package/lib/components/switch/Switch.native.js +4 -4
- package/lib/components/switch/Switch.native.js.map +1 -1
- package/lib/components/switch/SwitchProps.d.ts +2 -2
- package/lib/components/switch/SwitchPropsDefaults.js +1 -1
- package/lib/components/table/body/TableBodyPropsDefaults.js +42 -14
- package/lib/components/table/head/TableHeadPropsDefaults.js +42 -14
- 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 +21 -7
- package/lib/components/tabs/item/TabsItem.native.js +1 -1
- package/lib/components/tabs/item/TabsItem.native.js.map +1 -1
- package/lib/components/tag/Tag.native.js +1 -1
- package/lib/components/tag/Tag.native.js.map +1 -1
- package/lib/components/text/Text.native.js +1 -1
- package/lib/components/text/Text.native.js.map +1 -1
- package/lib/components/text/TextPropsDefaults.js +0 -2
- package/lib/components/textarea/Textarea.native.js +8 -8
- package/lib/components/textarea/Textarea.native.js.map +1 -1
- package/lib/components/timeline/content/TimelineContent.js +1 -1
- package/lib/components/timeline/content/TimelineContent.js.map +1 -1
- package/lib/components/timeline/marker/TimelineMarker.native.js +7 -7
- package/lib/components/timeline/marker/TimelineMarker.native.js.map +1 -1
- package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js +1 -1
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +1 -1
- package/lib/components/title/Title.js +2 -2
- package/lib/components/title/Title.js.map +1 -1
- package/lib/components/title/Title.native.js +1 -1
- package/lib/components/title/Title.native.js.map +1 -1
- package/lib/components/toaster/Toaster.js +4 -4
- package/lib/components/toaster/Toaster.js.map +1 -1
- package/lib/components/toaster/Toaster.native.js +7 -7
- package/lib/components/toaster/Toaster.native.js.map +1 -1
- package/lib/components/toaster/ToasterProps.d.ts +2 -2
- package/lib/components/toaster/ToasterPropsDefaults.js +1 -1
- package/lib/components/toaster/context/ToastPropsDefaults.js +1 -1
- package/lib/components/toaster/context/ToasterContextProps.d.ts +3 -3
- package/lib/components/view/ViewPropsDefaults.js +21 -7
- package/lib/hash.json +1 -1
- package/lib/objects/Typography/TypographyColor.d.ts +0 -1
- package/lib/objects/Typography/TypographyColor.js +0 -5
- package/lib/objects/Typography/TypographyColor.js.map +1 -1
- package/lib/objects/atoms/Background.js +3 -0
- package/lib/objects/atoms/Background.js.map +1 -1
- package/lib/objects/atoms/Text.js +1 -3
- package/lib/objects/atoms/Text.js.map +1 -1
- package/lib/objects/facets/Color.d.ts +11 -4
- package/lib/objects/facets/Color.js +52 -48
- package/lib/objects/facets/Color.js.map +1 -1
- package/lib/objects/facets/Status.d.ts +36 -0
- package/lib/objects/facets/{Alert.js → Status.js} +19 -19
- package/lib/objects/facets/Status.js.map +1 -0
- package/lib/objects/facets/Variant.js +1 -1
- package/lib/objects/facets/Variant.js.map +1 -1
- package/lib/objects/facets/index.d.ts +1 -1
- package/lib/objects/facets/index.js +1 -1
- package/lib/objects/facets/index.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/objects/facets/Alert.d.ts +0 -36
- package/lib/objects/facets/Alert.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rows.native.js","sourceRoot":"","sources":["../../../components/rows/Rows.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;
|
|
1
|
+
{"version":3,"file":"Rows.native.js","sourceRoot":"","sources":["../../../components/rows/Rows.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;AAGlE;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IACxE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAC,OAAO,IAAI,KAAK,EAAE;QACvD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,IACjC,QAAQ,CACJ,CACc,CAExB,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAA;AAErC,eAAe,IAAI,CAAA"}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StyleSheet, View } from "react-native";
|
|
3
3
|
import { ComponentName } from "../../../components/enumsComponentsName";
|
|
4
|
+
import { RowsContext } from "../Rows.native";
|
|
4
5
|
/**
|
|
5
6
|
* Rows Item Component
|
|
6
7
|
* @param narrow {boolean} Align same elements horizontaly
|
|
7
8
|
* @param children {React.ReactNode}
|
|
8
9
|
*/
|
|
9
10
|
const RowItem = ({ children, narrow, ...others }) => {
|
|
11
|
+
const { gapless } = React.useContext(RowsContext);
|
|
10
12
|
const styles = StyleSheet.create({
|
|
11
13
|
rowItem: {
|
|
12
14
|
flexGrow: (narrow && 0) || 1,
|
|
13
|
-
padding: 5,
|
|
15
|
+
padding: gapless ? 0 : 5,
|
|
14
16
|
flexShrink: 1,
|
|
15
17
|
},
|
|
16
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowItem.native.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;
|
|
1
|
+
{"version":3,"file":"RowItem.native.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C;;;;GAIG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA;IAEjD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;YAC5B,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxB,UAAU,EAAE,CAAC;SACd;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM,IACpC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAA;AAE5C,eAAe,OAAO,CAAA"}
|
|
@@ -73,28 +73,42 @@ export default {
|
|
|
73
73
|
"INFO",
|
|
74
74
|
"WARNING",
|
|
75
75
|
"ERROR",
|
|
76
|
-
"MAIN",
|
|
77
76
|
"WHITE",
|
|
77
|
+
"FADE_WHITE",
|
|
78
78
|
"MAIN",
|
|
79
|
+
"FADE_MAIN",
|
|
79
80
|
"ACCENT",
|
|
81
|
+
"FADE_ACCENT",
|
|
80
82
|
"FONT",
|
|
83
|
+
"FADE_FONT",
|
|
81
84
|
"SUCCESS",
|
|
85
|
+
"FADE_SUCCESS",
|
|
82
86
|
"INFO",
|
|
87
|
+
"FADE_INFO",
|
|
83
88
|
"WARNING",
|
|
89
|
+
"FADE_WARNING",
|
|
84
90
|
"ERROR",
|
|
91
|
+
"FADE_ERROR",
|
|
85
92
|
"DISABLED",
|
|
86
|
-
"
|
|
93
|
+
"FADE_DISABLED",
|
|
87
94
|
"NEUTRAL",
|
|
88
|
-
"
|
|
89
|
-
"NEUTRAL_LIGHT",
|
|
95
|
+
"FADE_NEUTRAL",
|
|
90
96
|
"WHITE",
|
|
97
|
+
"FADE_WHITE",
|
|
98
|
+
"MAIN",
|
|
99
|
+
"FADE_MAIN",
|
|
91
100
|
"ACCENT",
|
|
101
|
+
"FADE_ACCENT",
|
|
92
102
|
"FONT",
|
|
103
|
+
"FADE_FONT",
|
|
104
|
+
"FADE_SUCCESS",
|
|
105
|
+
"FADE_INFO",
|
|
106
|
+
"FADE_WARNING",
|
|
107
|
+
"FADE_ERROR",
|
|
93
108
|
"DISABLED",
|
|
94
|
-
"
|
|
109
|
+
"FADE_DISABLED",
|
|
95
110
|
"NEUTRAL",
|
|
96
|
-
"
|
|
97
|
-
"NEUTRAL_LIGHT"
|
|
111
|
+
"FADE_NEUTRAL"
|
|
98
112
|
]
|
|
99
113
|
},
|
|
100
114
|
"id": {
|
|
@@ -23,7 +23,7 @@ const Section = React.forwardRef((props, ref) => {
|
|
|
23
23
|
}, [skeleton]);
|
|
24
24
|
const _className = hashClass(styled, clsx('section', className, background && has(getBackgroundClassName(background)), backgroundSrc && has('background'), inverted && is('inverted'), isLoading ? is('loading') : is('loaded'), fullwidth && is('fullwidth'), paddingless && is('paddingless'), verticalPaddingless && is('vertical-paddingless')));
|
|
25
25
|
return (React.createElement("section", { ref: ref, ...(backgroundSrc && {
|
|
26
|
-
style: { backgroundImage: `url(${backgroundSrc})
|
|
26
|
+
style: { backgroundImage: `url(${backgroundSrc})` },
|
|
27
27
|
}), className: _className, ...others }));
|
|
28
28
|
});
|
|
29
29
|
export default Section;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;IASI;AAEJ,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAmB,EAAE,GAAoC,EAAE,EAAE;IAC7F,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,SAAS,CAC1B,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,EACT,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAChC,mBAAmB,IAAI,EAAE,CAAC,sBAAsB,CAAC,CAClD,CACF,CAAA;IAED,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,KACJ,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,
|
|
1
|
+
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;IASI;AAEJ,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAmB,EAAE,GAAoC,EAAE,EAAE;IAC7F,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,SAAS,CAC1B,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,EACT,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAChC,mBAAmB,IAAI,EAAE,CAAC,sBAAsB,CAAC,CAClD,CACF,CAAA;IAED,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,KACJ,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,EAAC;SACnD,CAAC,EACF,SAAS,EAAE,UAAU,KACjB,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { BackgroundProps, Fullwidth, Layout, Paddingless,
|
|
1
|
+
import type { BackgroundProps, Fullwidth, Layout, Paddingless, VerticalPaddingless, ChildrenWithNoText } from '../../objects';
|
|
2
2
|
/**
|
|
3
3
|
* Section Interface
|
|
4
4
|
*/
|
|
5
|
-
export interface SectionProps extends Layout, Fullwidth, BackgroundProps,
|
|
5
|
+
export interface SectionProps extends Layout, Fullwidth, BackgroundProps, Paddingless, VerticalPaddingless, ChildrenWithNoText {
|
|
6
6
|
className?: string;
|
|
7
7
|
skeleton?: boolean;
|
|
8
8
|
}
|
|
@@ -39,28 +39,42 @@ export default {
|
|
|
39
39
|
"INFO",
|
|
40
40
|
"WARNING",
|
|
41
41
|
"ERROR",
|
|
42
|
-
"MAIN",
|
|
43
42
|
"WHITE",
|
|
43
|
+
"FADE_WHITE",
|
|
44
44
|
"MAIN",
|
|
45
|
+
"FADE_MAIN",
|
|
45
46
|
"ACCENT",
|
|
47
|
+
"FADE_ACCENT",
|
|
46
48
|
"FONT",
|
|
49
|
+
"FADE_FONT",
|
|
47
50
|
"SUCCESS",
|
|
51
|
+
"FADE_SUCCESS",
|
|
48
52
|
"INFO",
|
|
53
|
+
"FADE_INFO",
|
|
49
54
|
"WARNING",
|
|
55
|
+
"FADE_WARNING",
|
|
50
56
|
"ERROR",
|
|
57
|
+
"FADE_ERROR",
|
|
51
58
|
"DISABLED",
|
|
52
|
-
"
|
|
59
|
+
"FADE_DISABLED",
|
|
53
60
|
"NEUTRAL",
|
|
54
|
-
"
|
|
55
|
-
"NEUTRAL_LIGHT",
|
|
61
|
+
"FADE_NEUTRAL",
|
|
56
62
|
"WHITE",
|
|
63
|
+
"FADE_WHITE",
|
|
64
|
+
"MAIN",
|
|
65
|
+
"FADE_MAIN",
|
|
57
66
|
"ACCENT",
|
|
67
|
+
"FADE_ACCENT",
|
|
58
68
|
"FONT",
|
|
69
|
+
"FADE_FONT",
|
|
70
|
+
"FADE_SUCCESS",
|
|
71
|
+
"FADE_INFO",
|
|
72
|
+
"FADE_WARNING",
|
|
73
|
+
"FADE_ERROR",
|
|
59
74
|
"DISABLED",
|
|
60
|
-
"
|
|
75
|
+
"FADE_DISABLED",
|
|
61
76
|
"NEUTRAL",
|
|
62
|
-
"
|
|
63
|
-
"NEUTRAL_LIGHT",
|
|
77
|
+
"FADE_NEUTRAL",
|
|
64
78
|
"TrilogyColor; fade: boolean; }"
|
|
65
79
|
]
|
|
66
80
|
},
|
|
@@ -79,22 +93,6 @@ export default {
|
|
|
79
93
|
"true"
|
|
80
94
|
]
|
|
81
95
|
},
|
|
82
|
-
"pulledLeft": {
|
|
83
|
-
"type": "boolean",
|
|
84
|
-
"values": [
|
|
85
|
-
"undefined",
|
|
86
|
-
"false",
|
|
87
|
-
"true"
|
|
88
|
-
]
|
|
89
|
-
},
|
|
90
|
-
"pulledRight": {
|
|
91
|
-
"type": "boolean",
|
|
92
|
-
"values": [
|
|
93
|
-
"undefined",
|
|
94
|
-
"false",
|
|
95
|
-
"true"
|
|
96
|
-
]
|
|
97
|
-
},
|
|
98
96
|
"paddingless": {
|
|
99
97
|
"type": "boolean",
|
|
100
98
|
"values": [
|
|
@@ -41,7 +41,7 @@ const SegmentControl = ({ children, onClick, activeIndex, disabled, marginless,
|
|
|
41
41
|
segmentedControl: {
|
|
42
42
|
flexDirection: "row",
|
|
43
43
|
width: "100%",
|
|
44
|
-
backgroundColor: getColorStyle(TrilogyColor.
|
|
44
|
+
backgroundColor: getColorStyle(TrilogyColor.NEUTRAL, 1),
|
|
45
45
|
borderRadius: 4,
|
|
46
46
|
padding: 4,
|
|
47
47
|
paddingRight: -4,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentControl.native.js","sourceRoot":"","sources":["../../../components/segment-control/SegmentControl.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,oBAAoB,MAAM,QAAQ,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;GAQG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,GAAG,MAAM,EACW,EAAe,EAAE;IACrC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,WAAW,IAAI,CAAC,CAAC,CAAA;IAEpE,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,gBAAiC,EAAE,EAAE;QACpE,IAAI,OAAO,gBAAgB,KAAK,WAAW,IAAI,CAAC,aAAa,EAAE;YAC7D,OAAO,gBAAgB,CAAA;SACxB;QACD,IAAI,KAAK,KAAK,aAAa,EAAE;YAC3B,OAAO,IAAI,CAAA;SACZ;IACH,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,CAAmB,EAAE,KAAa,EAAE,EAAE;QAC1D,IAAI,QAAQ,EAAE;YACZ,OAAO,KAAK,CAAA;SACb;QACD,gBAAgB,CAAC,KAAK,CAAC,CAAA;QACvB,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAA;SACX;IACH,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAChC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;SAClC;QACD,gBAAgB,EAAE;YAChB,aAAa,EAAE,KAAK;YACpB,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"SegmentControl.native.js","sourceRoot":"","sources":["../../../components/segment-control/SegmentControl.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Clickable } from '../../objects/facets/Clickable';
|
|
3
|
-
import { Centerable } from '../../objects/facets/Centerable';
|
|
4
|
-
import { AlignableProps } from '../../objects/facets/Alignable';
|
|
5
|
-
import { JustifiableProps } from '../../objects/facets/Justifiable';
|
|
6
3
|
/**
|
|
7
4
|
* SegmentedControl Interface
|
|
8
5
|
*/
|
|
9
|
-
export interface SegmentControlProps extends
|
|
6
|
+
export interface SegmentControlProps extends Clickable {
|
|
10
7
|
children: React.ReactNode;
|
|
11
8
|
disabled?: boolean;
|
|
12
9
|
activeIndex?: number;
|
|
@@ -51,52 +51,6 @@ export default {
|
|
|
51
51
|
"string"
|
|
52
52
|
]
|
|
53
53
|
},
|
|
54
|
-
"centered": {
|
|
55
|
-
"type": "boolean",
|
|
56
|
-
"values": [
|
|
57
|
-
"undefined",
|
|
58
|
-
"false",
|
|
59
|
-
"true"
|
|
60
|
-
]
|
|
61
|
-
},
|
|
62
|
-
"align": {
|
|
63
|
-
"type": "enum",
|
|
64
|
-
"values": [
|
|
65
|
-
"undefined",
|
|
66
|
-
"ALIGNED_CENTER",
|
|
67
|
-
"ALIGNED_START",
|
|
68
|
-
"ALIGNED_END",
|
|
69
|
-
"ALIGNED_CENTER",
|
|
70
|
-
"ALIGNED_START",
|
|
71
|
-
"ALIGNED_END"
|
|
72
|
-
]
|
|
73
|
-
},
|
|
74
|
-
"verticalAlign": {
|
|
75
|
-
"type": "enum",
|
|
76
|
-
"values": [
|
|
77
|
-
"undefined",
|
|
78
|
-
"ALIGNED_CENTER",
|
|
79
|
-
"ALIGNED_START",
|
|
80
|
-
"ALIGNED_END",
|
|
81
|
-
"ALIGNED_CENTER",
|
|
82
|
-
"ALIGNED_START",
|
|
83
|
-
"ALIGNED_END"
|
|
84
|
-
]
|
|
85
|
-
},
|
|
86
|
-
"justify": {
|
|
87
|
-
"type": "enum",
|
|
88
|
-
"values": [
|
|
89
|
-
"undefined",
|
|
90
|
-
"justified-center",
|
|
91
|
-
"justified-start",
|
|
92
|
-
"justified-end",
|
|
93
|
-
"space-between",
|
|
94
|
-
"JUSTIFIED_CENTER",
|
|
95
|
-
"JUSTIFIED_START",
|
|
96
|
-
"JUSTIFIED_END",
|
|
97
|
-
"SPACE_BETWEEN"
|
|
98
|
-
]
|
|
99
|
-
},
|
|
100
54
|
"onClick": {
|
|
101
55
|
"type": "function",
|
|
102
56
|
"values": [
|
|
@@ -22,7 +22,7 @@ const SegmentControlItem = ({ active, children, onClick, inverted, disabled, ...
|
|
|
22
22
|
backgroundColor: (activeItem && getColorStyle(TrilogyColor.MAIN)) ||
|
|
23
23
|
(inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
24
24
|
(disabled && getColorStyle(TrilogyColor.DISABLED, 1)) ||
|
|
25
|
-
getColorStyle(TrilogyColor.
|
|
25
|
+
getColorStyle(TrilogyColor.NEUTRAL, 1),
|
|
26
26
|
},
|
|
27
27
|
text: {
|
|
28
28
|
paddingHorizontal: 16,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentControlItem.native.js","sourceRoot":"","sources":["../../../../components/segment-control/item/SegmentControlItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACe,EAAe,EAAE;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAEtE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,QAAQ,EAAE;YACR,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,UAAU,EAAE,QAAQ;YACpB,eAAe,EACb,CAAC,UAAU,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAChD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBACpD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;gBACrD,aAAa,CAAC,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"SegmentControlItem.native.js","sourceRoot":"","sources":["../../../../components/segment-control/item/SegmentControlItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACe,EAAe,EAAE;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAEtE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,QAAQ,EAAE;YACR,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,UAAU,EAAE,QAAQ;YACpB,eAAe,EACb,CAAC,UAAU,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAChD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBACpD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;gBACrD,aAAa,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC;SACzC;QACD,IAAI,EAAE;YACJ,iBAAiB,EAAE,EAAE;YACrB,KAAK,EACH,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBACnE,CAAC,CAAC,UAAU;oBACV,CAAC,QAAQ;oBACT,QAAQ;oBACR,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBACvC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;YAClC,cAAc,EAAE,EAAE;YAClB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,iBAAiB,EAAE,QAAQ;YAC3B,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;SAC1C;KACF,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EACxB,OAAO,EAAE,CAAC,CAAW,EAAE,EAAE;YACvB,IAAI,CAAC,QAAQ,EAAE;gBACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;gBAC9B,IAAI,OAAO,EAAE;oBACX,OAAO,CAAC,CAAC,CAAC,CAAA;iBACX;aACF;QACH,CAAC,KACG,MAAM,IAET,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACrD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,IAC9D,MAAM,CAAC,QAAQ,CAAC,CACZ,CACR,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,aAAa,CAAC,kBAAkB,CAAA;AAEjE,eAAe,kBAAkB,CAAA"}
|
|
@@ -3,7 +3,7 @@ import { StickerProps } from "./StickerProps";
|
|
|
3
3
|
/**
|
|
4
4
|
* Sticker component
|
|
5
5
|
* @param children {ReactNode} Sticker child
|
|
6
|
-
* @param variant {
|
|
6
|
+
* @param variant {StatusState} Sticker variant : primary only
|
|
7
7
|
* @param small {boolean} Small Sticker
|
|
8
8
|
* @param hat {boolean} Hat Sticker ( for box )
|
|
9
9
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
@@ -11,5 +11,5 @@ import { StickerProps } from "./StickerProps";
|
|
|
11
11
|
* @param className {string} Additionnal css classes
|
|
12
12
|
* @param others
|
|
13
13
|
*/
|
|
14
|
-
declare const Sticker: ({ className, children, variant, small, hat, markup, ...others }: StickerProps) => JSX.Element;
|
|
14
|
+
declare const Sticker: ({ className, children, variant, small, hat, markup, outlined, ...others }: StickerProps) => JSX.Element;
|
|
15
15
|
export default Sticker;
|
|
@@ -8,7 +8,7 @@ import { useTrilogyContext } from "../../context";
|
|
|
8
8
|
/**
|
|
9
9
|
* Sticker component
|
|
10
10
|
* @param children {ReactNode} Sticker child
|
|
11
|
-
* @param variant {
|
|
11
|
+
* @param variant {StatusState} Sticker variant : primary only
|
|
12
12
|
* @param small {boolean} Small Sticker
|
|
13
13
|
* @param hat {boolean} Hat Sticker ( for box )
|
|
14
14
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
@@ -16,9 +16,9 @@ import { useTrilogyContext } from "../../context";
|
|
|
16
16
|
* @param className {string} Additionnal css classes
|
|
17
17
|
* @param others
|
|
18
18
|
*/
|
|
19
|
-
const Sticker = ({ className, children, variant, small, hat, markup, ...others }) => {
|
|
19
|
+
const Sticker = ({ className, children, variant, small, hat, markup, outlined, ...others }) => {
|
|
20
20
|
const { styled } = useTrilogyContext();
|
|
21
|
-
const classes = hashClass(styled, clsx("sticker", variant && is(getVariantClassName(variant)), small && is("small"), hat && is("hat"), className));
|
|
21
|
+
const classes = hashClass(styled, clsx("sticker", variant && is(getVariantClassName(variant)), small && is("small"), hat && is("hat"), className, outlined && is('outlined')));
|
|
22
22
|
const isCorrectMarkup = (stringMarkup) => {
|
|
23
23
|
if (stringMarkup in StickerMarkup ||
|
|
24
24
|
Object.values(StickerMarkup).includes(stringMarkup))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sticker.js","sourceRoot":"","sources":["../../../components/sticker/Sticker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAuB,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;GAUG;AAEH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,GAAG,EACH,MAAM,EACN,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,SAAS,EACT,OAAO,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAC3C,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,EAChB,SAAS,
|
|
1
|
+
{"version":3,"file":"Sticker.js","sourceRoot":"","sources":["../../../components/sticker/Sticker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAuB,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;GAUG;AAEH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,GAAG,EACH,MAAM,EACN,QAAQ,EACR,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,SAAS,EACT,OAAO,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAC3C,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,EAChB,SAAS,EACT,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,CAC3B,CACF,CAAA;IAED,MAAM,eAAe,GAAG,CACtB,YAAiD,EACjD,EAAE;QACF,IACE,YAAY,IAAI,aAAa;YAC7B,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,YAA6B,CAAC;YAEpE,OAAO,IAAI,CAAA;IACf,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAA;IAE9D,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,KAAM,MAAM,IAChC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -7,7 +7,7 @@ import { SwitchProps } from "./SwitchProps";
|
|
|
7
7
|
* @param value {string} Switch value
|
|
8
8
|
* @param checked {boolean} Checked switch
|
|
9
9
|
* @param onChange {Function} onChange event
|
|
10
|
-
* @param
|
|
10
|
+
* @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
11
11
|
* @param disabled {boolean} Switch disabled
|
|
12
12
|
* @param readonly {boolean} Switch readonly
|
|
13
13
|
* @param name {string} Switch name
|
|
@@ -16,5 +16,5 @@ import { SwitchProps } from "./SwitchProps";
|
|
|
16
16
|
* @param className {string} Additionnal CSS Classes
|
|
17
17
|
* @param onClick {Function} onClick event
|
|
18
18
|
*/
|
|
19
|
-
declare const Switch: ({ className, id, label, value, checked, onChange, onClick,
|
|
19
|
+
declare const Switch: ({ className, id, label, value, checked, onChange, onClick, status, disabled, readonly, name, reversed, ...others }: SwitchProps) => JSX.Element;
|
|
20
20
|
export default Switch;
|
|
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
|
|
|
2
2
|
import shortid from "shortid";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import { is } from "../../services/classify";
|
|
5
|
-
import {
|
|
5
|
+
import { getStatusClassName } from "../../objects";
|
|
6
6
|
import { hashClass } from "../../helpers";
|
|
7
7
|
import { useTrilogyContext } from "../../context";
|
|
8
8
|
/**
|
|
@@ -12,7 +12,7 @@ import { useTrilogyContext } from "../../context";
|
|
|
12
12
|
* @param value {string} Switch value
|
|
13
13
|
* @param checked {boolean} Checked switch
|
|
14
14
|
* @param onChange {Function} onChange event
|
|
15
|
-
* @param
|
|
15
|
+
* @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
16
16
|
* @param disabled {boolean} Switch disabled
|
|
17
17
|
* @param readonly {boolean} Switch readonly
|
|
18
18
|
* @param name {string} Switch name
|
|
@@ -21,7 +21,7 @@ import { useTrilogyContext } from "../../context";
|
|
|
21
21
|
* @param className {string} Additionnal CSS Classes
|
|
22
22
|
* @param onClick {Function} onClick event
|
|
23
23
|
*/
|
|
24
|
-
const Switch = ({ className, id = shortid.generate(), label, value, checked, onChange, onClick,
|
|
24
|
+
const Switch = ({ className, id = shortid.generate(), label, value, checked, onChange, onClick, status, disabled, readonly, name, reversed, ...others }) => {
|
|
25
25
|
const [_checked, setChecked] = useState(checked || false);
|
|
26
26
|
const { styled } = useTrilogyContext();
|
|
27
27
|
React.useEffect(() => {
|
|
@@ -55,7 +55,7 @@ const Switch = ({ className, id = shortid.generate(), label, value, checked, onC
|
|
|
55
55
|
switchName: e.target.name,
|
|
56
56
|
});
|
|
57
57
|
}
|
|
58
|
-
}, name: name, value: value, checked: readonly ? checked : _checked, readOnly: readonly, id: `switch-${id}`, type: 'checkbox', disabled: disabled, className: hashClass(styled, clsx(
|
|
58
|
+
}, name: name, value: value, checked: readonly ? checked : _checked, readOnly: readonly, id: `switch-${id}`, type: 'checkbox', disabled: disabled, className: hashClass(styled, clsx(status && is(getStatusClassName(status)))), ...others }),
|
|
59
59
|
React.createElement("label", { htmlFor: `switch-${id}` }, label)));
|
|
60
60
|
};
|
|
61
61
|
export default Switch;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../components/switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../components/switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,MAAM,GAAG,CAAC,EACd,SAAS,EACT,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE,EACvB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,GAAG,MAAM,EACG,EAAe,EAAE;IAC7B,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,OAAO,IAAI,KAAK,CAAC,CAAA;IAClE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,UAAU,CAAC,OAAO,IAAI,KAAK,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE;YACb,UAAU,CAAC,OAAO,IAAI,KAAK,CAAC,CAAA;SAC7B;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEvB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CAAC,QAAQ,EAAE,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,CACtD;QAED,+BACE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,IAAI,CAAC,QAAQ,EAAE;oBACb,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;iBACtB;gBACD,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC;wBACP,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;wBAC7B,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;qBAC1B,CAAC,CAAA;iBACH;YACH,CAAC;YACD,8DAA8D;YAC9D,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE;gBAClB,IAAI,CAAC,QAAQ,EAAE;oBACb,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;iBACtB;gBACD,IAAI,OAAO,EAAE;oBACX,OAAO,CAAC;wBACN,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;wBAC7B,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;qBAC1B,CAAC,CAAA;iBACH;YACH,CAAC,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EACtC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,UAAU,EAAE,EAAE,EAClB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAC/C,KACG,MAAM,GACV;QACF,+BAAO,OAAO,EAAE,UAAU,EAAE,EAAE,IAAG,KAAK,CAAS,CAC3C,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -6,13 +6,13 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
6
6
|
* @param id {string} Is auto generate by default
|
|
7
7
|
* @param checked {boolean} Checked switch
|
|
8
8
|
* @param onChange {Function} onChange event
|
|
9
|
-
* @param
|
|
9
|
+
* @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
10
10
|
* @param disabled {boolean} Switch disabled
|
|
11
11
|
* @param readonly {boolean} Switch readonly
|
|
12
12
|
* @param name {string} Switch name
|
|
13
13
|
*/
|
|
14
14
|
declare const Switch: {
|
|
15
|
-
({ id, checked, onChange,
|
|
15
|
+
({ id, checked, onChange, status, disabled, readonly, name, }: SwitchProps): JSX.Element;
|
|
16
16
|
displayName: ComponentName;
|
|
17
17
|
};
|
|
18
18
|
export default Switch;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useEffect, useState } from "react";
|
|
2
2
|
import { Platform, StyleSheet, Switch as SwitchNative } from "react-native";
|
|
3
3
|
import shortid from "shortid";
|
|
4
|
-
import {
|
|
4
|
+
import { getStatusStyle } from "../../objects";
|
|
5
5
|
import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
|
|
6
6
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
7
7
|
/**
|
|
@@ -9,12 +9,12 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
9
9
|
* @param id {string} Is auto generate by default
|
|
10
10
|
* @param checked {boolean} Checked switch
|
|
11
11
|
* @param onChange {Function} onChange event
|
|
12
|
-
* @param
|
|
12
|
+
* @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
13
13
|
* @param disabled {boolean} Switch disabled
|
|
14
14
|
* @param readonly {boolean} Switch readonly
|
|
15
15
|
* @param name {string} Switch name
|
|
16
16
|
*/
|
|
17
|
-
const Switch = ({ id = shortid.generate(), checked, onChange,
|
|
17
|
+
const Switch = ({ id = shortid.generate(), checked, onChange, status, disabled, readonly, name, }) => {
|
|
18
18
|
const [_checked, setChecked] = useState(checked || false);
|
|
19
19
|
useEffect(() => {
|
|
20
20
|
if (!readonly) {
|
|
@@ -34,7 +34,7 @@ const Switch = ({ id = shortid.generate(), checked, onChange, alert, disabled, r
|
|
|
34
34
|
false: disabled ? backgroundColorDisabled : backgroundColorOff,
|
|
35
35
|
true: disabled
|
|
36
36
|
? backgroundColorDisabled
|
|
37
|
-
: (
|
|
37
|
+
: (status && getStatusStyle(status)) || defaultColor,
|
|
38
38
|
}, thumbColor: thumbColor, ios_backgroundColor: disabled ? backgroundColorDisabled : backgroundColorOff, onValueChange: (state) => {
|
|
39
39
|
if (onChange) {
|
|
40
40
|
onChange({ switchState: state, switchName: name || "" });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.native.js","sourceRoot":"","sources":["../../../components/switch/Switch.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3E,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Switch.native.js","sourceRoot":"","sources":["../../../components/switch/Switch.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3E,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;GASG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE,EACvB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,IAAI,GACQ,EAAe,EAAE;IAC7B,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,OAAO,IAAI,KAAK,CAAC,CAAA;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE;YACb,UAAU,CAAC,OAAO,IAAI,KAAK,CAAC,CAAA;SAC7B;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEvB,MAAM,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IACrD,MAAM,kBAAkB,GAAG,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IAC9D,MAAM,uBAAuB,GAAG,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAA;IACvE,MAAM,UAAU,GAAG,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IAEzD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;SAC9C;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,YAAY,IACX,MAAM,EAAC,WAAW,EAClB,KAAK,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EACpD,UAAU,EAAE;YACV,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,kBAAkB;YAC9D,IAAI,EAAE,QAAQ;gBACZ,CAAC,CAAC,uBAAuB;gBACzB,CAAC,CAAC,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC,IAAI,YAAY;SACvD,EACD,UAAU,EAAE,UAAU,EACtB,mBAAmB,EACjB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,kBAAkB,EAEzD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,CAAA;aACzD;QACH,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EACrC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,GACf,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,aAAa,CAAC,MAAM,CAAA;AAEzC,eAAe,MAAM,CAAA"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { StatusProps } from '../../objects/facets/Status';
|
|
2
2
|
import { Invertable } from '../../objects/facets/Invertable';
|
|
3
3
|
export interface SwitchChangeEvent {
|
|
4
4
|
switchState: boolean;
|
|
5
5
|
switchName: string;
|
|
6
6
|
}
|
|
7
7
|
type SwitchEventHandler = (event: SwitchChangeEvent) => void;
|
|
8
|
-
export interface SwitchProps extends
|
|
8
|
+
export interface SwitchProps extends StatusProps, Invertable {
|
|
9
9
|
checked?: boolean;
|
|
10
10
|
onChange?: SwitchEventHandler;
|
|
11
11
|
onClick?: SwitchEventHandler;
|
|
@@ -28,28 +28,42 @@ export default {
|
|
|
28
28
|
"INFO",
|
|
29
29
|
"WARNING",
|
|
30
30
|
"ERROR",
|
|
31
|
-
"MAIN",
|
|
32
31
|
"WHITE",
|
|
32
|
+
"FADE_WHITE",
|
|
33
33
|
"MAIN",
|
|
34
|
+
"FADE_MAIN",
|
|
34
35
|
"ACCENT",
|
|
36
|
+
"FADE_ACCENT",
|
|
35
37
|
"FONT",
|
|
38
|
+
"FADE_FONT",
|
|
36
39
|
"SUCCESS",
|
|
40
|
+
"FADE_SUCCESS",
|
|
37
41
|
"INFO",
|
|
42
|
+
"FADE_INFO",
|
|
38
43
|
"WARNING",
|
|
44
|
+
"FADE_WARNING",
|
|
39
45
|
"ERROR",
|
|
46
|
+
"FADE_ERROR",
|
|
40
47
|
"DISABLED",
|
|
41
|
-
"
|
|
48
|
+
"FADE_DISABLED",
|
|
42
49
|
"NEUTRAL",
|
|
43
|
-
"
|
|
44
|
-
"NEUTRAL_LIGHT",
|
|
50
|
+
"FADE_NEUTRAL",
|
|
45
51
|
"WHITE",
|
|
52
|
+
"FADE_WHITE",
|
|
53
|
+
"MAIN",
|
|
54
|
+
"FADE_MAIN",
|
|
46
55
|
"ACCENT",
|
|
56
|
+
"FADE_ACCENT",
|
|
47
57
|
"FONT",
|
|
58
|
+
"FADE_FONT",
|
|
59
|
+
"FADE_SUCCESS",
|
|
60
|
+
"FADE_INFO",
|
|
61
|
+
"FADE_WARNING",
|
|
62
|
+
"FADE_ERROR",
|
|
48
63
|
"DISABLED",
|
|
49
|
-
"
|
|
64
|
+
"FADE_DISABLED",
|
|
50
65
|
"NEUTRAL",
|
|
51
|
-
"
|
|
52
|
-
"NEUTRAL_LIGHT"
|
|
66
|
+
"FADE_NEUTRAL"
|
|
53
67
|
]
|
|
54
68
|
},
|
|
55
69
|
"backgroundColor": {
|
|
@@ -60,28 +74,42 @@ export default {
|
|
|
60
74
|
"INFO",
|
|
61
75
|
"WARNING",
|
|
62
76
|
"ERROR",
|
|
63
|
-
"MAIN",
|
|
64
77
|
"WHITE",
|
|
78
|
+
"FADE_WHITE",
|
|
65
79
|
"MAIN",
|
|
80
|
+
"FADE_MAIN",
|
|
66
81
|
"ACCENT",
|
|
82
|
+
"FADE_ACCENT",
|
|
67
83
|
"FONT",
|
|
84
|
+
"FADE_FONT",
|
|
68
85
|
"SUCCESS",
|
|
86
|
+
"FADE_SUCCESS",
|
|
69
87
|
"INFO",
|
|
88
|
+
"FADE_INFO",
|
|
70
89
|
"WARNING",
|
|
90
|
+
"FADE_WARNING",
|
|
71
91
|
"ERROR",
|
|
92
|
+
"FADE_ERROR",
|
|
72
93
|
"DISABLED",
|
|
73
|
-
"
|
|
94
|
+
"FADE_DISABLED",
|
|
74
95
|
"NEUTRAL",
|
|
75
|
-
"
|
|
76
|
-
"NEUTRAL_LIGHT",
|
|
96
|
+
"FADE_NEUTRAL",
|
|
77
97
|
"WHITE",
|
|
98
|
+
"FADE_WHITE",
|
|
99
|
+
"MAIN",
|
|
100
|
+
"FADE_MAIN",
|
|
78
101
|
"ACCENT",
|
|
102
|
+
"FADE_ACCENT",
|
|
79
103
|
"FONT",
|
|
104
|
+
"FADE_FONT",
|
|
105
|
+
"FADE_SUCCESS",
|
|
106
|
+
"FADE_INFO",
|
|
107
|
+
"FADE_WARNING",
|
|
108
|
+
"FADE_ERROR",
|
|
80
109
|
"DISABLED",
|
|
81
|
-
"
|
|
110
|
+
"FADE_DISABLED",
|
|
82
111
|
"NEUTRAL",
|
|
83
|
-
"
|
|
84
|
-
"NEUTRAL_LIGHT"
|
|
112
|
+
"FADE_NEUTRAL"
|
|
85
113
|
]
|
|
86
114
|
}
|
|
87
115
|
};
|