@ledgerhq/react-ui 0.18.2 → 0.19.0-next.0
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/assets/index.d.ts +6 -3
- package/lib/assets/index.d.ts.map +1 -1
- package/lib/assets/index.js +7 -8
- package/lib/assets/index.js.map +1 -1
- package/lib/cjs/assets/index.js.map +2 -2
- package/lib/cjs/components/form/Switch/index.js.map +1 -1
- package/lib/cjs/components/layout/Banner/BannerCard/BannerCard.stories.js +92 -0
- package/lib/cjs/components/layout/Banner/BannerCard/BannerCard.stories.js.map +7 -0
- package/lib/cjs/components/layout/Banner/BannerCard/index.js +120 -0
- package/lib/cjs/components/layout/Banner/BannerCard/index.js.map +7 -0
- package/lib/cjs/components/layout/Banner/NotificationCard/NotificationCard.stories.js +80 -0
- package/lib/cjs/components/layout/Banner/NotificationCard/NotificationCard.stories.js.map +7 -0
- package/lib/cjs/components/layout/Banner/NotificationCard/index.js +113 -0
- package/lib/cjs/components/layout/Banner/NotificationCard/index.js.map +7 -0
- package/lib/cjs/components/layout/ContentCard/PortfolioContentCard/index.js +13 -63
- package/lib/cjs/components/layout/ContentCard/PortfolioContentCard/index.js.map +3 -3
- package/lib/cjs/components/layout/index.js +4 -0
- package/lib/cjs/components/layout/index.js.map +2 -2
- package/lib/components/Table/Columns.js +4 -15
- package/lib/components/Table/Columns.js.map +1 -1
- package/lib/components/Table/index.js +2 -14
- package/lib/components/Table/index.js.map +1 -1
- package/lib/components/Tag/index.js +4 -16
- package/lib/components/Tag/index.js.map +1 -1
- package/lib/components/asorted/Divider/index.js +2 -2
- package/lib/components/asorted/Divider/index.js.map +1 -1
- package/lib/components/asorted/Icon/BoxedIcon.js +2 -14
- package/lib/components/asorted/Icon/BoxedIcon.js.map +1 -1
- package/lib/components/asorted/Text/index.js +1 -1
- package/lib/components/asorted/Text/index.js.map +1 -1
- package/lib/components/asorted/Text/styles.js +1 -2
- package/lib/components/asorted/Text/styles.js.map +1 -1
- package/lib/components/cta/Button/index.js +11 -29
- package/lib/components/cta/Button/index.js.map +1 -1
- package/lib/components/cta/Link/index.js +3 -3
- package/lib/components/cta/Link/index.js.map +1 -1
- package/lib/components/cta/Toggle/index.js +2 -14
- package/lib/components/cta/Toggle/index.js.map +1 -1
- package/lib/components/form/BaseInput/index.js +4 -15
- package/lib/components/form/BaseInput/index.js.map +1 -1
- package/lib/components/form/Dropdown/index.js +27 -17
- package/lib/components/form/Dropdown/index.js.map +1 -1
- package/lib/components/form/DropdownGeneric/index.js +2 -2
- package/lib/components/form/DropdownGeneric/index.js.map +1 -1
- package/lib/components/form/LegendInput/index.js +3 -15
- package/lib/components/form/LegendInput/index.js.map +1 -1
- package/lib/components/form/NumberInput/index.js +3 -15
- package/lib/components/form/NumberInput/index.js.map +1 -1
- package/lib/components/form/QrCodeInput/index.js +3 -15
- package/lib/components/form/QrCodeInput/index.js.map +1 -1
- package/lib/components/form/QuantityInput/index.js +3 -15
- package/lib/components/form/QuantityInput/index.js.map +1 -1
- package/lib/components/form/Radio/RadioElement.js +3 -15
- package/lib/components/form/Radio/RadioElement.js.map +1 -1
- package/lib/components/form/Radio/RadioListElement.js +3 -15
- package/lib/components/form/Radio/RadioListElement.js.map +1 -1
- package/lib/components/form/Radio/index.js +1 -1
- package/lib/components/form/Radio/index.js.map +1 -1
- package/lib/components/form/SearchInput/index.js +2 -2
- package/lib/components/form/SearchInput/index.js.map +1 -1
- package/lib/components/form/SelectInput/Control.js +12 -2
- package/lib/components/form/SelectInput/Control.js.map +1 -1
- package/lib/components/form/SelectInput/DropdownIndicator.js +5 -2
- package/lib/components/form/SelectInput/DropdownIndicator.js.map +1 -1
- package/lib/components/form/SelectInput/IndicatorsContainer.js +1 -1
- package/lib/components/form/SelectInput/IndicatorsContainer.js.map +1 -1
- package/lib/components/form/SelectInput/MenuList.js +13 -2
- package/lib/components/form/SelectInput/MenuList.js.map +1 -1
- package/lib/components/form/SelectInput/Option.js +14 -14
- package/lib/components/form/SelectInput/Option.js.map +1 -1
- package/lib/components/form/SelectInput/ValueContainer.js +5 -2
- package/lib/components/form/SelectInput/ValueContainer.js.map +1 -1
- package/lib/components/form/SelectInput/VirtualMenuList.js +3 -4
- package/lib/components/form/SelectInput/VirtualMenuList.js.map +1 -1
- package/lib/components/form/SelectInput/index.js +48 -23
- package/lib/components/form/SelectInput/index.js.map +1 -1
- package/lib/components/form/SplitInput/index.js +5 -7
- package/lib/components/form/SplitInput/index.js.map +1 -1
- package/lib/components/form/Switch/index.d.ts +1 -0
- package/lib/components/form/Switch/index.d.ts.map +1 -1
- package/lib/components/layout/Banner/BannerCard/index.d.ts +16 -0
- package/lib/components/layout/Banner/BannerCard/index.d.ts.map +1 -0
- package/lib/components/layout/Banner/BannerCard/index.js +84 -0
- package/lib/components/layout/Banner/BannerCard/index.js.map +1 -0
- package/lib/components/layout/Banner/NotificationCard/index.d.ts +15 -0
- package/lib/components/layout/Banner/NotificationCard/index.d.ts.map +1 -0
- package/lib/components/layout/Banner/NotificationCard/index.js +79 -0
- package/lib/components/layout/Banner/NotificationCard/index.js.map +1 -0
- package/lib/components/layout/Carousel/ChevronArrow.js +1 -1
- package/lib/components/layout/Carousel/ChevronArrow.js.map +1 -1
- package/lib/components/layout/Carousel/Footer/Pagination/bullets.js +22 -4
- package/lib/components/layout/Carousel/Footer/Pagination/bullets.js.map +1 -1
- package/lib/components/layout/Carousel/Footer/index.js +1 -1
- package/lib/components/layout/Carousel/Footer/index.js.map +1 -1
- package/lib/components/layout/Carousel/Footer/variantContentCard.js +2 -2
- package/lib/components/layout/Carousel/Footer/variantContentCard.js.map +1 -1
- package/lib/components/layout/Carousel/Footer/variantDefault.js +1 -1
- package/lib/components/layout/Carousel/Footer/variantDefault.js.map +1 -1
- package/lib/components/layout/Carousel/index.js +9 -9
- package/lib/components/layout/Carousel/index.js.map +1 -1
- package/lib/components/layout/ContentCard/PortfolioContentCard/index.d.ts.map +1 -1
- package/lib/components/layout/ContentCard/PortfolioContentCard/index.js +2 -69
- package/lib/components/layout/ContentCard/PortfolioContentCard/index.js.map +1 -1
- package/lib/components/layout/Drawer/index.js +8 -20
- package/lib/components/layout/Drawer/index.js.map +1 -1
- package/lib/components/layout/List/NumberedList/index.js +4 -4
- package/lib/components/layout/List/NumberedList/index.js.map +1 -1
- package/lib/components/layout/List/VerticalTimeline/TimelineIndicator.js +2 -14
- package/lib/components/layout/List/VerticalTimeline/TimelineIndicator.js.map +1 -1
- package/lib/components/layout/List/VerticalTimeline/TimelineItem.js +2 -2
- package/lib/components/layout/List/VerticalTimeline/TimelineItem.js.map +1 -1
- package/lib/components/layout/List/VerticalTimeline/index.js +4 -16
- package/lib/components/layout/List/VerticalTimeline/index.js.map +1 -1
- package/lib/components/layout/Popin/index.js +13 -31
- package/lib/components/layout/Popin/index.js.map +1 -1
- package/lib/components/layout/Side/Provider.js +1 -1
- package/lib/components/layout/Side/Provider.js.map +1 -1
- package/lib/components/layout/Side/index.js +5 -7
- package/lib/components/layout/Side/index.js.map +1 -1
- package/lib/components/layout/index.d.ts +2 -0
- package/lib/components/layout/index.d.ts.map +1 -1
- package/lib/components/layout/index.js +2 -0
- package/lib/components/layout/index.js.map +1 -1
- package/lib/components/loaders/InfiniteLoader/index.js +2 -14
- package/lib/components/loaders/InfiniteLoader/index.js.map +1 -1
- package/lib/components/message/Alert/index.js +2 -2
- package/lib/components/message/Alert/index.js.map +1 -1
- package/lib/components/message/Log/index.js +3 -15
- package/lib/components/message/Log/index.js.map +1 -1
- package/lib/components/message/Notification/Badge.js +2 -14
- package/lib/components/message/Notification/Badge.js.map +1 -1
- package/lib/components/message/Notification/index.js +2 -14
- package/lib/components/message/Notification/index.js.map +1 -1
- package/lib/components/message/StatusNotification/index.js +2 -14
- package/lib/components/message/StatusNotification/index.js.map +1 -1
- package/lib/components/message/Tooltip/index.js +2 -13
- package/lib/components/message/Tooltip/index.js.map +1 -1
- package/lib/components/navigation/Aside/index.js +4 -15
- package/lib/components/navigation/Aside/index.js.map +1 -1
- package/lib/components/navigation/Breadcrumb/index.js +16 -3
- package/lib/components/navigation/Breadcrumb/index.js.map +1 -1
- package/lib/components/navigation/FlowStepper/index.js +10 -22
- package/lib/components/navigation/FlowStepper/index.js.map +1 -1
- package/lib/components/navigation/Header/index.js +2 -14
- package/lib/components/navigation/Header/index.js.map +1 -1
- package/lib/components/navigation/progress/Stepper/index.js +3 -15
- package/lib/components/navigation/progress/Stepper/index.js.map +1 -1
- package/lib/components/navigation/sideBar/Item/Item.js +1 -1
- package/lib/components/navigation/sideBar/Item/Item.js.map +1 -1
- package/lib/components/tabs/Tabs/index.js +2 -3
- package/lib/components/tabs/Tabs/index.js.map +1 -1
- package/lib/components/transitions/TransitionInOut.js +2 -16
- package/lib/components/transitions/TransitionInOut.js.map +1 -1
- package/lib/components/transitions/TransitionScale.js +2 -16
- package/lib/components/transitions/TransitionScale.js.map +1 -1
- package/lib/components/transitions/TransitionSlide.js +2 -16
- package/lib/components/transitions/TransitionSlide.js.map +1 -1
- package/lib/styles/InvertTheme.js +15 -2
- package/lib/styles/InvertTheme.js.map +1 -1
- package/lib/styles/StyleProvider.js +9 -1
- package/lib/styles/StyleProvider.js.map +1 -1
- package/lib/styles/helpers.js +1 -2
- package/lib/styles/helpers.js.map +1 -1
- package/lib/styles/theme.js +4 -1
- package/lib/styles/theme.js.map +1 -1
- package/package.json +1 -1
- package/lib/assets/icons.d.ts +0 -2
- package/lib/assets/icons.d.ts.map +0 -1
- package/lib/assets/icons.js +0 -2
- package/lib/assets/icons.js.map +0 -1
- package/lib/cjs/assets/icons.js +0 -19
- package/lib/cjs/assets/icons.js.map +0 -7
|
@@ -32,7 +32,7 @@ const CarouselContainer = styled.div `
|
|
|
32
32
|
*/
|
|
33
33
|
const Carousel = ({ children, variant = "default", autoPlay = 0, onNext, onPrev }) => {
|
|
34
34
|
const [currentIndex, setCurrentIndex] = useState(0);
|
|
35
|
-
const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true }, autoPlay ? [Autoplay(
|
|
35
|
+
const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true }, autoPlay ? [Autoplay({ delay: autoPlay, ...AutoplayFlags })] : []);
|
|
36
36
|
const updateIndex = useCallback(() => {
|
|
37
37
|
if (!emblaApi)
|
|
38
38
|
return;
|
|
@@ -52,9 +52,9 @@ const Carousel = ({ children, variant = "default", autoPlay = 0, onNext, onPrev
|
|
|
52
52
|
if (!mightBeASwipe || variant !== "default")
|
|
53
53
|
return; // onNext/onPrev events are not supported for content-card variant ATM
|
|
54
54
|
if (dragX.value > 0)
|
|
55
|
-
return onPrev
|
|
55
|
+
return onPrev?.();
|
|
56
56
|
if (dragX.value < 0)
|
|
57
|
-
return onNext
|
|
57
|
+
return onNext?.();
|
|
58
58
|
}, 0); // all events are fired on the same tick so no need to wait past the next tick
|
|
59
59
|
emblaApi.on("select", handleSelect);
|
|
60
60
|
emblaApi.on("autoplay:select", handleAutoPlaySelect);
|
|
@@ -77,20 +77,20 @@ const Carousel = ({ children, variant = "default", autoPlay = 0, onNext, onPrev
|
|
|
77
77
|
handleAnySelect(false);
|
|
78
78
|
}
|
|
79
79
|
function handlePrevButton() {
|
|
80
|
-
emblaApi
|
|
81
|
-
onPrev
|
|
80
|
+
emblaApi?.scrollPrev();
|
|
81
|
+
onPrev?.();
|
|
82
82
|
handleAnySelect(false);
|
|
83
83
|
}
|
|
84
84
|
function handleNextButton() {
|
|
85
|
-
emblaApi
|
|
86
|
-
onNext
|
|
85
|
+
emblaApi?.scrollNext();
|
|
86
|
+
onNext?.();
|
|
87
87
|
handleAnySelect(false);
|
|
88
88
|
}
|
|
89
89
|
}, [emblaApi, updateIndex, variant]);
|
|
90
90
|
if (!children.length)
|
|
91
91
|
return null;
|
|
92
|
-
const handleGotoPrevSlide = () => emblaApi
|
|
93
|
-
const handleGotoNextSlide = () => emblaApi
|
|
92
|
+
const handleGotoPrevSlide = () => emblaApi?.emit("button:prev");
|
|
93
|
+
const handleGotoNextSlide = () => emblaApi?.emit("button:next");
|
|
94
94
|
return (React.createElement("div", null,
|
|
95
95
|
React.createElement(CarouselContainer, { variant: variant },
|
|
96
96
|
variant === "default" && children.length > 1 && (React.createElement(React.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/Carousel/index.tsx"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEvB,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEhC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO5B,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;;CAO3D,CAAC;AAEF;;GAEG;AACH,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAS,EAAE,EAAE;IAC1F,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,gBAAgB,CAC3C,EAAE,IAAI,EAAE,IAAI,EAAE,EACd,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/Carousel/index.tsx"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEvB,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEhC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO5B,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;;CAO3D,CAAC;AAEF;;GAEG;AACH,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAS,EAAE,EAAE;IAC1F,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,gBAAgB,CAC3C,EAAE,IAAI,EAAE,IAAI,EAAE,EACd,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAClE,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,MAAM,QAAQ,GAAG,QAAQ,CAAC,kBAAkB,EAAE,CAAC;QAC/C,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC1B,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,wCAAwC;QACxC,WAAW,EAAE,CAAC;QAEd,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;QAEnC,wCAAwC;QACxC,MAAM,eAAe,GAAG,QAAQ,CAAC,CAAC,aAAsB,EAAE,EAAE;YAC1D,WAAW,EAAE,CAAC;YACd,IAAI,CAAC,aAAa,IAAI,OAAO,KAAK,SAAS;gBAAE,OAAO,CAAC,sEAAsE;YAC3H,IAAI,KAAK,CAAC,KAAK,GAAG,CAAC;gBAAE,OAAO,MAAM,EAAE,EAAE,CAAC;YACvC,IAAI,KAAK,CAAC,KAAK,GAAG,CAAC;gBAAE,OAAO,MAAM,EAAE,EAAE,CAAC;QACzC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,8EAA8E;QAErF,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACpC,QAAQ,CAAC,EAAE,CAAC,iBAAmC,EAAE,oBAAoB,CAAC,CAAC;QACvE,QAAQ,CAAC,EAAE,CAAC,aAA+B,EAAE,gBAAgB,CAAC,CAAC;QAC/D,QAAQ,CAAC,EAAE,CAAC,aAA+B,EAAE,gBAAgB,CAAC,CAAC;QAE/D,oDAAoD;QACpD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QAEnC,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,KAAK,EAAE,CAAC;YACd,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACrC,QAAQ,CAAC,GAAG,CAAC,iBAAmC,EAAE,oBAAoB,CAAC,CAAC;YACxE,QAAQ,CAAC,GAAG,CAAC,aAA+B,EAAE,gBAAgB,CAAC,CAAC;YAChE,QAAQ,CAAC,GAAG,CAAC,aAA+B,EAAE,gBAAgB,CAAC,CAAC;YAChE,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QACtC,CAAC,CAAC;QAEF,SAAS,YAAY;YACnB,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,kGAAkG;QAC3H,CAAC;QACD,SAAS,oBAAoB;YAC3B,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QACD,SAAS,gBAAgB;YACvB,QAAQ,EAAE,UAAU,EAAE,CAAC;YACvB,MAAM,EAAE,EAAE,CAAC;YACX,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QACD,SAAS,gBAAgB;YACvB,QAAQ,EAAE,UAAU,EAAE,CAAC;YACvB,MAAM,EAAE,EAAE,CAAC;YACX,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAErC,IAAI,CAAC,QAAQ,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAElC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,aAA+B,CAAC,CAAC;IAClF,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,aAA+B,CAAC,CAAC;IAElF,OAAO,CACL;QACE,oBAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO;YAChC,OAAO,KAAK,SAAS,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CAC/C;gBACE,oBAAC,YAAY,mBACC,qBAAqB,EACjC,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,mBAAmB,GAC5B;gBACF,oBAAC,YAAY,mBACC,qBAAqB,EACjC,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,mBAAmB,GAC5B,CACD,CACJ;YAED,oBAAC,KAAK,IAAC,GAAG,EAAE,QAAQ;gBAClB,oBAAC,cAAc,QACZ,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACrB,oBAAC,UAAU,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,IAAG,KAAK,CAAc,CACjD,CAAC,CACa,CACX,CACU;QAEpB,oBAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,GAC1B,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC;AAExB,MAAM,aAAa,GAAG;IACpB,IAAI,EAAE,IAAI;IACV,gBAAgB,EAAE,IAAI;IACtB,iBAAiB,EAAE,KAAK;CACzB,CAAC;AAEF,SAAS,UAAU,CAAC,QAA2B;IAC7C,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;IAEvC,IAAI,KAAyB,CAAC;IAC9B,IAAI,GAAuB,CAAC;IAE5B,OAAO;QACL,IAAI,KAAK;YACP,OAAO,OAAO,KAAK,KAAK,WAAW,IAAI,OAAO,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC;QACtF,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACV,QAAQ,CAAC,GAAG,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;YACxC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC;KACF,CAAC;IAEF,SAAS,UAAU;QACjB,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACtD,CAAC;IACD,SAAS,eAAe,CAAC,KAAiB;QACxC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QAC3D,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QACtB,GAAG,GAAG,SAAS,CAAC;IAClB,CAAC;IACD,SAAS,aAAa,CAAC,KAAiB;QACtC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACvD,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC;IACtB,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/ContentCard/PortfolioContentCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/ContentCard/PortfolioContentCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,iBAAiB,CAAC;IAC3B,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,KAAK,EACL,GAAG,EACH,WAAW,EACX,GAAG,EACH,KAAK,EACL,OAAO,EACP,OAAO,GACR,EAAE,yBAAyB,qBAY3B"}
|
|
@@ -1,73 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import
|
|
3
|
-
import { StyleProvider } from "../../../../styles";
|
|
4
|
-
import { Icons } from "../../../../assets";
|
|
5
|
-
import { Text } from "../../../asorted";
|
|
6
|
-
import { Button } from "../../../cta";
|
|
7
|
-
import Tag from "../../../Tag";
|
|
2
|
+
import BannerCard from "../../Banner/BannerCard";
|
|
8
3
|
export default function PortfolioContentCard({ title, cta, description, tag, image, onClick, onClose, }) {
|
|
9
|
-
|
|
10
|
-
event.stopPropagation();
|
|
11
|
-
onClose(event);
|
|
12
|
-
};
|
|
13
|
-
return (React.createElement(Wrapper, { image: image, tag: tag, onClick: onClick },
|
|
14
|
-
tag && React.createElement(StyledTag, null, tag),
|
|
15
|
-
React.createElement(Title, null, title),
|
|
16
|
-
description && React.createElement(Desc, null, description),
|
|
17
|
-
cta && (React.createElement(Button, { variant: "main", outline: false, onClick: onClick }, cta)),
|
|
18
|
-
React.createElement(StyleProvider, { selectedPalette: "dark" },
|
|
19
|
-
React.createElement(CloseButton, { "data-testid": "portfolio-card-close-button", onClick: handleClose }))));
|
|
4
|
+
return (React.createElement(BannerCard, { title: title, cta: cta, description: description, tag: tag, image: image, onClick: onClick, onClose: onClose }));
|
|
20
5
|
}
|
|
21
|
-
const StyledTag = styled(Tag).attrs({ size: "medium", type: "plain", active: true }) `
|
|
22
|
-
font-size: 11px;
|
|
23
|
-
background-color: ${p => p.theme.colors.primary.c80};
|
|
24
|
-
`;
|
|
25
|
-
const Title = styled(Text).attrs({ variant: "h4Inter" }) `
|
|
26
|
-
font-family: Inter;
|
|
27
|
-
font-size: 24px;
|
|
28
|
-
font-weight: 600;
|
|
29
|
-
`;
|
|
30
|
-
const Desc = styled(Text).attrs({ variant: "small", color: "neutral.c70" }) `
|
|
31
|
-
font-family: Inter;
|
|
32
|
-
font-size: 13px;
|
|
33
|
-
font-style: normal;
|
|
34
|
-
font-weight: 500;
|
|
35
|
-
padding-bottom: 8px;
|
|
36
|
-
`;
|
|
37
|
-
const Wrapper = styled.div `
|
|
38
|
-
background-color: ${p => p.theme.colors.background.card};
|
|
39
|
-
background-image: ${p => (p.image ? `url("${p.image}")` : "none")};
|
|
40
|
-
background-position: right center;
|
|
41
|
-
background-repeat: no-repeat;
|
|
42
|
-
background-size: 50% auto;
|
|
43
|
-
|
|
44
|
-
cursor: pointer;
|
|
45
|
-
padding: 16px;
|
|
46
|
-
padding-top: ${p => (p.tag ? "16px" : "24px")};
|
|
47
|
-
padding-right: 50%;
|
|
48
|
-
flex-basis: 100%;
|
|
49
|
-
|
|
50
|
-
position: relative;
|
|
51
|
-
display: flex;
|
|
52
|
-
flex-direction: column;
|
|
53
|
-
justify-content: flex-end;
|
|
54
|
-
align-items: flex-start;
|
|
55
|
-
gap: 4px;
|
|
56
|
-
`;
|
|
57
|
-
const CloseButton = styled(Button).attrs({
|
|
58
|
-
Icon: React.createElement(Icons.Close, { size: "XS" }),
|
|
59
|
-
iconButton: true,
|
|
60
|
-
outline: true,
|
|
61
|
-
}) `
|
|
62
|
-
background-color: ${p => p.theme.colors.neutral.c30};
|
|
63
|
-
position: absolute;
|
|
64
|
-
top: 10px;
|
|
65
|
-
right: 10px;
|
|
66
|
-
width: 24px;
|
|
67
|
-
height: 24px;
|
|
68
|
-
svg {
|
|
69
|
-
width: 12px;
|
|
70
|
-
height: 12px;
|
|
71
|
-
}
|
|
72
|
-
`;
|
|
73
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/ContentCard/PortfolioContentCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/ContentCard/PortfolioContentCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AAajD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,KAAK,EACL,GAAG,EACH,WAAW,EACX,GAAG,EACH,KAAK,EACL,OAAO,EACP,OAAO,GACmB;IAC1B,OAAO,CACL,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import React, { useCallback } from "react";
|
|
13
2
|
import ReactDOM from "react-dom";
|
|
14
3
|
import styled from "styled-components";
|
|
@@ -71,28 +60,27 @@ const DrawerContent = React.forwardRef(({ isOpen, title, children, footer, big,
|
|
|
71
60
|
return (React.createElement(TransitionInOut, { in: isOpen, appear: true, mountOnEnter: true, unmountOnExit: true, onEntering: disableChildAnimations, onEntered: enableChildAnimations, onExiting: disableChildAnimations },
|
|
72
61
|
React.createElement(Overlay, { direction: direction, onClick: handleBackdropClick, ref: ref },
|
|
73
62
|
React.createElement(TransitionSlide, { in: isOpen, direction: direction, fixed: true, reverseExit: true, appear: true, mountOnEnter: true, unmountOnExit: true },
|
|
74
|
-
React.createElement(Wrapper, { big: big, onClick: stopClickPropagation, backgroundColor: backgroundColor
|
|
63
|
+
React.createElement(Wrapper, { big: big, onClick: stopClickPropagation, backgroundColor: backgroundColor ?? "background.main" },
|
|
75
64
|
React.createElement(Container, null,
|
|
76
|
-
React.createElement(FlexBox,
|
|
65
|
+
React.createElement(FlexBox, { justifyContent: "space-between", alignItems: "center", p: 12, pb: 10, ...extraHeaderProps },
|
|
77
66
|
!hideNavigation && (React.createElement(React.Fragment, null, onBack != null ? (React.createElement(Button, { variant: "neutral", onClick: onBack, Icon: ArrowLeft })) : (React.createElement(ButtonPlaceholder, null)))),
|
|
78
67
|
(React.createElement(Text, { variant: "h3", flex: 1, textAlign: "center" }, title)) || React.createElement("div", null),
|
|
79
68
|
React.createElement(FlexBox, { alignSelf: "flex-start" },
|
|
80
69
|
React.createElement(Button, { variant: "neutral", onClick: onClose, Icon: Close }))),
|
|
81
|
-
React.createElement(ScrollWrapper,
|
|
70
|
+
React.createElement(ScrollWrapper, { flexDirection: "column", alignItems: "stretch", overflow: "scroll", position: "relative", p: 12, pt: 0, flex: 1, ...extraContainerProps }, children),
|
|
82
71
|
footer && (React.createElement(React.Fragment, null,
|
|
83
|
-
React.createElement(Divider,
|
|
84
|
-
React.createElement(FlexBox,
|
|
72
|
+
React.createElement(Divider, { ...extraFooterDividerProps }),
|
|
73
|
+
React.createElement(FlexBox, { alignItems: "center", py: 8, px: 12, ...extraFooterProps }, footer)))))))));
|
|
85
74
|
});
|
|
86
|
-
const Drawer = (
|
|
87
|
-
var { children, menuPortalTarget } = _a, sideProps = __rest(_a, ["children", "menuPortalTarget"]);
|
|
75
|
+
const Drawer = ({ children, menuPortalTarget, ...sideProps }, ref) => {
|
|
88
76
|
const $root = React.useMemo(() => menuPortalTarget === undefined && typeof document !== "undefined"
|
|
89
77
|
? document.querySelector("body")
|
|
90
78
|
: menuPortalTarget, [menuPortalTarget]);
|
|
91
79
|
if (!$root) {
|
|
92
|
-
return (React.createElement(DrawerContent,
|
|
80
|
+
return (React.createElement(DrawerContent, { ref: ref, ...sideProps }, children));
|
|
93
81
|
}
|
|
94
82
|
else {
|
|
95
|
-
return ReactDOM.createPortal(React.createElement(DrawerContent,
|
|
83
|
+
return ReactDOM.createPortal(React.createElement(DrawerContent, { ref: ref, ...sideProps }, children), $root);
|
|
96
84
|
}
|
|
97
85
|
};
|
|
98
86
|
export default React.forwardRef(Drawer);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/Drawer/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/Drawer/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,10 +5,10 @@ import Text from "../../../asorted/Text";
|
|
|
5
5
|
import { rgba } from "../../../../styles/helpers";
|
|
6
6
|
export default function NumberedList({ steps, bgIndexColor, indexColor, textColor }) {
|
|
7
7
|
const { colors } = useTheme();
|
|
8
|
-
const backgroundIndexColor = bgIndexColor
|
|
9
|
-
const indexTextColor = indexColor
|
|
10
|
-
const mainTextColor = textColor
|
|
11
|
-
return (React.createElement(Flex, { flexDirection: "column", rowGap: "14px" }, steps
|
|
8
|
+
const backgroundIndexColor = bgIndexColor ?? colors.primary.c80;
|
|
9
|
+
const indexTextColor = indexColor ?? colors.neutral.c00;
|
|
10
|
+
const mainTextColor = textColor ?? rgba(colors.neutral.c100, 0.7);
|
|
11
|
+
return (React.createElement(Flex, { flexDirection: "column", rowGap: "14px" }, steps?.map((step, index) => (React.createElement(Flex, { key: index, flexDirection: "row", alignItems: "center" },
|
|
12
12
|
NumberItem(index + 1, backgroundIndexColor, indexTextColor),
|
|
13
13
|
typeof step.element === "string" ? (React.createElement(Text, { key: index, fontSize: 14, variant: "body", color: mainTextColor, ml: "12px", fontWeight: "500", flex: 1 }, step.element)) : (step.element))))));
|
|
14
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/List/NumberedList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,EAAE,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,IAAI,MAAM,uBAAuB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAalD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAS;IACxF,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,oBAAoB,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/List/NumberedList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,EAAE,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,IAAI,MAAM,uBAAuB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAalD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAS;IACxF,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,oBAAoB,GAAG,YAAY,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;IAChE,MAAM,cAAc,GAAG,UAAU,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;IACxD,MAAM,aAAa,GAAG,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClE,OAAO,CACL,oBAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAM,IACxC,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,oBAAC,IAAI,IAAC,GAAG,EAAE,KAAK,EAAE,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ;QACtD,UAAU,CAAC,KAAK,GAAG,CAAC,EAAE,oBAAoB,EAAE,cAAc,CAAC;QAE3D,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAClC,oBAAC,IAAI,IACH,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,EAAE,EACZ,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,aAAa,EACpB,EAAE,EAAC,MAAM,EACT,UAAU,EAAC,KAAK,EAChB,IAAI,EAAE,CAAC,IAEN,IAAI,CAAC,OAAO,CACR,CACR,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,OAAO,CACb,CACI,CACR,CAAC,CACG,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,OAAe,EAAE,KAAa,EAAE,EAAE;IACnE,OAAO,CACL,oBAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO;QAChC,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAC,KAAK,EAAC,QAAQ,EAAE,MAAM,IAClD,KAAK,CACD,CACU,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAqB;;sBAEpC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;;;;;CAKnC,CAAC"}
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import React from "react";
|
|
13
2
|
import CircledCheckSolidMedium from "@ledgerhq/icons-ui/reactLegacy/CircledCheckSolidMedium";
|
|
14
3
|
import styled, { useTheme } from "styled-components";
|
|
@@ -64,10 +53,9 @@ const Container = styled(Flex) `
|
|
|
64
53
|
margin-bottom: ${-topSegmentDefaultHeight}px;
|
|
65
54
|
padding-top: ${topSegmentDefaultHeight}px;
|
|
66
55
|
`;
|
|
67
|
-
function TimelineIndicator(
|
|
68
|
-
var { status, isLastItem } = _a, props = __rest(_a, ["status", "isLastItem"]);
|
|
56
|
+
function TimelineIndicator({ status, isLastItem, ...props }) {
|
|
69
57
|
const { colors } = useTheme();
|
|
70
|
-
return (React.createElement(Container,
|
|
58
|
+
return (React.createElement(Container, { ...props },
|
|
71
59
|
React.createElement(IconWrapper, null,
|
|
72
60
|
React.createElement(CenterCircle, { status: status, isLastItem: isLastItem }, status === "completed" && (React.createElement(Flex, { position: "absolute" },
|
|
73
61
|
React.createElement(CircledCheckSolidMedium, { color: isLastItem ? colors.success.c70 : colors.primary.c80, size: 20 }))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimelineIndicator.js","sourceRoot":"","sources":["../../../../../src/components/layout/List/VerticalTimeline/TimelineIndicator.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TimelineIndicator.js","sourceRoot":"","sources":["../../../../../src/components/layout/List/VerticalTimeline/TimelineIndicator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -48,8 +48,8 @@ function TimelineItem({ item, isFirstItem, isLastItem, onClick }) {
|
|
|
48
48
|
: item.status === "active"
|
|
49
49
|
? "primary.c80"
|
|
50
50
|
: "neutral.c70" }, item.title),
|
|
51
|
-
(
|
|
52
|
-
(
|
|
51
|
+
(item?.estimatedTime && item.status === "active" && (React.createElement(Tag, { size: "small", type: "opacity", active: true, disabled: true, textProps: { color: colors.neutral.c100 } }, `${item.estimatedTime / 60} min`))) ||
|
|
52
|
+
(item?.hasLoader && item.status === "active" && React.createElement(InfiniteLoader, { size: 30 }))),
|
|
53
53
|
item.renderBody && item.status === "active" && (React.createElement(Box, { position: "relative", pt: 6 }, item.renderBody(item.status === "active"))))));
|
|
54
54
|
}
|
|
55
55
|
export default React.memo(TimelineItem);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimelineItem.js","sourceRoot":"","sources":["../../../../../src/components/layout/List/VerticalTimeline/TimelineItem.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TimelineItem.js","sourceRoot":"","sources":["../../../../../src/components/layout/List/VerticalTimeline/TimelineItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,24 +1,12 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import React from "react";
|
|
13
2
|
import TimelineItem from "./TimelineItem";
|
|
14
3
|
import { Flex } from "../..";
|
|
15
4
|
import Text from "../../../asorted/Text";
|
|
16
|
-
export default function VerticalTimeline(
|
|
17
|
-
|
|
18
|
-
return (React.createElement(Flex, Object.assign({}, props, { flexDirection: "column", flex: 1 }), steps === null || steps === void 0 ? void 0 : steps.map((step, index) => (React.createElement(TimelineItem, { key: index, item: step, isFirstItem: index === 0, isLastItem: index === steps.length - 1, onClick: onClickIndex ? () => onClickIndex(index) : undefined })))));
|
|
5
|
+
export default function VerticalTimeline({ steps, onClickIndex, ...props }) {
|
|
6
|
+
return (React.createElement(Flex, { ...props, flexDirection: "column", flex: 1 }, steps?.map((step, index) => (React.createElement(TimelineItem, { key: index, item: step, isFirstItem: index === 0, isLastItem: index === steps.length - 1, onClick: onClickIndex ? () => onClickIndex(index) : undefined })))));
|
|
19
7
|
}
|
|
20
|
-
const SubtitleText = props => (React.createElement(Text,
|
|
21
|
-
const BodyText = props => (React.createElement(Text,
|
|
8
|
+
const SubtitleText = props => (React.createElement(Text, { variant: "body", fontWeight: "semiBold", color: "neutral.c100", mb: 3, ...props }));
|
|
9
|
+
const BodyText = props => (React.createElement(Text, { variant: "bodyLineHeight", fontWeight: "medium", color: "neutral.c80", ...props }));
|
|
22
10
|
VerticalTimeline.BodyText = BodyText;
|
|
23
11
|
VerticalTimeline.SubtitleText = SubtitleText;
|
|
24
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/List/VerticalTimeline/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/List/VerticalTimeline/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,IAAmB,MAAM,uBAAuB,CAAC;AAkBxD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,KAAK,EAAS;IAC/E,OAAO,CACL,oBAAC,IAAI,OAAK,KAAK,EAAE,aAAa,EAAC,QAAQ,EAAC,IAAI,EAAE,CAAC,IAC5C,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,oBAAC,YAAY,IACX,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,KAAK,KAAK,CAAC,EACxB,UAAU,EAAE,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EACtC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,GAC7D,CACH,CAAC,CACG,CACR,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAwB,KAAK,CAAC,EAAE,CAAC,CACjD,oBAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,UAAU,EAAC,KAAK,EAAC,cAAc,EAAC,EAAE,EAAE,CAAC,KAAM,KAAK,GAAI,CACrF,CAAC;AAEF,MAAM,QAAQ,GAAwB,KAAK,CAAC,EAAE,CAAC,CAC7C,oBAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,aAAa,KAAK,KAAK,GAAI,CACrF,CAAC;AAEF,gBAAgB,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACrC,gBAAgB,CAAC,YAAY,GAAG,YAAY,CAAC"}
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import React from "react";
|
|
13
2
|
import ReactDOM from "react-dom";
|
|
14
3
|
import styled from "styled-components";
|
|
@@ -65,32 +54,25 @@ const IconContainer = styled(Button.Unstyled) `
|
|
|
65
54
|
display: flex;
|
|
66
55
|
align-items: center;
|
|
67
56
|
`;
|
|
68
|
-
const PopinHeader = (
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
React.createElement(
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
return (React.createElement(TransitionInOut, { in: isOpen, appear: true, mountOnEnter: true, unmountOnExit: true },
|
|
80
|
-
React.createElement(Overlay, null,
|
|
81
|
-
React.createElement(TransitionScale, { in: isOpen, appear: true },
|
|
82
|
-
React.createElement(Wrapper, Object.assign({ width: width, height: height }, props), children)))));
|
|
83
|
-
};
|
|
84
|
-
const PopinWrapper = (_a) => {
|
|
85
|
-
var { children, menuPortalTarget } = _a, popinProps = __rest(_a, ["children", "menuPortalTarget"]);
|
|
57
|
+
const PopinHeader = ({ children, onClose, onBack, ...props }) => (React.createElement(Header, { ...props },
|
|
58
|
+
React.createElement(Flex, null, onBack ? (React.createElement(IconContainer, { onClick: onBack },
|
|
59
|
+
React.createElement(ArrowLeftIcon, { size: ICON_SIZE, color: "neutral.c100" }))) : null),
|
|
60
|
+
React.createElement(HeaderTitleContainer, null, children),
|
|
61
|
+
React.createElement(Flex, null, onClose ? (React.createElement(IconContainer, { onClick: onClose },
|
|
62
|
+
React.createElement(CloseIcon, { size: ICON_SIZE, color: "neutral.c100" }))) : null)));
|
|
63
|
+
const Popin = ({ isOpen, children, width, height, ...props }) => (React.createElement(TransitionInOut, { in: isOpen, appear: true, mountOnEnter: true, unmountOnExit: true },
|
|
64
|
+
React.createElement(Overlay, null,
|
|
65
|
+
React.createElement(TransitionScale, { in: isOpen, appear: true },
|
|
66
|
+
React.createElement(Wrapper, { width: width, height: height, ...props }, children)))));
|
|
67
|
+
const PopinWrapper = ({ children, menuPortalTarget, ...popinProps }) => {
|
|
86
68
|
const $root = React.useMemo(() => menuPortalTarget === undefined && typeof document !== "undefined"
|
|
87
69
|
? document.querySelector("body")
|
|
88
70
|
: menuPortalTarget, [menuPortalTarget]);
|
|
89
71
|
if (!$root) {
|
|
90
|
-
return React.createElement(Popin,
|
|
72
|
+
return React.createElement(Popin, { ...popinProps }, children);
|
|
91
73
|
}
|
|
92
74
|
else {
|
|
93
|
-
return ReactDOM.createPortal(React.createElement(Popin,
|
|
75
|
+
return ReactDOM.createPortal(React.createElement(Popin, { ...popinProps }, children), $root);
|
|
94
76
|
}
|
|
95
77
|
};
|
|
96
78
|
PopinWrapper.Header = PopinHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/Popin/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/Popin/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import React, { useReducer, useEffect, useCallback, useContext } from "react";
|
|
|
4
4
|
export let setSide = () => { };
|
|
5
5
|
// reducer
|
|
6
6
|
const reducer = (state, update) => {
|
|
7
|
-
return
|
|
7
|
+
return { ...state, ...update };
|
|
8
8
|
};
|
|
9
9
|
const initialState = {
|
|
10
10
|
Component: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/components/layout/Side/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAQ9E,UAAU;AACV,qEAAqE;AACrE,MAAM,CAAC,IAAI,OAAO,GAGN,GAAG,EAAE,GAAE,CAAC,CAAC;AAErB,UAAU;AACV,MAAM,OAAO,GAAG,CAAkC,KAAe,EAAE,MAAgB,EAAE,EAAE;IACrF,
|
|
1
|
+
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/components/layout/Side/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAQ9E,UAAU;AACV,qEAAqE;AACrE,MAAM,CAAC,IAAI,OAAO,GAGN,GAAG,EAAE,GAAE,CAAC,CAAC;AAErB,UAAU;AACV,MAAM,OAAO,GAAG,CAAkC,KAAe,EAAE,MAAgB,EAAE,EAAE;IACrF,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,MAAM,EAAE,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,YAAY,GAAU;IAC1B,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,KAAK;CACZ,CAAC;AAOF,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAe;IACvD,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAiB,EAAE;IACxC,OAAO,UAAU,CAAC,OAAO,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAe,EAAE;IAChF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE5D,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,SAAc,EAAE,KAAU,EAAE,EAAE;QAC1D,QAAQ,CAAC;YACP,SAAS;YACT,KAAK;YACL,IAAI,EAAE,CAAC,CAAC,SAAS;SAClB,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,QAAQ,CAAC;IACrB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,OAAO,CAAC,QAAQ,IACf,KAAK,EAAE;YACL,KAAK;YACL,OAAO,EAAE,QAAQ;SAClB,IAEA,QAAQ,CACQ,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -4,7 +4,6 @@ import Drawer from "../Drawer";
|
|
|
4
4
|
import TransitionSlide from "../../transitions/TransitionSlide";
|
|
5
5
|
import { useSide } from "./Provider";
|
|
6
6
|
export const SideWrapper = (props) => {
|
|
7
|
-
var _a;
|
|
8
7
|
// Nb Note that it's not a real queue and we need to handle where we go from each _slide_
|
|
9
8
|
const { state, setSide } = useSide();
|
|
10
9
|
const [queue, setQueue] = useState([]);
|
|
@@ -16,7 +15,7 @@ export const SideWrapper = (props) => {
|
|
|
16
15
|
setQueue(q => {
|
|
17
16
|
if (!state.open || !state.Component)
|
|
18
17
|
return [];
|
|
19
|
-
return q.concat([
|
|
18
|
+
return q.concat([{ ...state, key: nonce.current++ }]);
|
|
20
19
|
});
|
|
21
20
|
}, [state]);
|
|
22
21
|
useEffect(() => {
|
|
@@ -36,13 +35,12 @@ export const SideWrapper = (props) => {
|
|
|
36
35
|
};
|
|
37
36
|
}, [queue]);
|
|
38
37
|
const wrappedOnBack = useCallback(() => {
|
|
39
|
-
var _a;
|
|
40
38
|
setDirection("right");
|
|
41
|
-
const onBack =
|
|
39
|
+
const onBack = state?.props?.onBack;
|
|
42
40
|
onBack && onBack();
|
|
43
|
-
}, [state
|
|
44
|
-
return (React.createElement(Drawer,
|
|
45
|
-
React.createElement(TransitionGroup, { enter: transitionsEnabled, exit: transitionsEnabled, component: null }, queue.map(({ Component, props, key }) => (React.createElement(TransitionSlide, { key: key, direction: direction }, Component && React.createElement(Component,
|
|
41
|
+
}, [state?.props]);
|
|
42
|
+
return (React.createElement(Drawer, { ...props, isOpen: !!state.open, onClose: onClose, onBack: state?.props?.onBack ? wrappedOnBack : undefined, setTransitionsEnabled: setTransitionsEnabled, hideNavigation: false },
|
|
43
|
+
React.createElement(TransitionGroup, { enter: transitionsEnabled, exit: transitionsEnabled, component: null }, queue.map(({ Component, props, key }) => (React.createElement(TransitionSlide, { key: key, direction: direction }, Component && React.createElement(Component, { ...props })))))));
|
|
46
44
|
};
|
|
47
45
|
export default SideWrapper;
|
|
48
46
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/Side/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAMrC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAgB,EAAe,EAAE
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/Side/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAMrC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAgB,EAAe,EAAE;IAC3D,yFAAyF;IACzF,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,OAAO,EAAE,CAAC;IACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAGhC,EAAE,CAAC,CAAC;IACN,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,CAAC,CAAC,EAAE;YACX,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBAAE,OAAO,EAAE,CAAC;YAC/C,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAe,CAAC;QAEpB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrB,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC;YAC1B,6DAA6D;YAC7D,mDAAmD;YACnD,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACf,YAAY,CAAC,MAAM,CAAC,CAAC;YACvB,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,OAAO;gBAAE,YAAY,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,YAAY,CAAC,OAAO,CAAC,CAAC;QACtB,MAAM,MAAM,GAAG,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;QACpC,MAAM,IAAI,MAAM,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,oBAAC,MAAM,OACD,KAAK,EACT,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACxD,qBAAqB,EAAE,qBAAqB,EAC5C,cAAc,EAAE,KAAK;QAErB,oBAAC,eAAe,IAAC,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,kBAAkB,EAAE,SAAS,EAAE,IAAI,IAClF,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CACxC,oBAAC,eAAe,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,IAC5C,SAAS,IAAI,oBAAC,SAAS,OAAK,KAAK,GAAI,CACtB,CACnB,CAAC,CACc,CACX,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -8,4 +8,6 @@ export { default as Carousel } from "./Carousel";
|
|
|
8
8
|
export { default as VerticalTimeline } from "./List/VerticalTimeline";
|
|
9
9
|
export { default as NumberedList } from "./List/NumberedList";
|
|
10
10
|
export { default as PortfolioContentCard } from "./ContentCard/PortfolioContentCard";
|
|
11
|
+
export { default as BannerCard } from "./Banner/BannerCard";
|
|
12
|
+
export { default as NotificationCard } from "./Banner/NotificationCard";
|
|
11
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,oCAAoC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -8,4 +8,6 @@ export { default as Carousel } from "./Carousel";
|
|
|
8
8
|
export { default as VerticalTimeline } from "./List/VerticalTimeline";
|
|
9
9
|
export { default as NumberedList } from "./List/NumberedList";
|
|
10
10
|
export { default as PortfolioContentCard } from "./ContentCard/PortfolioContentCard";
|
|
11
|
+
export { default as BannerCard } from "./Banner/BannerCard";
|
|
12
|
+
export { default as NotificationCard } from "./Banner/NotificationCard";
|
|
11
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,oCAAoC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC"}
|