@trilogy-ds/react 0.0.1-beta-148 → 0.0.1-beta-149
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/Accordion.d.ts +3 -6
- package/lib/components/accordion/Accordion.js +10 -13
- package/lib/components/accordion/AccordionProps.d.ts +4 -3
- package/lib/components/accordion/AccordionPropsDefaults.js +2 -2
- package/lib/components/accordion/body/AccordionBody.d.ts +11 -0
- package/lib/components/accordion/body/AccordionBody.js +22 -0
- package/lib/components/accordion/{item/body → body}/AccordionBody.native.d.ts +1 -1
- package/lib/components/accordion/body/AccordionBody.native.js +18 -0
- package/lib/components/accordion/body/AccordionBodyProps.d.ts +9 -0
- package/lib/components/accordion/body/AccordionBodyProps.js +2 -0
- package/lib/components/accordion/{item/body → body}/index.js +1 -1
- package/lib/components/accordion/header/AccordionHeader.d.ts +11 -0
- package/lib/components/accordion/header/AccordionHeader.js +19 -0
- package/lib/components/accordion/{item/header → header}/AccordionHeader.native.d.ts +1 -1
- package/lib/components/accordion/header/AccordionHeader.native.js +21 -0
- package/lib/components/accordion/header/AccordionHeaderProps.d.ts +10 -0
- package/lib/components/accordion/header/AccordionHeaderProps.js +2 -0
- package/lib/components/{rows/row/RowPropsDefaults.js → accordion/header/AccordionHeaderPropsDefaults.js} +8 -8
- package/lib/components/accordion/{item/header → header}/index.js +1 -1
- package/lib/components/accordion/index.d.ts +2 -2
- package/lib/components/accordion/index.js +3 -3
- package/lib/components/accordion/item/AccordionItem.d.ts +4 -2
- package/lib/components/accordion/item/AccordionItem.js +59 -12
- package/lib/components/accordion/item/AccordionItem.native.d.ts +3 -1
- package/lib/components/accordion/item/AccordionItem.native.js +13 -7
- package/lib/components/accordion/item/AccordionItemProps.d.ts +8 -4
- package/lib/components/accordion/item/AccordionItemPropsDefaults.js +21 -7
- package/lib/components/alert/Alert.d.ts +2 -2
- package/lib/components/alert/Alert.js +22 -22
- package/lib/components/alert/Alert.native.d.ts +3 -3
- package/lib/components/alert/Alert.native.js +34 -34
- package/lib/components/alert/AlertProps.d.ts +3 -3
- package/lib/components/alert/AlertProps.js +1 -1
- package/lib/components/alert/AlertPropsDefaults.js +7 -7
- package/lib/components/alert/context/ToastPropsDefaults.js +7 -7
- package/lib/components/alert/context/ToasterContextProps.d.ts +0 -1
- package/lib/components/autocomplete/AutoComplete.js +4 -4
- package/lib/components/autocomplete/AutoComplete.native.d.ts +2 -2
- package/lib/components/autocomplete/AutoComplete.native.js +4 -4
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +1 -5
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +84 -69
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +84 -69
- package/lib/components/autocomplete/item/AutoCompleteItem.d.ts +1 -1
- package/lib/components/autocomplete/item/AutoCompleteItem.js +3 -3
- package/lib/components/autocomplete/item/AutoCompleteItemProps.d.ts +1 -2
- package/lib/components/autocomplete/item/AutoCompleteItemPropsDefaults.js +0 -14
- package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts +1 -1
- package/lib/components/autocomplete/menu/AutoCompleteMenu.js +3 -3
- package/lib/components/autocomplete/menu/AutoCompleteMenuProps.d.ts +2 -2
- package/lib/components/autocomplete/menu/AutoCompleteMenuPropsDefaults.js +7 -14
- package/lib/components/badge/Badge.d.ts +6 -7
- package/lib/components/badge/Badge.js +24 -44
- package/lib/components/badge/Badge.native.d.ts +7 -3
- package/lib/components/badge/Badge.native.js +29 -13
- package/lib/components/badge/BadgeEnum.d.ts +3 -9
- package/lib/components/badge/BadgeEnum.js +5 -11
- package/lib/components/badge/BadgeProps.d.ts +6 -7
- package/lib/components/badge/BadgePropsDefaults.js +15 -47
- package/lib/components/badge/index.d.ts +1 -0
- package/lib/components/badge/index.js +2 -1
- package/lib/components/box/Box.d.ts +6 -2
- package/lib/components/box/Box.js +26 -17
- package/lib/components/box/Box.native.d.ts +2 -1
- package/lib/components/box/Box.native.js +5 -4
- package/lib/components/box/BoxProps.d.ts +11 -5
- package/lib/components/box/BoxProps.js +6 -2
- package/lib/components/box/BoxPropsDefaults.js +32 -21
- package/lib/components/box/content/BoxContent.d.ts +2 -2
- package/lib/components/box/content/BoxContent.js +10 -10
- package/lib/components/box/content/BoxContentProps.d.ts +2 -2
- package/lib/components/box/content/BoxContentPropsDefaults.js +9 -16
- package/lib/components/box/footer/BoxFooter.d.ts +2 -4
- package/lib/components/box/footer/BoxFooter.js +9 -11
- package/lib/components/box/footer/BoxFooterProps.d.ts +2 -2
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +9 -16
- package/lib/components/box/header/BoxHeader.d.ts +3 -2
- package/lib/components/box/header/BoxHeader.js +14 -18
- package/lib/components/box/header/BoxHeader.native.d.ts +3 -6
- package/lib/components/box/header/BoxHeader.native.js +20 -24
- package/lib/components/box/header/BoxHeaderProps.d.ts +5 -7
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +29 -49
- package/lib/components/box/item/BoxItem.d.ts +2 -2
- package/lib/components/box/item/BoxItem.js +7 -7
- package/lib/components/box/item/BoxItemProps.d.ts +2 -2
- package/lib/components/box/item/BoxItemPropsDefaults.js +7 -14
- package/lib/components/breadcrumb/Breadcrumb.d.ts +3 -3
- package/lib/components/breadcrumb/Breadcrumb.js +9 -9
- package/lib/components/breadcrumb/Breadcrumb.native.js +2 -2
- package/lib/components/breadcrumb/BreadcrumbProps.d.ts +2 -2
- package/lib/components/breadcrumb/BreadcrumbWebPropsDefaults.js +7 -14
- package/lib/components/breadcrumb/item/BreadcrumbItem.d.ts +2 -4
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +12 -14
- package/lib/components/breadcrumb/item/BreadcrumbItemProps.d.ts +2 -2
- package/lib/components/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js +7 -14
- package/lib/components/button/Button.d.ts +1 -1
- package/lib/components/button/Button.js +7 -7
- package/lib/components/button/ButtonProps.d.ts +3 -2
- package/lib/components/button/ButtonPropsDefaults.js +14 -14
- package/lib/components/button/list/ButtonList.d.ts +7 -2
- package/lib/components/button/list/ButtonList.js +13 -9
- package/lib/components/button/list/ButtonListProps.d.ts +4 -6
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +11 -24
- package/lib/components/card/Card.d.ts +11 -3
- package/lib/components/card/Card.js +30 -16
- package/lib/components/card/Card.native.d.ts +5 -4
- package/lib/components/card/Card.native.js +29 -26
- package/lib/components/card/CardProps.d.ts +12 -4
- package/lib/components/card/CardProps.js +9 -2
- package/lib/components/card/CardPropsDefaults.js +106 -3
- package/lib/components/card/content/CardContent.d.ts +13 -2
- package/lib/components/card/content/CardContent.js +32 -7
- package/lib/components/card/content/CardContent.native.d.ts +3 -3
- package/lib/components/card/content/CardContent.native.js +14 -21
- package/lib/components/card/content/CardContentProps.d.ts +19 -3
- package/lib/components/card/content/CardContentPropsDefaults.js +110 -2
- package/lib/components/card/image/CardImage.d.ts +2 -2
- package/lib/components/card/image/CardImage.js +11 -11
- package/lib/components/card/image/CardImageProps.d.ts +2 -2
- package/lib/components/card/image/CardImagePropsDefaults.js +7 -14
- package/lib/components/checkbox/Checkbox.d.ts +9 -2
- package/lib/components/checkbox/Checkbox.js +49 -10
- package/lib/components/checkbox/Checkbox.native.d.ts +8 -3
- package/lib/components/checkbox/Checkbox.native.js +74 -63
- package/lib/components/checkbox/CheckboxChangeEventDefaults.js +21 -0
- package/lib/components/checkbox/CheckboxClickEventDefaults.js +21 -0
- package/lib/components/checkbox/CheckboxProps.d.ts +31 -4
- package/lib/components/checkbox/CheckboxPropsDefaults.js +123 -6
- package/lib/components/checkbox/index.d.ts +1 -3
- package/lib/components/checkbox/index.js +2 -4
- package/lib/components/chips/Chips.d.ts +1 -1
- package/lib/components/chips/Chips.js +3 -3
- package/lib/components/chips/ChipsProps.d.ts +3 -2
- package/lib/components/chips/ChipsPropsDefaults.js +10 -10
- package/lib/components/chips/list/ChipsList.d.ts +3 -6
- package/lib/components/chips/list/ChipsList.js +11 -14
- package/lib/components/chips/list/ChipsListProps.d.ts +2 -3
- package/lib/components/chips/list/ChipsListProps.js +4 -1
- package/lib/components/chips/list/ChipsListPropsDefaults.js +0 -14
- package/lib/components/columns/Columns.d.ts +3 -4
- package/lib/components/columns/Columns.js +12 -13
- package/lib/components/columns/Columns.native.d.ts +4 -4
- package/lib/components/columns/Columns.native.js +32 -40
- package/lib/components/columns/ColumnsProps.d.ts +5 -4
- package/lib/components/columns/ColumnsPropsDefaults.js +12 -31
- package/lib/components/columns/index.d.ts +2 -2
- package/lib/components/columns/index.js +3 -3
- package/lib/components/columns/{column/Column.d.ts → item/ColumnsItem.d.ts} +5 -5
- package/lib/components/columns/item/ColumnsItem.js +38 -0
- package/lib/components/columns/{column/Column.native.d.ts → item/ColumnsItem.native.d.ts} +6 -4
- package/lib/components/columns/item/ColumnsItem.native.js +33 -0
- package/lib/components/columns/{column/ColumnProps.d.ts → item/ColumnsItemProps.d.ts} +3 -3
- package/lib/components/columns/item/ColumnsItemProps.js +2 -0
- package/lib/components/columns/{column/ColumnPropsDefaults.js → item/ColumnsItemPropsDefaults.js} +5 -28
- package/lib/components/columns/item/index.d.ts +2 -0
- package/lib/components/columns/item/index.js +3 -0
- package/lib/components/container/Container.d.ts +2 -2
- package/lib/components/container/Container.js +9 -9
- package/lib/components/container/ContainerProps.d.ts +2 -2
- package/lib/components/container/ContainerPropsDefaults.js +5 -12
- package/lib/components/countdown/Countdown.d.ts +1 -1
- package/lib/components/countdown/Countdown.js +4 -4
- package/lib/components/countdown/Countdown.native.d.ts +1 -1
- package/lib/components/countdown/Countdown.native.js +7 -8
- package/lib/components/countdown/CountdownProps.d.ts +3 -2
- package/lib/components/countdown/CountdownPropsDefaults.js +12 -11
- package/lib/components/divider/Divider.d.ts +4 -2
- package/lib/components/divider/Divider.js +19 -16
- package/lib/components/divider/Divider.native.d.ts +3 -1
- package/lib/components/divider/Divider.native.js +12 -6
- package/lib/components/divider/DividerProps.d.ts +6 -4
- package/lib/components/divider/DividerPropsDefaults.js +119 -14
- package/lib/components/enumsComponentsName.d.ts +3 -4
- package/lib/components/enumsComponentsName.js +4 -5
- package/lib/components/fab/Fab.d.ts +2 -2
- package/lib/components/fab/Fab.js +16 -16
- package/lib/components/fab/Fab.native.js +3 -3
- package/lib/components/fab/FabProps.d.ts +2 -2
- package/lib/components/fab/FabPropsDefaults.js +7 -14
- package/lib/components/hero/Hero.d.ts +5 -2
- package/lib/components/hero/Hero.js +14 -11
- package/lib/components/hero/Hero.native.d.ts +3 -3
- package/lib/components/hero/Hero.native.js +33 -22
- package/lib/components/hero/HeroProps.d.ts +8 -4
- package/lib/components/hero/HeroPropsDefaults.js +57 -16
- package/lib/components/icon/Icon.d.ts +11 -2
- package/lib/components/icon/Icon.js +98 -15
- package/lib/components/icon/Icon.native.d.ts +5 -3
- package/lib/components/icon/Icon.native.js +43 -29
- package/lib/components/icon/IconProps.d.ts +18 -4
- package/lib/components/icon/IconPropsDefaults.js +106 -16
- package/lib/components/icon/circle/CircleIcon.d.ts +4 -0
- package/lib/components/icon/circle/CircleIcon.js +20 -0
- package/lib/components/icon/circle/CircleIcon.native.d.ts +8 -0
- package/lib/components/icon/circle/CircleIcon.native.js +72 -0
- package/lib/components/icon/circle/CircleIconProps.d.ts +14 -0
- package/lib/components/icon/circle/CircleIconProps.js +2 -0
- package/lib/components/icon/circle/CircleIconPropsDefaults.js +158 -0
- package/lib/components/icon/circle/index.d.ts +2 -0
- package/lib/components/{radio/tiles → icon/circle}/index.js +3 -3
- package/lib/components/icon/status/StatusIcon.d.ts +4 -0
- package/lib/components/icon/status/StatusIcon.js +20 -0
- package/lib/components/icon/status/StatusIcon.native.d.ts +8 -0
- package/lib/components/icon/status/StatusIcon.native.js +54 -0
- package/lib/components/icon/status/StatusIconProps.d.ts +12 -0
- package/lib/components/icon/status/StatusIconProps.js +2 -0
- package/lib/components/icon/status/StatusIconPropsDefaults.js +118 -0
- package/lib/components/icon/status/index.d.ts +2 -0
- package/lib/components/icon/status/index.js +3 -0
- package/lib/components/icon/text/TextIcon.d.ts +9 -0
- package/lib/components/icon/text/TextIcon.js +36 -0
- package/lib/components/icon/text/TextIcon.native.d.ts +8 -0
- package/lib/components/icon/text/TextIcon.native.js +40 -0
- package/lib/components/icon/text/TextIconProps.d.ts +13 -0
- package/lib/components/icon/text/TextIconProps.js +2 -0
- package/lib/components/{checkbox/tiles/tile/CheckboxTilePropsDefaults.js → icon/text/TextIconPropsDefaults.js} +54 -51
- package/lib/components/icon/text/index.d.ts +2 -0
- package/lib/components/icon/text/index.js +3 -0
- package/lib/components/image/Image.d.ts +2 -2
- package/lib/components/image/Image.js +10 -11
- package/lib/components/image/Image.native.d.ts +3 -1
- package/lib/components/image/Image.native.js +8 -5
- package/lib/components/image/ImageProps.d.ts +11 -11
- package/lib/components/image/ImageProps.js +2 -7
- package/lib/components/image/ImagePropsDefaults.js +15 -40
- package/lib/components/image/index.d.ts +1 -2
- package/lib/components/image/index.js +2 -3
- package/lib/components/input/Input.d.ts +1 -2
- package/lib/components/input/Input.js +18 -11
- package/lib/components/input/Input.native.d.ts +1 -1
- package/lib/components/input/Input.native.js +20 -20
- package/lib/components/input/InputProps.d.ts +9 -6
- package/lib/components/input/InputPropsDefaults.js +84 -17
- package/lib/components/link/Link.d.ts +8 -3
- package/lib/components/link/Link.js +31 -17
- package/lib/components/link/Link.native.d.ts +6 -3
- package/lib/components/link/Link.native.js +75 -33
- package/lib/components/link/LinkProps.d.ts +10 -3
- package/lib/components/link/LinkPropsDefaults.js +41 -16
- package/lib/components/list/List.d.ts +7 -5
- package/lib/components/list/List.js +14 -13
- package/lib/components/list/ListProps.d.ts +3 -3
- package/lib/components/list/ListPropsDefaults.js +7 -14
- package/lib/components/list/item/ListItem.d.ts +9 -2
- package/lib/components/list/item/ListItem.js +26 -9
- package/lib/components/list/item/ListItem.native.d.ts +6 -1
- package/lib/components/list/item/ListItem.native.js +48 -13
- package/lib/components/list/item/ListItemProps.d.ts +8 -3
- package/lib/components/list/item/ListItemProps.js +1 -1
- package/lib/components/list/item/ListItemPropsDefaults.js +57 -52
- package/lib/components/modal/CloseButtonPropsDefaults.js +9 -0
- package/lib/components/modal/Modal.d.ts +19 -1
- package/lib/components/modal/Modal.js +65 -16
- package/lib/components/modal/Modal.native.d.ts +14 -4
- package/lib/components/modal/Modal.native.js +78 -44
- package/lib/components/modal/ModalContentButtonPropsDefaults.js +16 -0
- package/lib/components/modal/ModalEnum.d.ts +0 -5
- package/lib/components/modal/ModalEnum.js +1 -7
- package/lib/components/modal/ModalProps.d.ts +30 -9
- package/lib/components/modal/ModalPropsDefaults.js +213 -16
- package/lib/components/modal/footer/ModalFooter.d.ts +2 -3
- package/lib/components/modal/footer/ModalFooter.js +7 -8
- package/lib/components/modal/footer/ModalFooterProps.d.ts +2 -2
- package/lib/components/modal/footer/ModalFooterPropsDefaults.js +0 -7
- package/lib/components/modal/index.d.ts +2 -3
- package/lib/components/modal/index.js +3 -4
- package/lib/components/modal/{header/ModalHeader.d.ts → title/ModalTitle.d.ts} +4 -3
- package/lib/components/modal/title/ModalTitle.js +22 -0
- package/lib/components/modal/title/ModalTitle.native.d.ts +14 -0
- package/lib/components/modal/title/ModalTitle.native.js +27 -0
- package/lib/components/modal/title/ModalTitleProps.d.ts +10 -0
- package/lib/components/modal/title/ModalTitleProps.js +2 -0
- package/lib/components/{stepper/step/StepPropsDefaults.js → modal/title/ModalTitlePropsDefaults.js} +24 -39
- package/lib/components/otp/Otp.d.ts +5 -5
- package/lib/components/otp/Otp.js +24 -24
- package/lib/components/otp/Otp.native.d.ts +4 -3
- package/lib/components/otp/Otp.native.js +13 -12
- package/lib/components/otp/OtpProps.d.ts +6 -5
- package/lib/components/otp/OtpPropsDefaults.js +22 -22
- package/lib/components/pagination/Pagination.d.ts +1 -1
- package/lib/components/pagination/Pagination.js +21 -18
- package/lib/components/pagination/Pagination.native.d.ts +3 -3
- package/lib/components/pagination/Pagination.native.js +35 -31
- package/lib/components/pagination/PaginationEnum.d.ts +2 -1
- package/lib/components/pagination/PaginationProps.d.ts +3 -3
- package/lib/components/pagination/PaginationPropsDefaults.js +7 -14
- package/lib/components/popover/Popover.d.ts +2 -2
- package/lib/components/popover/Popover.js +11 -9
- package/lib/components/popover/Popover.native.d.ts +3 -3
- package/lib/components/popover/Popover.native.js +37 -26
- package/lib/components/popover/PopoverProps.d.ts +3 -2
- package/lib/components/popover/PopoverPropsDefaults.js +15 -1
- package/lib/components/popover/PopoverWebPropsDefaults.js +22 -15
- package/lib/components/popover/index.d.ts +1 -2
- package/lib/components/popover/index.js +2 -3
- package/lib/components/price/Price.d.ts +8 -4
- package/lib/components/price/Price.js +69 -62
- package/lib/components/price/Price.native.d.ts +8 -5
- package/lib/components/price/Price.native.js +129 -103
- package/lib/components/price/PriceProps.d.ts +10 -5
- package/lib/components/price/PricePropsDefaults.js +39 -20
- package/lib/components/product-tour/ProductTour.d.ts +1 -1
- package/lib/components/product-tour/ProductTour.js +4 -4
- package/lib/components/product-tour/ProductTourProps.d.ts +2 -2
- package/lib/components/product-tour/ProductTourProps.js +1 -1
- package/lib/components/product-tour/ProductTourPropsDefaults.js +3 -3
- package/lib/components/product-tour/ProductTourWebPropsDefaults.js +10 -17
- package/lib/components/progress/Progress.d.ts +9 -3
- package/lib/components/progress/Progress.js +31 -21
- package/lib/components/progress/Progress.native.d.ts +7 -4
- package/lib/components/progress/Progress.native.js +56 -26
- package/lib/components/progress/ProgressProps.d.ts +10 -7
- package/lib/components/progress/ProgressPropsDefaults.js +30 -8
- package/lib/components/progress/index.d.ts +2 -1
- package/lib/components/progress/index.js +3 -2
- package/lib/components/progress/item/ProgressItem.d.ts +15 -0
- package/lib/components/progress/item/ProgressItem.js +26 -0
- package/lib/components/progress/item/ProgressItem.native.d.ts +14 -0
- package/lib/components/progress/item/ProgressItem.native.js +36 -0
- package/lib/components/progress/item/ProgressItemProps.d.ts +12 -0
- package/lib/components/progress/item/ProgressItemProps.js +2 -0
- package/lib/components/{tabs/tab-list/TabListPropsDefaults.js → progress/item/ProgressItemPropsDefaults.js} +30 -10
- package/lib/components/progress/item/index.d.ts +2 -0
- package/lib/components/progress/item/index.js +3 -0
- package/lib/components/progress/radial/ProgressRadial.d.ts +7 -1
- package/lib/components/progress/radial/ProgressRadial.js +18 -12
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +6 -4
- package/lib/components/progress/radial/ProgressRadial.native.js +32 -30
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +7 -7
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +40 -98
- package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts +2 -2
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +7 -14
- package/lib/components/progress/radial/item/ProgressRadialtem.d.ts +2 -2
- package/lib/components/progress/radial/item/ProgressRadialtem.js +7 -7
- package/lib/components/radio/Radio.d.ts +17 -8
- package/lib/components/radio/Radio.js +61 -18
- package/lib/components/radio/Radio.native.d.ts +3 -3
- package/lib/components/radio/Radio.native.js +62 -60
- package/lib/components/radio/RadioProps.d.ts +24 -7
- package/lib/components/radio/RadioPropsDefaults.js +139 -6
- package/lib/components/radio/index.d.ts +1 -3
- package/lib/components/radio/index.js +2 -4
- package/lib/components/radio/list/RadioList.d.ts +5 -5
- package/lib/components/radio/list/RadioList.js +11 -12
- package/lib/components/radio/list/RadioList.native.d.ts +3 -3
- package/lib/components/radio/list/RadioList.native.js +11 -11
- package/lib/components/radio/list/RadioListProps.d.ts +5 -7
- package/lib/components/radio/list/RadioListPropsDefaults.js +9 -0
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +15 -17
- package/lib/components/range/Range.d.ts +10 -1
- package/lib/components/range/Range.js +32 -23
- package/lib/components/range/Range.native.d.ts +14 -3
- package/lib/components/range/Range.native.js +29 -18
- package/lib/components/range/RangeProps.d.ts +9 -6
- package/lib/components/range/RangePropsDefaults.js +28 -14
- package/lib/components/rows/Rows.d.ts +4 -3
- package/lib/components/rows/Rows.js +11 -10
- package/lib/components/rows/Rows.native.d.ts +7 -4
- package/lib/components/rows/Rows.native.js +10 -11
- package/lib/components/rows/RowsProps.d.ts +3 -4
- package/lib/components/rows/RowsPropsDefaults.js +5 -21
- package/lib/components/rows/index.d.ts +2 -2
- package/lib/components/rows/index.js +3 -3
- package/lib/components/rows/{row/Row.d.ts → item/RowItem.d.ts} +4 -4
- package/lib/components/rows/item/RowItem.js +21 -0
- package/lib/components/rows/item/RowItem.native.d.ts +13 -0
- package/lib/components/rows/item/RowItem.native.js +25 -0
- package/lib/components/rows/item/RowItemProps.d.ts +9 -0
- package/lib/components/rows/item/RowItemProps.js +2 -0
- package/lib/components/{popover/content/PopoverContentPropsDefaults.js → rows/item/RowsItemPropsDefaults.js} +4 -3
- package/lib/components/rows/item/index.d.ts +2 -0
- package/lib/components/rows/item/index.js +3 -0
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +2 -2
- package/lib/components/section/Section.d.ts +5 -1
- package/lib/components/section/Section.js +16 -8
- package/lib/components/section/Section.native.d.ts +6 -3
- package/lib/components/section/Section.native.js +22 -14
- package/lib/components/section/SectionProps.d.ts +3 -3
- package/lib/components/section/SectionPropsDefaults.js +40 -14
- package/lib/components/segment-control/SegmentControl.d.ts +3 -1
- package/lib/components/segment-control/SegmentControl.js +9 -5
- package/lib/components/segment-control/SegmentControl.native.d.ts +5 -3
- package/lib/components/segment-control/SegmentControl.native.js +22 -15
- package/lib/components/segment-control/SegmentControlProps.d.ts +5 -4
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +20 -15
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +1 -1
- package/lib/components/segment-control/item/SegmentControlItem.js +4 -4
- package/lib/components/segment-control/item/SegmentControlItem.native.d.ts +3 -3
- package/lib/components/segment-control/item/SegmentControlItem.native.js +18 -14
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +5 -3
- package/lib/components/segment-control/item/SegmentControlItemPropsDefaults.js +14 -12
- package/lib/components/select/Select.d.ts +14 -0
- package/lib/components/select/Select.js +15 -1
- package/lib/components/select/Select.native.d.ts +1 -1
- package/lib/components/select/Select.native.js +17 -10
- package/lib/components/select/SelectProps.d.ts +4 -2
- package/lib/components/select/SelectPropsDefaults.js +16 -8
- package/lib/components/select/option/SelectOption.d.ts +1 -2
- package/lib/components/select/option/SelectOption.js +8 -9
- package/lib/components/select/option/SelectOption.native.js +8 -7
- package/lib/components/select/option/SelectOptionProps.d.ts +5 -2
- package/lib/components/select/option/SelectOptionPropsDefaults.js +22 -14
- package/lib/components/select/web/SelectDynamic.d.ts +1 -1
- package/lib/components/select/web/SelectDynamic.js +20 -12
- package/lib/components/spacer/Spacer.d.ts +2 -2
- package/lib/components/spacer/Spacer.js +6 -11
- package/lib/components/spacer/SpacerProps.d.ts +1 -2
- package/lib/components/spacer/SpacerPropsDefaults.js +0 -14
- package/lib/components/stepper/Stepper.d.ts +3 -3
- package/lib/components/stepper/Stepper.js +28 -19
- package/lib/components/stepper/Stepper.native.d.ts +3 -3
- package/lib/components/stepper/Stepper.native.js +20 -17
- package/lib/components/stepper/StepperProps.d.ts +3 -2
- package/lib/components/stepper/StepperPropsDefaults.js +4 -3
- package/lib/components/stepper/index.d.ts +3 -3
- package/lib/components/stepper/index.js +4 -4
- package/lib/components/stepper/step/{Step.d.ts → StepperStep.d.ts} +6 -4
- package/lib/components/stepper/step/StepperStep.js +44 -0
- package/lib/components/stepper/step/{Step.native.d.ts → StepperStep.native.d.ts} +3 -3
- package/lib/components/stepper/step/StepperStep.native.js +63 -0
- package/lib/components/stepper/step/{StepEnum.d.ts → StepperStepEnum.d.ts} +2 -2
- package/lib/components/stepper/step/StepperStepEnum.js +11 -0
- package/lib/components/stepper/step/StepperStepProps.d.ts +18 -0
- package/lib/components/stepper/step/StepperStepProps.js +2 -0
- package/lib/components/{radio/tiles/tile/RadioTilePropsDefaults.js → stepper/step/StepperStepPropsDefaults.js} +69 -82
- package/lib/components/stepper/step/index.d.ts +2 -2
- package/lib/components/stepper/step/index.js +3 -3
- package/lib/components/sticker/Sticker.d.ts +4 -3
- package/lib/components/sticker/Sticker.js +19 -11
- package/lib/components/sticker/Sticker.native.d.ts +3 -3
- package/lib/components/sticker/Sticker.native.js +25 -23
- package/lib/components/sticker/StickerProps.d.ts +9 -7
- package/lib/components/sticker/StickerPropsDefaults.js +32 -61
- package/lib/components/switch/Switch.d.ts +2 -2
- package/lib/components/switch/Switch.js +10 -10
- package/lib/components/switch/SwitchProps.d.ts +4 -3
- package/lib/components/switch/SwitchPropsDefaults.js +17 -17
- package/lib/components/table/Table.d.ts +2 -2
- package/lib/components/table/Table.js +9 -10
- package/lib/components/table/Table.native.d.ts +3 -3
- package/lib/components/table/Table.native.js +14 -11
- package/lib/components/table/TableProps.d.ts +5 -9
- package/lib/components/table/TableProps.js +2 -7
- package/lib/components/table/TablePropsDefaults.js +17 -17
- package/lib/components/table/body/TableBody.d.ts +2 -2
- package/lib/components/table/body/TableBody.js +10 -10
- package/lib/components/table/body/TableBodyProps.d.ts +2 -2
- package/lib/components/table/body/TableBodyPropsDefaults.js +11 -18
- package/lib/components/table/head/TableHead.d.ts +2 -2
- package/lib/components/table/head/TableHead.js +10 -10
- package/lib/components/table/head/TableHeadProps.d.ts +2 -2
- package/lib/components/table/head/TableHeadPropsDefaults.js +11 -18
- package/lib/components/table/index.d.ts +0 -1
- package/lib/components/table/index.js +1 -2
- package/lib/components/table/td/TableTd.d.ts +3 -2
- package/lib/components/table/td/TableTd.js +8 -7
- package/lib/components/table/td/TableTdProps.d.ts +2 -2
- package/lib/components/table/td/TableTdPropsDefaults.js +4 -11
- package/lib/components/table/th/TableTh.d.ts +2 -2
- package/lib/components/table/th/TableTh.js +7 -7
- package/lib/components/table/th/TableThProps.d.ts +2 -2
- package/lib/components/table/th/TableThPropsDefaults.js +4 -11
- package/lib/components/table/tr/TableTr.d.ts +1 -1
- package/lib/components/table/tr/TableTr.js +3 -3
- package/lib/components/table/tr/TableTrProps.d.ts +1 -2
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +2 -2
- package/lib/components/tabs/Tabs.d.ts +7 -1
- package/lib/components/tabs/Tabs.js +54 -9
- package/lib/components/tabs/Tabs.native.d.ts +18 -0
- package/lib/components/tabs/Tabs.native.js +73 -0
- package/lib/components/tabs/TabsProps.d.ts +10 -3
- package/lib/components/tabs/TabsPropsDefaults.js +63 -25
- package/lib/components/tabs/index.d.ts +2 -5
- package/lib/components/tabs/index.js +3 -6
- package/lib/components/tabs/{tab-list/tab/Tab.d.ts → item/TabsItem.d.ts} +4 -4
- package/lib/components/tabs/item/TabsItem.js +65 -0
- package/lib/components/tabs/item/TabsItem.native.d.ts +16 -0
- package/lib/components/tabs/item/TabsItem.native.js +87 -0
- package/lib/components/tabs/item/TabsItemProps.d.ts +19 -0
- package/lib/components/tabs/item/TabsItemProps.js +2 -0
- package/lib/components/tabs/{tab-list/tab/TabPropsDefaults.js → item/TabsItemPropsDefaults.js} +34 -18
- package/lib/components/tabs/item/index.d.ts +2 -0
- package/lib/components/tabs/item/index.js +3 -0
- package/lib/components/tag/Tag.d.ts +1 -1
- package/lib/components/tag/Tag.js +4 -4
- package/lib/components/tag/Tag.native.d.ts +1 -1
- package/lib/components/tag/Tag.native.js +4 -4
- package/lib/components/tag/TagProps.d.ts +3 -3
- package/lib/components/tag/TagPropsDefaults.js +20 -17
- package/lib/components/tag/list/TagList.d.ts +5 -3
- package/lib/components/tag/list/TagList.js +12 -11
- package/lib/components/tag/list/TagList.native.d.ts +4 -3
- package/lib/components/tag/list/TagList.native.js +15 -10
- package/lib/components/tag/list/TagListProps.d.ts +5 -4
- package/lib/components/tag/list/TagListPropsDefaults.js +17 -20
- package/lib/components/text/Text.d.ts +8 -2
- package/lib/components/text/Text.js +23 -16
- package/lib/components/text/Text.native.d.ts +5 -3
- package/lib/components/text/Text.native.js +35 -25
- package/lib/components/text/TextEnum.d.ts +3 -1
- package/lib/components/text/TextEnum.js +3 -1
- package/lib/components/text/TextProps.d.ts +7 -2
- package/lib/components/text/TextPropsDefaults.js +54 -21
- package/lib/components/textarea/Textarea.d.ts +10 -1
- package/lib/components/textarea/Textarea.js +22 -13
- package/lib/components/textarea/Textarea.native.js +10 -10
- package/lib/components/textarea/TextareaProps.d.ts +6 -5
- package/lib/components/timeline/Timeline.d.ts +4 -3
- package/lib/components/timeline/Timeline.js +12 -11
- package/lib/components/timeline/TimelineProps.d.ts +3 -2
- package/lib/components/timeline/TimelinePropsDefaults.js +12 -11
- package/lib/components/timeline/content/TimelineContent.d.ts +4 -2
- package/lib/components/timeline/content/TimelineContent.js +18 -13
- package/lib/components/timeline/content/TimelineContent.native.d.ts +3 -3
- package/lib/components/timeline/content/TimelineContent.native.js +13 -13
- package/lib/components/timeline/content/TimelineContentProps.d.ts +6 -5
- package/lib/components/timeline/content/TimelineContentPropsDefaults.js +9 -2
- package/lib/components/timeline/content/TimelineContentWebPropsDefaults.js +12 -12
- package/lib/components/timeline/item/TimelineItem.d.ts +4 -3
- package/lib/components/timeline/item/TimelineItem.js +11 -10
- package/lib/components/timeline/item/TimelineItem.native.d.ts +2 -1
- package/lib/components/timeline/item/TimelineItem.native.js +4 -4
- package/lib/components/timeline/item/TimelineItemProps.d.ts +4 -2
- package/lib/components/timeline/item/TimelineItemPropsDefaults.js +8 -0
- package/lib/components/timeline/item/TimelineItemWebPropsDefaults.js +15 -14
- package/lib/components/timeline/marker/TimelineMarker.d.ts +2 -2
- package/lib/components/timeline/marker/TimelineMarker.js +11 -11
- package/lib/components/timeline/marker/TimelineMarker.native.d.ts +3 -3
- package/lib/components/timeline/marker/TimelineMarker.native.js +26 -21
- package/lib/components/timeline/marker/TimelineMarkerProps.d.ts +6 -3
- package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js +38 -0
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +43 -12
- package/lib/components/title/Title.d.ts +1 -1
- package/lib/components/title/Title.js +11 -7
- package/lib/components/title/Title.native.d.ts +1 -1
- package/lib/components/title/Title.native.js +8 -6
- package/lib/components/title/TitleProps.d.ts +5 -2
- package/lib/components/title/TitlePropsDefaults.js +29 -14
- package/lib/components/view/ViewPropsDefaults.js +2 -2
- package/lib/objects/facets/Justifiable.d.ts +0 -1
- package/lib/objects/facets/Justifiable.js +1 -13
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/components/accordion/item/body/AccordionBody.d.ts +0 -11
- package/lib/components/accordion/item/body/AccordionBody.js +0 -19
- package/lib/components/accordion/item/body/AccordionBody.native.js +0 -18
- package/lib/components/accordion/item/body/AccordionBodyProps.d.ts +0 -9
- package/lib/components/accordion/item/body/AccordionBodyProps.js +0 -2
- package/lib/components/accordion/item/body/AccordionBodyPropsDefaults.js +0 -37
- package/lib/components/accordion/item/header/AccordionHeader.d.ts +0 -11
- package/lib/components/accordion/item/header/AccordionHeader.js +0 -19
- package/lib/components/accordion/item/header/AccordionHeader.native.js +0 -21
- package/lib/components/accordion/item/header/AccordionHeaderProps.d.ts +0 -8
- package/lib/components/accordion/item/header/AccordionHeaderProps.js +0 -2
- package/lib/components/accordion/item/header/AccordionHeaderPropsDefaults.js +0 -30
- package/lib/components/button/list/ButtonListEnum.d.ts +0 -5
- package/lib/components/button/list/ButtonListEnum.js +0 -6
- package/lib/components/checkbox/tiles/CheckboxTiles.d.ts +0 -10
- package/lib/components/checkbox/tiles/CheckboxTiles.js +0 -36
- package/lib/components/checkbox/tiles/CheckboxTilesProps.d.ts +0 -9
- package/lib/components/checkbox/tiles/CheckboxTilesProps.js +0 -2
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +0 -54
- package/lib/components/checkbox/tiles/index.d.ts +0 -2
- package/lib/components/checkbox/tiles/index.js +0 -3
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +0 -10
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +0 -36
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.d.ts +0 -12
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.js +0 -2
- package/lib/components/checkbox/tiles/tile/index.d.ts +0 -2
- package/lib/components/checkbox/tiles/tile/index.js +0 -3
- package/lib/components/columns/column/Column.js +0 -39
- package/lib/components/columns/column/Column.native.js +0 -32
- package/lib/components/columns/column/ColumnProps.js +0 -2
- package/lib/components/columns/column/index.d.ts +0 -2
- package/lib/components/columns/column/index.js +0 -3
- package/lib/components/modal/body/ModalBody.d.ts +0 -11
- package/lib/components/modal/body/ModalBody.js +0 -18
- package/lib/components/modal/body/ModalBody.native.d.ts +0 -13
- package/lib/components/modal/body/ModalBody.native.js +0 -23
- package/lib/components/modal/body/ModalBodyProps.d.ts +0 -8
- package/lib/components/modal/body/ModalBodyProps.js +0 -2
- package/lib/components/modal/body/ModalBodyPropsDefaults.js +0 -30
- package/lib/components/modal/header/ModalHeader.js +0 -19
- package/lib/components/modal/header/ModalHeader.native.d.ts +0 -13
- package/lib/components/modal/header/ModalHeader.native.js +0 -22
- package/lib/components/modal/header/ModalHeaderProps.d.ts +0 -8
- package/lib/components/modal/header/ModalHeaderProps.js +0 -2
- package/lib/components/modal/header/ModalHeaderPropsDefaults.js +0 -30
- package/lib/components/popover/content/PopoverContent.d.ts +0 -10
- package/lib/components/popover/content/PopoverContent.js +0 -19
- package/lib/components/popover/content/PopoverContentProps.d.ts +0 -5
- package/lib/components/popover/content/PopoverContentProps.js +0 -2
- package/lib/components/radio/tiles/RadioTiles.d.ts +0 -10
- package/lib/components/radio/tiles/RadioTiles.js +0 -36
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +0 -9
- package/lib/components/radio/tiles/RadioTilesProps.js +0 -2
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +0 -54
- package/lib/components/radio/tiles/index.d.ts +0 -2
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +0 -10
- package/lib/components/radio/tiles/tile/RadioTile.js +0 -36
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +0 -11
- package/lib/components/radio/tiles/tile/RadioTileProps.js +0 -2
- package/lib/components/radio/tiles/tile/index.d.ts +0 -2
- package/lib/components/radio/tiles/tile/index.js +0 -3
- package/lib/components/rows/row/Row.js +0 -21
- package/lib/components/rows/row/Row.native.d.ts +0 -13
- package/lib/components/rows/row/Row.native.js +0 -22
- package/lib/components/rows/row/RowProps.d.ts +0 -9
- package/lib/components/rows/row/RowProps.js +0 -2
- package/lib/components/rows/row/index.d.ts +0 -2
- package/lib/components/rows/row/index.js +0 -3
- package/lib/components/stepper/step/Step.js +0 -35
- package/lib/components/stepper/step/Step.native.js +0 -59
- package/lib/components/stepper/step/StepEnum.js +0 -11
- package/lib/components/stepper/step/StepProps.d.ts +0 -13
- package/lib/components/stepper/step/StepProps.js +0 -2
- package/lib/components/tabs/tab-list/TabList.d.ts +0 -13
- package/lib/components/tabs/tab-list/TabList.js +0 -24
- package/lib/components/tabs/tab-list/TabListProps.d.ts +0 -10
- package/lib/components/tabs/tab-list/TabListProps.js +0 -2
- package/lib/components/tabs/tab-list/index.d.ts +0 -2
- package/lib/components/tabs/tab-list/index.js +0 -3
- package/lib/components/tabs/tab-list/tab/Tab.js +0 -65
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +0 -16
- package/lib/components/tabs/tab-list/tab/TabProps.js +0 -2
- package/lib/components/tabs/tab-list/tab/index.d.ts +0 -2
- package/lib/components/tabs/tab-list/tab/index.js +0 -3
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +0 -12
- package/lib/components/tabs/tab-panels/TabPanels.js +0 -21
- package/lib/components/tabs/tab-panels/TabPanelsProps.d.ts +0 -9
- package/lib/components/tabs/tab-panels/TabPanelsProps.js +0 -2
- package/lib/components/tabs/tab-panels/TabPanelsPropsDefaults.js +0 -37
- package/lib/components/tabs/tab-panels/index.d.ts +0 -2
- package/lib/components/tabs/tab-panels/index.js +0 -3
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +0 -11
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +0 -20
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +0 -9
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.js +0 -2
- package/lib/components/tabs/tab-panels/tab-panel/index.d.ts +0 -2
- package/lib/components/tabs/tab-panels/tab-panel/index.js +0 -3
- package/lib/objects/facets/CommonProps.d.ts +0 -4
- package/lib/objects/facets/CommonProps.js +0 -2
- /package/lib/components/{tabs/tab-panels/tab-panel/TabPanelPropsDefaults.js → accordion/body/AccordionBodyPropsDefaults.js} +0 -0
- /package/lib/components/accordion/{item/body → body}/index.d.ts +0 -0
- /package/lib/components/accordion/{item/header → header}/index.d.ts +0 -0
|
@@ -14,6 +14,13 @@ export default {
|
|
|
14
14
|
"true"
|
|
15
15
|
]
|
|
16
16
|
},
|
|
17
|
+
"className": {
|
|
18
|
+
"type": "string",
|
|
19
|
+
"values": [
|
|
20
|
+
"undefined",
|
|
21
|
+
"string"
|
|
22
|
+
]
|
|
23
|
+
},
|
|
17
24
|
"iconName": {
|
|
18
25
|
"type": "enum",
|
|
19
26
|
"values": [
|
|
@@ -66,34 +73,132 @@ export default {
|
|
|
66
73
|
"tri-picto-payment-visa"
|
|
67
74
|
]
|
|
68
75
|
},
|
|
69
|
-
"
|
|
70
|
-
"type": "
|
|
76
|
+
"color": {
|
|
77
|
+
"type": "enum",
|
|
71
78
|
"values": [
|
|
72
79
|
"undefined",
|
|
73
|
-
"
|
|
74
|
-
"
|
|
80
|
+
"SUCCESS",
|
|
81
|
+
"INFO",
|
|
82
|
+
"WARNING",
|
|
83
|
+
"ERROR",
|
|
84
|
+
"WHITE",
|
|
85
|
+
"MAIN",
|
|
86
|
+
"MAIN_FADE",
|
|
87
|
+
"ACCENT",
|
|
88
|
+
"FONT",
|
|
89
|
+
"SUCCESS",
|
|
90
|
+
"SUCCESS_FADE",
|
|
91
|
+
"INFO",
|
|
92
|
+
"INFO_FADE",
|
|
93
|
+
"WARNING",
|
|
94
|
+
"WARNING_FADE",
|
|
95
|
+
"ERROR",
|
|
96
|
+
"ERROR_FADE",
|
|
97
|
+
"DISABLED",
|
|
98
|
+
"DISABLED_FADE",
|
|
99
|
+
"NEUTRAL",
|
|
100
|
+
"NEUTRAL_FADE",
|
|
101
|
+
"WHITE",
|
|
102
|
+
"MAIN",
|
|
103
|
+
"MAIN_FADE",
|
|
104
|
+
"ACCENT",
|
|
105
|
+
"FONT",
|
|
106
|
+
"SUCCESS_FADE",
|
|
107
|
+
"INFO_FADE",
|
|
108
|
+
"WARNING_FADE",
|
|
109
|
+
"ERROR_FADE",
|
|
110
|
+
"DISABLED",
|
|
111
|
+
"DISABLED_FADE",
|
|
112
|
+
"NEUTRAL",
|
|
113
|
+
"NEUTRAL_FADE"
|
|
75
114
|
]
|
|
76
115
|
},
|
|
77
|
-
"
|
|
78
|
-
"type": "
|
|
116
|
+
"backgroundColor": {
|
|
117
|
+
"type": "enum",
|
|
79
118
|
"values": [
|
|
80
119
|
"undefined",
|
|
81
|
-
"
|
|
82
|
-
"
|
|
120
|
+
"SUCCESS",
|
|
121
|
+
"INFO",
|
|
122
|
+
"WARNING",
|
|
123
|
+
"ERROR",
|
|
124
|
+
"WHITE",
|
|
125
|
+
"MAIN",
|
|
126
|
+
"MAIN_FADE",
|
|
127
|
+
"ACCENT",
|
|
128
|
+
"FONT",
|
|
129
|
+
"SUCCESS",
|
|
130
|
+
"SUCCESS_FADE",
|
|
131
|
+
"INFO",
|
|
132
|
+
"INFO_FADE",
|
|
133
|
+
"WARNING",
|
|
134
|
+
"WARNING_FADE",
|
|
135
|
+
"ERROR",
|
|
136
|
+
"ERROR_FADE",
|
|
137
|
+
"DISABLED",
|
|
138
|
+
"DISABLED_FADE",
|
|
139
|
+
"NEUTRAL",
|
|
140
|
+
"NEUTRAL_FADE",
|
|
141
|
+
"WHITE",
|
|
142
|
+
"MAIN",
|
|
143
|
+
"MAIN_FADE",
|
|
144
|
+
"ACCENT",
|
|
145
|
+
"FONT",
|
|
146
|
+
"SUCCESS_FADE",
|
|
147
|
+
"INFO_FADE",
|
|
148
|
+
"WARNING_FADE",
|
|
149
|
+
"ERROR_FADE",
|
|
150
|
+
"DISABLED",
|
|
151
|
+
"DISABLED_FADE",
|
|
152
|
+
"NEUTRAL",
|
|
153
|
+
"NEUTRAL_FADE"
|
|
83
154
|
]
|
|
84
155
|
},
|
|
85
|
-
"
|
|
86
|
-
"type": "
|
|
156
|
+
"textColor": {
|
|
157
|
+
"type": "enum",
|
|
87
158
|
"values": [
|
|
88
159
|
"undefined",
|
|
89
|
-
"
|
|
160
|
+
"SUCCESS",
|
|
161
|
+
"INFO",
|
|
162
|
+
"WARNING",
|
|
163
|
+
"ERROR",
|
|
164
|
+
"WHITE",
|
|
165
|
+
"MAIN",
|
|
166
|
+
"MAIN_FADE",
|
|
167
|
+
"ACCENT",
|
|
168
|
+
"FONT",
|
|
169
|
+
"SUCCESS",
|
|
170
|
+
"SUCCESS_FADE",
|
|
171
|
+
"INFO",
|
|
172
|
+
"INFO_FADE",
|
|
173
|
+
"WARNING",
|
|
174
|
+
"WARNING_FADE",
|
|
175
|
+
"ERROR",
|
|
176
|
+
"ERROR_FADE",
|
|
177
|
+
"DISABLED",
|
|
178
|
+
"DISABLED_FADE",
|
|
179
|
+
"NEUTRAL",
|
|
180
|
+
"NEUTRAL_FADE",
|
|
181
|
+
"WHITE",
|
|
182
|
+
"MAIN",
|
|
183
|
+
"MAIN_FADE",
|
|
184
|
+
"ACCENT",
|
|
185
|
+
"FONT",
|
|
186
|
+
"SUCCESS_FADE",
|
|
187
|
+
"INFO_FADE",
|
|
188
|
+
"WARNING_FADE",
|
|
189
|
+
"ERROR_FADE",
|
|
190
|
+
"DISABLED",
|
|
191
|
+
"DISABLED_FADE",
|
|
192
|
+
"NEUTRAL",
|
|
193
|
+
"NEUTRAL_FADE"
|
|
90
194
|
]
|
|
91
195
|
},
|
|
92
|
-
"
|
|
93
|
-
"type": "
|
|
196
|
+
"marginless": {
|
|
197
|
+
"type": "boolean",
|
|
94
198
|
"values": [
|
|
95
199
|
"undefined",
|
|
96
|
-
"
|
|
200
|
+
"false",
|
|
201
|
+
"true"
|
|
97
202
|
]
|
|
98
203
|
}
|
|
99
204
|
};
|
|
@@ -32,7 +32,7 @@ export declare enum ComponentName {
|
|
|
32
32
|
Checkbox = "Checkbox",
|
|
33
33
|
CheckboxesList = "CheckboxesList",
|
|
34
34
|
Columns = "Columns",
|
|
35
|
-
|
|
35
|
+
ColumnsItem = "ColumnsItem",
|
|
36
36
|
Container = "Container",
|
|
37
37
|
ContentSize = "ContentSize",
|
|
38
38
|
Countdown = "Countdown",
|
|
@@ -55,11 +55,10 @@ export declare enum ComponentName {
|
|
|
55
55
|
ListItemDescription = "ListItemDescription",
|
|
56
56
|
ListIconStatus = "ListIconStatus",
|
|
57
57
|
Modal = "Modal",
|
|
58
|
-
ModalBody = "ModalBody",
|
|
59
58
|
ModalMarkup = "ModalMarkup",
|
|
60
59
|
ModalFooter = "ModalFooter",
|
|
61
|
-
ModalHeader = "ModalHeader",
|
|
62
60
|
ModalCtaMarkup = "ModalCtaMarkup",
|
|
61
|
+
ModalTitle = "ModalTitle",
|
|
63
62
|
Navbar = "Navbar",
|
|
64
63
|
NavbarBrand = "NavbarBrand",
|
|
65
64
|
NavbarDropdown = "NavbarDropdown",
|
|
@@ -100,7 +99,7 @@ export declare enum ComponentName {
|
|
|
100
99
|
Radio = "Radio",
|
|
101
100
|
RadioList = "RadioList",
|
|
102
101
|
Rows = "Rows",
|
|
103
|
-
|
|
102
|
+
RowsItem = "RowsItem",
|
|
104
103
|
ScrollView = "ScrollView",
|
|
105
104
|
Section = "Section",
|
|
106
105
|
Select = "Select",
|
|
@@ -33,7 +33,7 @@ export var ComponentName;
|
|
|
33
33
|
ComponentName["Checkbox"] = "Checkbox";
|
|
34
34
|
ComponentName["CheckboxesList"] = "CheckboxesList";
|
|
35
35
|
ComponentName["Columns"] = "Columns";
|
|
36
|
-
ComponentName["
|
|
36
|
+
ComponentName["ColumnsItem"] = "ColumnsItem";
|
|
37
37
|
ComponentName["Container"] = "Container";
|
|
38
38
|
ComponentName["ContentSize"] = "ContentSize";
|
|
39
39
|
ComponentName["Countdown"] = "Countdown";
|
|
@@ -56,11 +56,10 @@ export var ComponentName;
|
|
|
56
56
|
ComponentName["ListItemDescription"] = "ListItemDescription";
|
|
57
57
|
ComponentName["ListIconStatus"] = "ListIconStatus";
|
|
58
58
|
ComponentName["Modal"] = "Modal";
|
|
59
|
-
ComponentName["ModalBody"] = "ModalBody";
|
|
60
59
|
ComponentName["ModalMarkup"] = "ModalMarkup";
|
|
61
60
|
ComponentName["ModalFooter"] = "ModalFooter";
|
|
62
|
-
ComponentName["ModalHeader"] = "ModalHeader";
|
|
63
61
|
ComponentName["ModalCtaMarkup"] = "ModalCtaMarkup";
|
|
62
|
+
ComponentName["ModalTitle"] = "ModalTitle";
|
|
64
63
|
ComponentName["Navbar"] = "Navbar";
|
|
65
64
|
ComponentName["NavbarBrand"] = "NavbarBrand";
|
|
66
65
|
ComponentName["NavbarDropdown"] = "NavbarDropdown";
|
|
@@ -101,7 +100,7 @@ export var ComponentName;
|
|
|
101
100
|
ComponentName["Radio"] = "Radio";
|
|
102
101
|
ComponentName["RadioList"] = "RadioList";
|
|
103
102
|
ComponentName["Rows"] = "Rows";
|
|
104
|
-
ComponentName["
|
|
103
|
+
ComponentName["RowsItem"] = "RowsItem";
|
|
105
104
|
ComponentName["ScrollView"] = "ScrollView";
|
|
106
105
|
ComponentName["Section"] = "Section";
|
|
107
106
|
ComponentName["Select"] = "Select";
|
|
@@ -152,4 +151,4 @@ export var ComponentName;
|
|
|
152
151
|
ComponentName["ChipsList"] = "ChipsList";
|
|
153
152
|
ComponentName["Range"] = "Range";
|
|
154
153
|
})(ComponentName || (ComponentName = {}));
|
|
155
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
154
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQXVKWDtBQXZKRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsa0RBQWlDLENBQUE7SUFDakMsb0NBQW1CLENBQUE7SUFDbkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsb0NBQW1CLENBQUE7SUFDbkIsNEJBQVcsQ0FBQTtJQUNYLDhCQUFhLENBQUE7SUFDYiw4QkFB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
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { FabProps } from
|
|
2
|
+
import { FabProps } from "./FabProps";
|
|
3
3
|
/**
|
|
4
4
|
* Fab Component - Floating Button Action
|
|
5
5
|
* @param children {ReactNode} Text for fab button
|
|
@@ -16,5 +16,5 @@ import { FabProps } from './FabProps';
|
|
|
16
16
|
* @param disabled {boolean} disabled button
|
|
17
17
|
* @param testId {string} Test Id for Test Integration
|
|
18
18
|
**/
|
|
19
|
-
declare const Fab: ({ children, extended, iconName, accessibilityLabel, onClick, className,
|
|
19
|
+
declare const Fab: ({ children, extended, iconName, accessibilityLabel, onClick, className, fixed, top, bottom, left, right, testId, disabled, ...others }: FabProps) => JSX.Element;
|
|
20
20
|
export default Fab;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, { useEffect, useState } from
|
|
3
|
-
import { useTrilogyContext } from
|
|
4
|
-
import { hashClass } from
|
|
5
|
-
import clsx from
|
|
6
|
-
import { Icon } from
|
|
7
|
-
import { is } from
|
|
2
|
+
import React, { useEffect, useState } from "react";
|
|
3
|
+
import { useTrilogyContext } from "../../context";
|
|
4
|
+
import { hashClass } from "../../helpers";
|
|
5
|
+
import clsx from "clsx";
|
|
6
|
+
import { Icon } from "../../components/icon";
|
|
7
|
+
import { is } from "../../services";
|
|
8
8
|
/**
|
|
9
9
|
* Fab Component - Floating Button Action
|
|
10
10
|
* @param children {ReactNode} Text for fab button
|
|
@@ -22,7 +22,7 @@ import { is } from '../../services';
|
|
|
22
22
|
* @param testId {string} Test Id for Test Integration
|
|
23
23
|
**/
|
|
24
24
|
var Fab = function (_a) {
|
|
25
|
-
var children = _a.children, extended = _a.extended, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, className = _a.className,
|
|
25
|
+
var children = _a.children, extended = _a.extended, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, className = _a.className, _b = _a.fixed, fixed = _b === void 0 ? true : _b, top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right, testId = _a.testId, disabled = _a.disabled, others = __rest(_a, ["children", "extended", "iconName", "accessibilityLabel", "onClick", "className", "fixed", "top", "bottom", "left", "right", "testId", "disabled"]);
|
|
26
26
|
var styled = useTrilogyContext().styled;
|
|
27
27
|
var _c = __read(useState(extended || false), 2), isExtended = _c[0], setIsExtended = _c[1];
|
|
28
28
|
useEffect(function () {
|
|
@@ -31,17 +31,17 @@ var Fab = function (_a) {
|
|
|
31
31
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
32
32
|
var positionStyle = top || bottom || left || right
|
|
33
33
|
? {
|
|
34
|
-
position: fixed ?
|
|
35
|
-
top: top !== null && top !== void 0 ? top :
|
|
36
|
-
bottom: bottom !== null && bottom !== void 0 ? bottom :
|
|
37
|
-
left: left !== null && left !== void 0 ? left :
|
|
38
|
-
right: right !== null && right !== void 0 ? right :
|
|
34
|
+
position: fixed ? "fixed" : "absolute",
|
|
35
|
+
top: top !== null && top !== void 0 ? top : "auto",
|
|
36
|
+
bottom: bottom !== null && bottom !== void 0 ? bottom : "auto",
|
|
37
|
+
left: left !== null && left !== void 0 ? left : "auto",
|
|
38
|
+
right: right !== null && right !== void 0 ? right : "auto",
|
|
39
39
|
}
|
|
40
40
|
: {
|
|
41
|
-
position:
|
|
41
|
+
position: "relative",
|
|
42
42
|
};
|
|
43
|
-
var _className = hashClass(styled, clsx(
|
|
44
|
-
return (React.createElement("button", __assign({
|
|
43
|
+
var _className = hashClass(styled, clsx("fab", extended && is("extended"), className));
|
|
44
|
+
return (React.createElement("button", __assign({ disabled: disabled, "data-testid": testId, "aria-label": accessibilityLabel, onClick: function (e) {
|
|
45
45
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
46
46
|
e.stopPropagation();
|
|
47
47
|
}, style: __assign({}, positionStyle) }, others, { className: _className }),
|
|
@@ -49,4 +49,4 @@ var Fab = function (_a) {
|
|
|
49
49
|
children));
|
|
50
50
|
};
|
|
51
51
|
export default Fab;
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9mYWIvRmFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQVksSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7Ozs7Ozs7Ozs7Ozs7O0lBZUk7QUFFSixJQUFNLEdBQUcsR0FBRyxVQUFDLEVBZUY7SUFkVCxJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxhQUFZLEVBQVosS0FBSyxtQkFBRyxJQUFJLEtBQUEsRUFDWixHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBZEUsbUpBZVosQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsUUFBUSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQWpFLFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBd0MsQ0FBQTtJQUV4RSxTQUFTLENBQUM7UUFDUixhQUFhLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQ2xDLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUE7SUFFaEIsOERBQThEO0lBQzlELElBQU0sYUFBYSxHQUNqQixHQUFHLElBQUksTUFBTSxJQUFJLElBQUksSUFBSSxLQUFLO1FBQzVCLENBQUMsQ0FBQztZQUNFLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsVUFBVTtZQUN0QyxHQUFHLEVBQUUsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksTUFBTTtZQUNsQixNQUFNLEVBQUUsTUFBTSxhQUFOLE1BQU0sY0FBTixNQUFNLEdBQUksTUFBTTtZQUN4QixJQUFJLEVBQUUsSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksTUFBTTtZQUNwQixLQUFLLEVBQUUsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksTUFBTTtTQUN2QjtRQUNILENBQUMsQ0FBQztZQUNFLFFBQVEsRUFBRSxVQUFVO1NBQ3JCLENBQUE7SUFFUCxJQUFNLFVBQVUsR0FBRyxTQUFTLENBQzFCLE1BQU0sRUFDTixJQUFJLENBQUMsS0FBSyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQ25ELENBQUE7SUFFRCxPQUFPLENBQ0wseUNBQ0UsUUFBUSxFQUFFLFFBQVEsaUJBQ0wsTUFBTSxnQkFDUCxrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDLEVBQ0QsS0FBSyxlQUFPLGFBQWEsS0FDckIsTUFBTSxJQUNWLFNBQVMsRUFBRSxVQUFVO1FBRXJCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBb0IsR0FBSTtRQUNuQyxRQUFRLENBQ0YsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxHQUFHLENBQUEifQ==
|
|
@@ -56,9 +56,9 @@ var Fab = function (_a) {
|
|
|
56
56
|
},
|
|
57
57
|
});
|
|
58
58
|
return (React.createElement(TouchableOpacity, { style: [styles.button, extended && styles.extended], accessibilityLabel: accessibilityLabel, onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); }, disabled: disabled, testID: testId }, extended ? (React.createElement(React.Fragment, null,
|
|
59
|
-
React.createElement(Icon, { name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }),
|
|
60
|
-
React.createElement(Text, { style: styles.label, typo: [TypographyColor.TEXT_WHITE, TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, children))) : (React.createElement(Icon, { name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }))));
|
|
59
|
+
React.createElement(Icon, { style: styles.icon, name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }),
|
|
60
|
+
React.createElement(Text, { style: styles.label, typo: [TypographyColor.TEXT_WHITE, TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, children))) : (React.createElement(Icon, { style: styles.icon, name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }))));
|
|
61
61
|
};
|
|
62
62
|
Fab.displayName = ComponentName.Fab;
|
|
63
63
|
export default Fab;
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZmFiL0ZhYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDbkcsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLEdBQUcsR0FBRyxVQUFDLEVBWVc7UUFYVCxRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsR0FBRyxTQUFBLEVBQ0gsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBO0lBRW5CLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ2pELGNBQWMsRUFBRSxRQUFRO1lBQ3hCLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLFlBQVksRUFBRSxFQUFFO1lBQ2hCLFNBQVMsRUFBRSxFQUFFO1lBQ2IsTUFBTSxFQUFFLE1BQU07WUFDZCxXQUFXLEVBQUUsTUFBTTtZQUNuQixZQUFZLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUU7WUFDckMsYUFBYSxFQUFFLEdBQUc7WUFDbEIsWUFBWSxFQUFFLENBQUM7WUFDZixTQUFTLEVBQUUsQ0FBQztZQUNaLFFBQVEsRUFBRSxHQUFHLElBQUksTUFBTSxJQUFJLElBQUksSUFBSSxLQUFLLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBVTtZQUNsRSxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDdkIsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNO1lBQzdCLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUMxQixNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDaEMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzdCLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLE1BQU0sRUFBRSxHQUFHO1NBQ1o7UUFDRCxLQUFLLEVBQUU7WUFDTCxTQUFTLEVBQUUsTUFBTTtZQUNqQixZQUFZLEVBQUUsTUFBTTtZQUNwQixVQUFVLEVBQUUsRUFBRTtZQUNkLFdBQVcsRUFBRSxFQUFFO1NBQ2hCO1FBQ0QsSUFBSSxFQUFFO1lBQ0osVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzdCLFdBQVcsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUM5QjtRQUNELFFBQVEsRUFBRTtZQUNSLE1BQU0sRUFBRSxFQUFFO1NBQ1g7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsZ0JBQWdCLElBQ2YsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxRQUFRLElBQUksTUFBTSxDQUFDLFFBQVEsQ0FBQyxFQUNuRCxrQkFBa0IsRUFBRSxrQkFBa0IsRUFDdEMsT0FBTyxFQUFFLFVBQUMsQ0FBVyxJQUFLLE9BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxFQUFaLENBQVksRUFDdEMsUUFBUSxFQUFFLFFBQVEsRUFDbEIsTUFBTSxFQUFFLE1BQU0sSUFFYixRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ1Y7UUFDRSxvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQ2xCLElBQUksRUFBRSxRQUFvQixFQUMxQixLQUFLLEVBQUUsU0FBUyxDQUFDLEtBQUssRUFDdEIsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEVBQ3JCLEtBQUssRUFBRSxTQUFTLENBQUMsY0FBYyxHQUMvQjtRQUNGLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLFVBQVUsRUFBRSxjQUFjLENBQUMsb0JBQW9CLENBQUMsSUFBRyxRQUFRLENBQVEsQ0FDL0YsQ0FDSixDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLElBQUksSUFDSCxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksRUFDbEIsSUFBSSxFQUFFLFFBQW9CLEVBQzFCLEtBQUssRUFBRSxTQUFTLENBQUMsS0FBSyxFQUN0QixJQUFJLEVBQUUsUUFBUSxDQUFDLE1BQU0sRUFDckIsS0FBSyxFQUFFLFNBQVMsQ0FBQyxjQUFjLEdBQy9CLENBQ0gsQ0FDZ0IsQ0FDcEIsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELEdBQUcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEdBQUcsQ0FBQTtBQUVuQyxlQUFlLEdBQUcsQ0FBQSJ9
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
import { IconName, IconNameValues } from "../../components/icon";
|
|
3
3
|
import { Accessibility, Clickable, Dev } from "../../objects";
|
|
4
4
|
import { DimensionValue } from "react-native";
|
|
5
|
-
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
6
5
|
/**
|
|
7
6
|
* Fab Interface
|
|
8
7
|
*/
|
|
9
|
-
export interface FabProps extends Accessibility, Clickable, Dev
|
|
8
|
+
export interface FabProps extends Accessibility, Clickable, Dev {
|
|
10
9
|
children: string | React.ReactNode;
|
|
11
10
|
extended?: boolean;
|
|
12
11
|
iconName: IconName | IconNameValues;
|
|
12
|
+
className?: string;
|
|
13
13
|
fixed?: boolean;
|
|
14
14
|
top?: DimensionValue | number | undefined;
|
|
15
15
|
bottom?: DimensionValue | number | undefined;
|
|
@@ -72,6 +72,13 @@ export default {
|
|
|
72
72
|
"tri-picto-payment-visa"
|
|
73
73
|
]
|
|
74
74
|
},
|
|
75
|
+
"className": {
|
|
76
|
+
"type": "string",
|
|
77
|
+
"values": [
|
|
78
|
+
"undefined",
|
|
79
|
+
"string"
|
|
80
|
+
]
|
|
81
|
+
},
|
|
75
82
|
"fixed": {
|
|
76
83
|
"type": "boolean",
|
|
77
84
|
"values": [
|
|
@@ -152,19 +159,5 @@ export default {
|
|
|
152
159
|
"undefined",
|
|
153
160
|
"string"
|
|
154
161
|
]
|
|
155
|
-
},
|
|
156
|
-
"id": {
|
|
157
|
-
"type": "string",
|
|
158
|
-
"values": [
|
|
159
|
-
"undefined",
|
|
160
|
-
"string"
|
|
161
|
-
]
|
|
162
|
-
},
|
|
163
|
-
"className": {
|
|
164
|
-
"type": "string",
|
|
165
|
-
"values": [
|
|
166
|
-
"undefined",
|
|
167
|
-
"string"
|
|
168
|
-
]
|
|
169
162
|
}
|
|
170
163
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { HeroProps } from
|
|
2
|
+
import { HeroProps } from "./HeroProps";
|
|
3
3
|
/**
|
|
4
4
|
* Hero Component
|
|
5
5
|
* @param children {React.ReactNode} Hero Children
|
|
@@ -12,7 +12,10 @@ import { HeroProps } from './HeroProps';
|
|
|
12
12
|
* if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
|
|
13
13
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
14
|
* @param className {string} Additionnal CSS Classes
|
|
15
|
+
* @param align { Alignable | AlignableValues} align content
|
|
16
|
+
* @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
|
|
15
17
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
18
|
+
* @param backgroundHeight {BackgroundHeight} Background heigth
|
|
16
19
|
*/
|
|
17
|
-
declare const Hero: ({ children, backgroundColor, backgroundSrc, inverted, className,
|
|
20
|
+
declare const Hero: ({ children, backgroundColor, backgroundSrc, inverted, className, align, justify, onClick, overlap, ...others }: HeroProps) => JSX.Element;
|
|
18
21
|
export default Hero;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React from
|
|
3
|
-
import { has, is } from
|
|
4
|
-
import { getBackgroundClassName } from
|
|
5
|
-
import clsx from
|
|
6
|
-
import { hashClass } from
|
|
7
|
-
import { useTrilogyContext } from
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { has, is } from "../../services/classify";
|
|
4
|
+
import { getAlignClassName, getBackgroundClassName } from "../../objects";
|
|
5
|
+
import clsx from "clsx";
|
|
6
|
+
import { hashClass } from "../../helpers";
|
|
7
|
+
import { useTrilogyContext } from "../../context";
|
|
8
8
|
/**
|
|
9
9
|
* Hero Component
|
|
10
10
|
* @param children {React.ReactNode} Hero Children
|
|
@@ -17,16 +17,19 @@ import { useTrilogyContext } from '../../context';
|
|
|
17
17
|
* if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
|
|
18
18
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
19
19
|
* @param className {string} Additionnal CSS Classes
|
|
20
|
+
* @param align { Alignable | AlignableValues} align content
|
|
21
|
+
* @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
|
|
20
22
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
23
|
+
* @param backgroundHeight {BackgroundHeight} Background heigth
|
|
21
24
|
*/
|
|
22
25
|
var Hero = function (_a) {
|
|
23
|
-
var children = _a.children, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, className = _a.className,
|
|
26
|
+
var children = _a.children, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, className = _a.className, align = _a.align, justify = _a.justify, onClick = _a.onClick, overlap = _a.overlap, others = __rest(_a, ["children", "backgroundColor", "backgroundSrc", "inverted", "className", "align", "justify", "onClick", "overlap"]);
|
|
24
27
|
var styled = useTrilogyContext().styled;
|
|
25
|
-
var classes = hashClass(styled, clsx(
|
|
26
|
-
return (React.createElement("section", __assign({
|
|
28
|
+
var classes = hashClass(styled, clsx("hero", backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted') || is('base'), align && is(getAlignClassName(align)), justify && is(justify), overlap && is("overlapped"), className));
|
|
29
|
+
return (React.createElement("section", __assign({ onClick: onClick && onClick }, (backgroundSrc && {
|
|
27
30
|
style: { backgroundImage: "url(".concat(backgroundSrc, ")") },
|
|
28
31
|
}), { className: classes }, others),
|
|
29
|
-
React.createElement("div", { className: hashClass(styled, clsx(
|
|
32
|
+
React.createElement("div", { className: hashClass(styled, clsx("hero-body")) }, children)));
|
|
30
33
|
};
|
|
31
34
|
export default Hero;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaGVyby9IZXJvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLHNCQUFzQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JFLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7OztHQWdCRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFXRjtJQVZWLElBQUEsUUFBUSxjQUFBLEVBQ1IsZUFBZSxxQkFBQSxFQUNmLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDSixNQUFNLGNBVkcsbUhBV2IsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixNQUFNLEVBQ04sZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxhQUFhLElBQUksR0FBRyxDQUFDLFlBQVksQ0FBQyxFQUNsQyxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFDMUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUNuQyxPQUFPLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUN0QixPQUFPLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUMzQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLDBDQUNFLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxJQUN2QixDQUFDLGFBQWEsSUFBSTtRQUNwQixLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsY0FBTyxhQUFhLE1BQUcsRUFBRTtLQUNwRCxDQUFDLElBQ0YsU0FBUyxFQUFFLE9BQU8sSUFDZCxNQUFNO1FBRVYsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQzlELENBQ1gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsSUFBSSxDQUFBIn0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { HeroProps } from
|
|
3
|
-
import { ComponentName } from
|
|
2
|
+
import { HeroProps } from "./HeroProps";
|
|
3
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Hero Component
|
|
6
6
|
* @param children {ReactNode} Hero Children
|
|
@@ -13,7 +13,7 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
13
13
|
* @param backgroundHeight {BackgroundHeight} Background heigth
|
|
14
14
|
*/
|
|
15
15
|
declare const Hero: {
|
|
16
|
-
({ children, backgroundSrc, onClick, overlap, inverted, backgroundColor, ...others }: HeroProps): JSX.Element;
|
|
16
|
+
({ children, backgroundSrc, onClick, overlap, backgroundHeight, inverted, backgroundColor, ...others }: HeroProps): JSX.Element;
|
|
17
17
|
displayName: ComponentName;
|
|
18
18
|
};
|
|
19
19
|
export default Hero;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, { useState } from
|
|
3
|
-
import { ImageBackground, StyleSheet, TouchableOpacity, View } from
|
|
4
|
-
import { getColorStyle, TrilogyColor } from
|
|
5
|
-
import { Box } from
|
|
6
|
-
import { ComponentName } from
|
|
7
|
-
import { StatesContext } from
|
|
2
|
+
import React, { useState } from "react";
|
|
3
|
+
import { ImageBackground, StyleSheet, TouchableOpacity, View, } from "react-native";
|
|
4
|
+
import { getColorStyle, TrilogyColor } from "../../objects";
|
|
5
|
+
import { Box } from "../box";
|
|
6
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
7
|
+
import { StatesContext } from "../../context/providerStates";
|
|
8
8
|
/**
|
|
9
9
|
* Hero Component
|
|
10
10
|
* @param children {ReactNode} Hero Children
|
|
@@ -17,36 +17,45 @@ import { StatesContext } from '../../context/providerStates';
|
|
|
17
17
|
* @param backgroundHeight {BackgroundHeight} Background heigth
|
|
18
18
|
*/
|
|
19
19
|
var Hero = function (_a) {
|
|
20
|
-
var children = _a.children, backgroundSrc = _a.backgroundSrc, onClick = _a.onClick, overlap = _a.overlap, inverted = _a.inverted, backgroundColor = _a.backgroundColor, others = __rest(_a, ["children", "backgroundSrc", "onClick", "overlap", "inverted", "backgroundColor"]);
|
|
20
|
+
var children = _a.children, backgroundSrc = _a.backgroundSrc, onClick = _a.onClick, overlap = _a.overlap, backgroundHeight = _a.backgroundHeight, inverted = _a.inverted, backgroundColor = _a.backgroundColor, others = __rest(_a, ["children", "backgroundSrc", "onClick", "overlap", "backgroundHeight", "inverted", "backgroundColor"]);
|
|
21
21
|
var _b = __read(useState(0), 2), overlapHeight = _b[0], setOverlapHeight = _b[1];
|
|
22
22
|
var _c = __read(useState(0), 2), secondOverlapHeight = _c[0], setSecondOverlapHeight = _c[1];
|
|
23
23
|
var isSecondOverlap = overlap && Array.isArray(overlap) ? (overlap === null || overlap === void 0 ? void 0 : overlap.length) > 1 : false;
|
|
24
24
|
var isSecondOverlapNotEmpty = isSecondOverlap && secondOverlapHeight > 0;
|
|
25
|
+
var overlapMargin = backgroundHeight
|
|
26
|
+
? overlapHeight - backgroundHeight / 2
|
|
27
|
+
: overlapHeight - 60;
|
|
25
28
|
var styles = StyleSheet.create({
|
|
26
29
|
hero: {
|
|
27
|
-
width:
|
|
30
|
+
width: "100%",
|
|
28
31
|
minHeight: 100,
|
|
29
32
|
maxHeight: 300,
|
|
30
|
-
height:
|
|
33
|
+
height: backgroundHeight ? backgroundHeight : "auto",
|
|
31
34
|
},
|
|
32
35
|
content: {
|
|
33
36
|
paddingLeft: 15,
|
|
34
37
|
},
|
|
35
38
|
background: {
|
|
36
|
-
backgroundColor: backgroundColor
|
|
39
|
+
backgroundColor: backgroundColor
|
|
40
|
+
? getColorStyle(backgroundColor)
|
|
41
|
+
: getColorStyle(TrilogyColor.BACKGROUND),
|
|
37
42
|
},
|
|
38
43
|
overlap: {
|
|
39
|
-
position:
|
|
40
|
-
top: isSecondOverlapNotEmpty
|
|
44
|
+
position: "absolute",
|
|
45
|
+
top: isSecondOverlapNotEmpty
|
|
46
|
+
? -40
|
|
47
|
+
: backgroundHeight
|
|
48
|
+
? backgroundHeight * (-1 / 2)
|
|
49
|
+
: -60,
|
|
41
50
|
},
|
|
42
51
|
secondOverlap: {
|
|
43
|
-
position:
|
|
44
|
-
alignSelf:
|
|
52
|
+
position: "absolute",
|
|
53
|
+
alignSelf: "center",
|
|
45
54
|
top: secondOverlapHeight * (-1 / 2) - 40,
|
|
46
|
-
width:
|
|
55
|
+
width: "100%",
|
|
47
56
|
},
|
|
48
57
|
subOverlap: {
|
|
49
|
-
height: isSecondOverlapNotEmpty ? overlapHeight - 40 :
|
|
58
|
+
height: isSecondOverlapNotEmpty ? overlapHeight - 40 : overlapMargin,
|
|
50
59
|
},
|
|
51
60
|
});
|
|
52
61
|
var heroView;
|
|
@@ -56,7 +65,9 @@ var Hero = function (_a) {
|
|
|
56
65
|
React.createElement(View, { style: styles.content }, children))));
|
|
57
66
|
}
|
|
58
67
|
else {
|
|
59
|
-
heroView = (React.createElement(ImageBackground, __assign({ source: typeof backgroundSrc ===
|
|
68
|
+
heroView = (React.createElement(ImageBackground, __assign({ source: typeof backgroundSrc === "number"
|
|
69
|
+
? backgroundSrc
|
|
70
|
+
: { uri: backgroundSrc }, style: styles.hero }, others),
|
|
60
71
|
React.createElement(View, { style: styles.content, testID: 'no-background-id' }, children)));
|
|
61
72
|
}
|
|
62
73
|
var overlapView;
|
|
@@ -68,24 +79,24 @@ var Hero = function (_a) {
|
|
|
68
79
|
} },
|
|
69
80
|
React.createElement(Box, { backgroundColor: TrilogyColor.NEUTRAL_FADE },
|
|
70
81
|
React.createElement(View, { style: { marginBottom: secondOverlapHeight / 2 } }),
|
|
71
|
-
overlap && typeof overlap !==
|
|
82
|
+
overlap && typeof overlap !== "boolean" ? overlap[0] : null)),
|
|
72
83
|
React.createElement(View, { style: styles.secondOverlap, onLayout: function (event) {
|
|
73
84
|
var height = event.nativeEvent.layout.height;
|
|
74
85
|
setSecondOverlapHeight(height);
|
|
75
|
-
} }, overlap && typeof overlap !==
|
|
86
|
+
} }, overlap && typeof overlap !== "boolean" ? overlap[1] : null)));
|
|
76
87
|
}
|
|
77
88
|
else {
|
|
78
89
|
overlapView = (React.createElement(View, { style: styles.subOverlap },
|
|
79
90
|
React.createElement(View, { style: styles.overlap, onLayout: function (event) {
|
|
80
91
|
var height = event.nativeEvent.layout.height;
|
|
81
92
|
setOverlapHeight(height);
|
|
82
|
-
} }, overlap && typeof overlap !==
|
|
93
|
+
} }, overlap && typeof overlap !== "boolean" ? overlap[0] : null)));
|
|
83
94
|
}
|
|
84
95
|
return onClick ? (React.createElement(View, null,
|
|
85
|
-
React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, heroView))) : (React.createElement(View, { style: { width:
|
|
96
|
+
React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, heroView))) : (React.createElement(View, { style: { width: "100%" } },
|
|
86
97
|
heroView,
|
|
87
98
|
overlapView));
|
|
88
99
|
};
|
|
89
100
|
Hero.displayName = ComponentName.Hero;
|
|
90
101
|
export default Hero;
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vSGVyby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEdBQUcsTUFBTSxjQUFjLENBQUE7QUFFbkYsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLFFBQVEsQ0FBQTtBQUM1QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBRXhEOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBU0Y7SUFSVixJQUFBLFFBQVEsY0FBQSxFQUNSLGFBQWEsbUJBQUEsRUFDYixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxnQkFBZ0Isc0JBQUEsRUFDaEIsUUFBUSxjQUFBLEVBQ1IsZUFBZSxxQkFBQSxFQUNaLE1BQU0sY0FSRyxzR0FTYixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQW9DLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUF0RCxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBdUIsQ0FBQTtJQUN2RCxJQUFBLEtBQUEsT0FBZ0QsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQWxFLG1CQUFtQixRQUFBLEVBQUUsc0JBQXNCLFFBQXVCLENBQUE7SUFFekUsSUFBTSxlQUFlLEdBQ25CLE9BQU8sSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQ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
|