@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../src/components/form/SelectInput/Option.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../src/components/form/SelectInput/Option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAwC,MAAM,cAAc,CAAC;AAChF,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,MAAM,UAAU,SAAS;IAKvB,OAAO,QAAQ,CAAC,EAAE,CAAC,CAAC;QAClB,GAAG,QAAQ;QACX,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,SAAS;QACrB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,MAAM;QACjB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,SAAS;KACrB,CAAC,CAAC;AACL,CAAC;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAI/C;;;eAGa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;mBACjB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;IAC3C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,KAAK,CAAC,EAAE;IACR,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACnD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO;iBACI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;sBACnB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;OACvC,CAAC;IACJ,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO;iBACI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;UAE/B,KAAK;YACH,CAAC,CAAC;0BACY,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;YACtC;YACA,CAAC,CAAC,EACN;OACD,CAAC;IACJ,CAAC;IACD,OAAO;eACI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;;iBAEtB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;sBACpB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;;;iBAG7B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;sBACpB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;;QAGtC,KAAK;QACH,CAAC,CAAC;mBACO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;wBACpB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;UACtC;QACA,CAAC,CAAC,EACN;KACD,CAAC;AACJ,CAAC;CACF,CAAC;AAeF,MAAM,UAAU,MAAM,CAIpB,KAAqB;IACrB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAElD,OAAO,CACL,oBAAC,OAAO,IACN,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,UAAU,EAAC,UAAU,EACrB,OAAO,EAAE,WAAW;QAEpB,oBAAC,UAAU,CAAC,MAAM,OAAK,UAAU,IAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAqB,CAClF,CACX,CAAC;AACJ,CAAC"}
|
|
@@ -2,11 +2,14 @@ import React from "react";
|
|
|
2
2
|
import { components } from "react-select";
|
|
3
3
|
import Text from "../../asorted/Text";
|
|
4
4
|
export function getStyles() {
|
|
5
|
-
return provided => (
|
|
5
|
+
return provided => ({
|
|
6
|
+
...provided,
|
|
7
|
+
padding: 0,
|
|
8
|
+
});
|
|
6
9
|
}
|
|
7
10
|
export function ValueContainer(props) {
|
|
8
11
|
const color = props.selectProps.isDisabled ? "neutral.c60" : "neutral.c100";
|
|
9
|
-
return (React.createElement(components.ValueContainer,
|
|
12
|
+
return (React.createElement(components.ValueContainer, { ...props },
|
|
10
13
|
React.createElement(Text, { as: "div", variant: "paragraph", color: color, style: { display: "inherit", alignItems: "center" } }, props.render ? props.render(props) : props.children)));
|
|
11
14
|
}
|
|
12
15
|
//# sourceMappingURL=ValueContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ValueContainer.js","sourceRoot":"","sources":["../../../../src/components/form/SelectInput/ValueContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAgD,MAAM,cAAc,CAAC;AACxF,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,MAAM,UAAU,SAAS;IAKvB,OAAO,QAAQ,CAAC,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"ValueContainer.js","sourceRoot":"","sources":["../../../../src/components/form/SelectInput/ValueContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAgD,MAAM,cAAc,CAAC;AACxF,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,MAAM,UAAU,SAAS;IAKvB,OAAO,QAAQ,CAAC,EAAE,CAAC,CAAC;QAClB,GAAG,QAAQ;QACX,OAAO,EAAE,CAAC;KACX,CAAC,CAAC;AACL,CAAC;AAaD,MAAM,UAAU,cAAc,CAI5B,KAA0B;IAC1B,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC;IAC5E,OAAO,CACL,oBAAC,UAAU,CAAC,cAAc,OAAK,KAAK;QAClC,oBAAC,IAAI,IACH,EAAE,EAAC,KAAK,EACR,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,IAElD,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAC/C,CACmB,CAC7B,CAAC;AACJ,CAAC"}
|
|
@@ -15,13 +15,12 @@ export function VirtualMenuList(props) {
|
|
|
15
15
|
? Math.max(children.findIndex((child) => React.isValidElement(child) && child.props.isFocused), 0)
|
|
16
16
|
: 0, [children]);
|
|
17
17
|
useEffect(() => {
|
|
18
|
-
|
|
19
|
-
(_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollToItem(focusedIndex);
|
|
18
|
+
listRef.current?.scrollToItem(focusedIndex);
|
|
20
19
|
}, [focusedIndex]);
|
|
21
20
|
if (!children || !Array.isArray(children))
|
|
22
21
|
return React.createElement(React.Fragment, null);
|
|
23
22
|
if (childrenLength === 0 && noOptionsMessage) {
|
|
24
|
-
return React.createElement(components.NoOptionsMessage,
|
|
23
|
+
return React.createElement(components.NoOptionsMessage, { ...props, innerProps: {} });
|
|
25
24
|
}
|
|
26
25
|
children.length &&
|
|
27
26
|
children.forEach((node) => {
|
|
@@ -30,7 +29,7 @@ export function VirtualMenuList(props) {
|
|
|
30
29
|
delete node.props.innerProps.onMouseMove; // NB: Removes lag on hover, see https://github.com/JedWatson/react-select/issues/3128#issuecomment-433834170
|
|
31
30
|
delete node.props.innerProps.onMouseOver;
|
|
32
31
|
});
|
|
33
|
-
return (React.createElement("div", { style:
|
|
32
|
+
return (React.createElement("div", { style: { ...menuStyle, maxHeight: "auto" }, onWheelCapture: e =>
|
|
34
33
|
/*
|
|
35
34
|
This event causes issues with react-window.
|
|
36
35
|
react-select logic is based on whether the bottom/top of the list has been reached
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualMenuList.js","sourceRoot":"","sources":["../../../../src/components/form/SelectInput/VirtualMenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,UAAU,EAA4B,MAAM,cAAc,CAAC;AACpE,OAAO,EAAiB,aAAa,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpE,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAY,EAAE,EAAE,CAAC,CAChE,6BAAK,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAO,CACpC,CAAC,CAAC;AAEH,MAAM,UAAU,eAAe,CAI7B,KAA6B;IAC7B,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACjF,MAAM,EAAE,gBAAgB,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,WAAmC,CAAC;IAEhF,MAAM,OAAO,GAAG,MAAM,EAAiB,CAAC;IACxC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACzD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,GAAG,cAAc,CAAC,CAAC;IAElE,MAAM,SAAS,GAAG,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAE/C,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QACrB,CAAC,CAAC,IAAI,CAAC,GAAG,CACN,QAAQ,CAAC,SAAS,CAChB,CAAC,KAAsB,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,SAAS,CACjF,EACD,CAAC,CACF;QACH,CAAC,CAAC,CAAC,EACP,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE
|
|
1
|
+
{"version":3,"file":"VirtualMenuList.js","sourceRoot":"","sources":["../../../../src/components/form/SelectInput/VirtualMenuList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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, { memo, useMemo } from "react";
|
|
13
2
|
import Select from "react-select";
|
|
14
3
|
import { useTheme } from "styled-components";
|
|
@@ -25,25 +14,61 @@ const stylesFn = (theme) => ({
|
|
|
25
14
|
dropdownIndicator: DropdownIndicatorModule.getStyles(),
|
|
26
15
|
menuList: MenuListModule.getStyles(theme),
|
|
27
16
|
option: OptionModule.getStyles(),
|
|
28
|
-
input: provided => (
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
17
|
+
input: provided => ({
|
|
18
|
+
...provided,
|
|
19
|
+
color: theme.colors.neutral.c100,
|
|
20
|
+
}),
|
|
21
|
+
placeholder: provided => ({
|
|
22
|
+
...provided,
|
|
23
|
+
color: theme.colors.neutral.c60,
|
|
24
|
+
}),
|
|
25
|
+
singleValue: provided => ({
|
|
26
|
+
...provided,
|
|
27
|
+
color: "inherit",
|
|
28
|
+
}),
|
|
29
|
+
multiValue: provided => ({
|
|
30
|
+
...provided,
|
|
31
|
+
backgroundColor: theme.colors.primary.c20,
|
|
32
|
+
borderRadius: theme.radii[1],
|
|
33
|
+
}),
|
|
34
|
+
multiValueLabel: provided => ({
|
|
35
|
+
...provided,
|
|
36
|
+
color: theme.colors.neutral.c100,
|
|
37
|
+
}),
|
|
38
|
+
multiValueRemove: provided => ({
|
|
39
|
+
...provided,
|
|
40
|
+
cursor: "pointer",
|
|
41
|
+
":hover": {
|
|
34
42
|
color: theme.colors.error.c50,
|
|
35
43
|
backgroundColor: theme.colors.error.c30,
|
|
36
|
-
}
|
|
37
|
-
|
|
44
|
+
},
|
|
45
|
+
}),
|
|
46
|
+
menu: provided => ({
|
|
47
|
+
...provided,
|
|
48
|
+
border: 0,
|
|
49
|
+
boxShadow: "none",
|
|
50
|
+
background: "none",
|
|
51
|
+
}),
|
|
38
52
|
});
|
|
39
|
-
function SelectInput(
|
|
40
|
-
var { error, rowHeight = 48, unwrapped, extendStyles } = _a, props = __rest(_a, ["error", "rowHeight", "unwrapped", "extendStyles"]);
|
|
53
|
+
function SelectInput({ error, rowHeight = 48, unwrapped, extendStyles, ...props }) {
|
|
41
54
|
const theme = useTheme();
|
|
42
55
|
const styles = useMemo(() => (extendStyles ? extendStyles(stylesFn(theme)) : stylesFn(theme)), [theme, extendStyles]);
|
|
43
56
|
const { isDisabled, components = {} } = props;
|
|
44
|
-
const innerContent = (React.createElement(Select,
|
|
57
|
+
const innerContent = (React.createElement(Select, { ...props, styles: {
|
|
58
|
+
...styles,
|
|
59
|
+
...props.styles,
|
|
60
|
+
}, classNamePrefix: "react-select", components: {
|
|
61
|
+
Control: ControlModule.Control,
|
|
62
|
+
ValueContainer: ValueContainerModule.ValueContainer,
|
|
63
|
+
IndicatorsContainer,
|
|
64
|
+
DropdownIndicator: DropdownIndicatorModule.DropdownIndicator,
|
|
65
|
+
MenuList: MenuListModule.MenuList,
|
|
66
|
+
Option: OptionModule.Option,
|
|
67
|
+
IndicatorSeparator: null,
|
|
68
|
+
...components,
|
|
69
|
+
},
|
|
45
70
|
// @ts-expect-error We want to be able to pass extra props here…
|
|
46
|
-
rowHeight: rowHeight }))
|
|
71
|
+
rowHeight: rowHeight }));
|
|
47
72
|
if (unwrapped)
|
|
48
73
|
return innerContent;
|
|
49
74
|
return (React.createElement("div", null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/SelectInput/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/SelectInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,21 +2,19 @@ import React, { useCallback } from "react";
|
|
|
2
2
|
import styled from "styled-components";
|
|
3
3
|
import { InputContainer, InputErrorContainer } from "../BaseInput";
|
|
4
4
|
function getDividerColor(props) {
|
|
5
|
-
var _a, _b, _c, _d;
|
|
6
5
|
if (props.disabled) {
|
|
7
|
-
return
|
|
6
|
+
return props.theme?.colors.neutral.c40;
|
|
8
7
|
}
|
|
9
8
|
if (props.error) {
|
|
10
|
-
return
|
|
9
|
+
return props.theme?.colors.error.c50;
|
|
11
10
|
}
|
|
12
11
|
if (props.focus) {
|
|
13
|
-
return
|
|
12
|
+
return props.theme?.colors.primary.c80;
|
|
14
13
|
}
|
|
15
|
-
return
|
|
14
|
+
return props.theme?.colors.neutral.c40;
|
|
16
15
|
}
|
|
17
16
|
function getHoverBolderColor(props) {
|
|
18
|
-
|
|
19
|
-
return props.disabled || props.error ? "inherit" : (_a = props.theme) === null || _a === void 0 ? void 0 : _a.colors.primary.c80;
|
|
17
|
+
return props.disabled || props.error ? "inherit" : props.theme?.colors.primary.c80;
|
|
20
18
|
}
|
|
21
19
|
const Divider = styled.div `
|
|
22
20
|
border-right: 1px solid;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/SplitInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAsBnE,SAAS,eAAe,CAAC,KAAmB
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/SplitInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAsBnE,SAAS,eAAe,CAAC,KAAmB;IAC1C,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnB,OAAO,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;IACzC,CAAC;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,OAAO,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;IACvC,CAAC;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,OAAO,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;IACzC,CAAC;IAED,OAAO,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;AACzC,CAAC;AAED,SAAS,mBAAmB,CAAC,KAAmB;IAC9C,OAAO,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;AACrF,CAAC;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAIxB;;;;;kBAKgB,eAAe;IAC7B,cAAc;oBACE,mBAAmB;;CAEtC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAY;IAC7C,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,aAAa,GAAG,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;IAE9E,OAAO,CACL;QACE,oBAAC,cAAc,IAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;YACjE,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IACzC,UAAU,CAAC;gBACV,KAAK;gBACL,OAAO;gBACP,MAAM;gBACN,QAAQ,EAAE,aAAa;gBACvB,UAAU,EAAE,aAAa;aAC1B,CAAC,CACE;YACN,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI;YAC3D,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IACzC,OAAO,WAAW,KAAK,UAAU;gBAChC,CAAC,CAAC,WAAW,CAAC;oBACV,KAAK;oBACL,OAAO;oBACP,MAAM;oBACN,QAAQ,EAAE,aAAa;oBACvB,UAAU,EAAE,aAAa;iBAC1B,CAAC;gBACJ,CAAC,CAAC,WAAW,CACX,CACS;QAChB,KAAK,IAAI,CAAC,QAAQ,IAAI,oBAAC,mBAAmB,QAAE,KAAK,CAAuB,CACrE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { type ReactEventHandler, type ReactNode } from "react";
|
|
2
|
+
import type { FlexBoxProps } from "../../Flex";
|
|
3
|
+
export type BannerCardProps = FlexBoxProps & {
|
|
4
|
+
title: string;
|
|
5
|
+
cta?: string;
|
|
6
|
+
linkText?: string;
|
|
7
|
+
description?: ReactNode;
|
|
8
|
+
descriptionWidth?: number;
|
|
9
|
+
tag?: string;
|
|
10
|
+
image?: string;
|
|
11
|
+
onClick: ReactEventHandler;
|
|
12
|
+
onLinkClick?: ReactEventHandler;
|
|
13
|
+
onClose?: ReactEventHandler;
|
|
14
|
+
};
|
|
15
|
+
export default function BannerCard({ title, cta, linkText, description, descriptionWidth, tag, image, onClick, onLinkClick, onClose, ...boxProps }: BannerCardProps): React.JSX.Element;
|
|
16
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Banner/BannerCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG/C,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,iBAAiB,CAAC;IAC3B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,GAAG,EACH,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,GAAG,EACH,KAAK,EACL,OAAO,EACP,WAAW,EACX,OAAO,EACP,GAAG,QAAQ,EACZ,EAAE,eAAe,qBAwCjB"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
import { StyleProvider } from "../../../../styles";
|
|
4
|
+
import { Icons } from "../../../../assets";
|
|
5
|
+
import { Text } from "../../../asorted";
|
|
6
|
+
import { Button, Link } from "../../../cta";
|
|
7
|
+
import Tag from "../../../Tag";
|
|
8
|
+
import { Flex } from "../..";
|
|
9
|
+
export default function BannerCard({ title, cta, linkText, description, descriptionWidth, tag, image, onClick, onLinkClick, onClose, ...boxProps }) {
|
|
10
|
+
const handleClose = event => {
|
|
11
|
+
event.stopPropagation();
|
|
12
|
+
onClose?.(event);
|
|
13
|
+
};
|
|
14
|
+
const handleCTAClick = event => {
|
|
15
|
+
event.stopPropagation();
|
|
16
|
+
onClick(event);
|
|
17
|
+
};
|
|
18
|
+
const handleLinkClick = event => {
|
|
19
|
+
event.stopPropagation();
|
|
20
|
+
onLinkClick?.(event);
|
|
21
|
+
};
|
|
22
|
+
return (React.createElement(Wrapper, { ...boxProps, image: image, tag: tag, onClick: handleCTAClick },
|
|
23
|
+
tag && React.createElement(StyledTag, null, tag),
|
|
24
|
+
React.createElement(Title, null, title),
|
|
25
|
+
description && React.createElement(Desc, { maxWidth: descriptionWidth }, description),
|
|
26
|
+
React.createElement(Flex, { columnGap: 5 },
|
|
27
|
+
cta && (React.createElement(Button, { variant: "main", outline: false, onClick: handleCTAClick }, cta)),
|
|
28
|
+
linkText && (React.createElement(Link, { onClick: handleLinkClick },
|
|
29
|
+
React.createElement(Text, { variant: "body", fontSize: 14, flexShrink: 1 }, linkText)))),
|
|
30
|
+
onClose && (React.createElement(StyleProvider, { selectedPalette: "dark" },
|
|
31
|
+
React.createElement(CloseButton, { "data-testid": "portfolio-card-close-button", onClick: handleClose })))));
|
|
32
|
+
}
|
|
33
|
+
const StyledTag = styled(Tag).attrs({ size: "medium", type: "plain", active: true }) `
|
|
34
|
+
font-size: 11px;
|
|
35
|
+
background-color: ${p => p.theme.colors.primary.c80};
|
|
36
|
+
`;
|
|
37
|
+
const Title = styled(Text).attrs({ variant: "h4Inter" }) `
|
|
38
|
+
font-family: Inter;
|
|
39
|
+
font-size: 24px;
|
|
40
|
+
font-weight: 600;
|
|
41
|
+
`;
|
|
42
|
+
const Desc = styled(Text).attrs({ variant: "small", color: "neutral.c70" }) `
|
|
43
|
+
font-family: Inter;
|
|
44
|
+
font-size: 13px;
|
|
45
|
+
font-style: normal;
|
|
46
|
+
font-weight: 500;
|
|
47
|
+
padding-bottom: 8px;
|
|
48
|
+
`;
|
|
49
|
+
const Wrapper = styled(Flex) `
|
|
50
|
+
background-color: ${p => p.theme.colors.background.card};
|
|
51
|
+
background-image: ${p => (p.image ? `url("${p.image}")` : "none")};
|
|
52
|
+
background-position: right center;
|
|
53
|
+
background-repeat: no-repeat;
|
|
54
|
+
background-size: 50% auto;
|
|
55
|
+
|
|
56
|
+
cursor: pointer;
|
|
57
|
+
padding: 16px;
|
|
58
|
+
padding-top: ${p => (p.tag ? "16px" : "24px")};
|
|
59
|
+
padding-right: 50%;
|
|
60
|
+
flex-basis: 100%;
|
|
61
|
+
|
|
62
|
+
position: relative;
|
|
63
|
+
flex-direction: column;
|
|
64
|
+
justify-content: flex-end;
|
|
65
|
+
align-items: flex-start;
|
|
66
|
+
gap: 4px;
|
|
67
|
+
`;
|
|
68
|
+
const CloseButton = styled(Button).attrs({
|
|
69
|
+
Icon: React.createElement(Icons.Close, { size: "XS" }),
|
|
70
|
+
iconButton: true,
|
|
71
|
+
outline: true,
|
|
72
|
+
}) `
|
|
73
|
+
background-color: ${p => p.theme.colors.neutral.c30};
|
|
74
|
+
position: absolute;
|
|
75
|
+
top: 10px;
|
|
76
|
+
right: 10px;
|
|
77
|
+
width: 24px;
|
|
78
|
+
height: 24px;
|
|
79
|
+
svg {
|
|
80
|
+
width: 12px;
|
|
81
|
+
height: 12px;
|
|
82
|
+
}
|
|
83
|
+
`;
|
|
84
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/Banner/BannerCard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { type ReactEventHandler, type ReactNode } from "react";
|
|
2
|
+
import { Icons } from "../../../../assets";
|
|
3
|
+
import type { Props as GridBoxProps } from "../../Grid";
|
|
4
|
+
type IconKey = keyof typeof Icons;
|
|
5
|
+
export type NotificationCardProps = GridBoxProps & {
|
|
6
|
+
title?: string;
|
|
7
|
+
cta?: string;
|
|
8
|
+
description?: ReactNode;
|
|
9
|
+
icon: IconKey;
|
|
10
|
+
isHighlighted?: boolean;
|
|
11
|
+
onClick: ReactEventHandler;
|
|
12
|
+
};
|
|
13
|
+
export default function NotificationCard({ title, cta, icon, description, isHighlighted, onClick, ...boxProps }: NotificationCardProps): React.JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Banner/NotificationCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,KAAK,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AAGxD,KAAK,OAAO,GAAG,MAAM,OAAO,KAAK,CAAC;AAElC,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAAG;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAYF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,GAAG,EACH,IAAI,EACJ,WAAW,EACX,aAAa,EACb,OAAO,EACP,GAAG,QAAQ,EACZ,EAAE,qBAAqB,qBAmCvB"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import styled, { css } from "styled-components";
|
|
3
|
+
import { Icons } from "../../../../assets";
|
|
4
|
+
import { Text } from "../../../asorted";
|
|
5
|
+
import { Link } from "../../../cta";
|
|
6
|
+
import { Grid, Flex } from "../..";
|
|
7
|
+
const colorsByIcon = {
|
|
8
|
+
Warning: {
|
|
9
|
+
icon: "warning.c80",
|
|
10
|
+
iconBg: "warning.c30",
|
|
11
|
+
cta: "warning.c80",
|
|
12
|
+
},
|
|
13
|
+
};
|
|
14
|
+
export default function NotificationCard({ title, cta, icon, description, isHighlighted, onClick, ...boxProps }) {
|
|
15
|
+
const handleCTAClick = event => {
|
|
16
|
+
event.stopPropagation();
|
|
17
|
+
onClick(event);
|
|
18
|
+
};
|
|
19
|
+
const safeIcon = icon in Icons ? icon : "Information";
|
|
20
|
+
const Icon = Icons[safeIcon];
|
|
21
|
+
const colors = colorsByIcon[safeIcon];
|
|
22
|
+
const ctaColor = isHighlighted ? colors?.cta ?? "primary.c80" : "neutral.c100";
|
|
23
|
+
const iconColor = colors?.icon ?? "primary.c80";
|
|
24
|
+
const iconBgColor = colors?.iconBg ?? "opacityPurple.c10";
|
|
25
|
+
return (React.createElement(Wrapper, { ...boxProps, isHighlighted: isHighlighted, onClick: handleCTAClick },
|
|
26
|
+
React.createElement(IconWrapper, { backgroundColor: iconBgColor, isHighlighted: isHighlighted },
|
|
27
|
+
React.createElement(Icon, { color: iconColor })),
|
|
28
|
+
React.createElement(Flex, { flexDirection: "column", rowGap: isHighlighted ? "4px" : "8px" },
|
|
29
|
+
title && (React.createElement(Text, { variant: "h4Inter", fontSize: 16 }, title)),
|
|
30
|
+
description && (React.createElement(Desc, { color: isHighlighted ? "neutral.c100" : "neutral.c80" }, description)),
|
|
31
|
+
cta && (React.createElement(Cta, { color: ctaColor, onClick: handleCTAClick }, cta)))));
|
|
32
|
+
}
|
|
33
|
+
const Desc = styled(Text).attrs({ variant: "small" }) `
|
|
34
|
+
font-family: Inter;
|
|
35
|
+
font-size: 13px;
|
|
36
|
+
font-style: normal;
|
|
37
|
+
font-weight: 500;
|
|
38
|
+
`;
|
|
39
|
+
const Cta = styled(Link).attrs({ alignSelf: "start" }) `
|
|
40
|
+
font-size: 13px;
|
|
41
|
+
`;
|
|
42
|
+
const IconWrapper = styled(Flex) `
|
|
43
|
+
border-radius: ${p => (p.isHighlighted ? "13.5px" : "50%")};
|
|
44
|
+
padding: 8px;
|
|
45
|
+
${p => p.isHighlighted &&
|
|
46
|
+
css `
|
|
47
|
+
background-clip: padding-box;
|
|
48
|
+
border-width: 7px;
|
|
49
|
+
border-style: solid;
|
|
50
|
+
border-color: transparent;
|
|
51
|
+
position: relative;
|
|
52
|
+
&::before {
|
|
53
|
+
content: "";
|
|
54
|
+
position: absolute;
|
|
55
|
+
inset: -7px;
|
|
56
|
+
border-radius: 13.5px;
|
|
57
|
+
background: linear-gradient(
|
|
58
|
+
180deg,
|
|
59
|
+
${p.theme.colors.opacityDefault.c05} 0%,
|
|
60
|
+
rgba(29, 28, 31, 0) 100%
|
|
61
|
+
);
|
|
62
|
+
}
|
|
63
|
+
`}
|
|
64
|
+
|
|
65
|
+
}
|
|
66
|
+
`;
|
|
67
|
+
const Wrapper = styled(Grid) `
|
|
68
|
+
background-color: ${p => (p.isHighlighted ? p.theme.colors.opacityDefault.c05 : "transparent")};
|
|
69
|
+
|
|
70
|
+
cursor: pointer;
|
|
71
|
+
padding: 12px;
|
|
72
|
+
grid-template-columns: auto 1fr;
|
|
73
|
+
gap: ${p => (p.isHighlighted ? "12px" : "24px")};
|
|
74
|
+
border-radius: 12px;
|
|
75
|
+
|
|
76
|
+
align-items: center;
|
|
77
|
+
justify-content: start;
|
|
78
|
+
`;
|
|
79
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/Banner/NotificationCard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import styled from "styled-components";
|
|
3
3
|
import { Icons } from "../../../assets";
|
|
4
4
|
export function ChevronArrow(props) {
|
|
5
|
-
return (React.createElement(ChevronArrowContainer,
|
|
5
|
+
return (React.createElement(ChevronArrowContainer, { ...props },
|
|
6
6
|
React.createElement(Icons.ChevronLeft, null)));
|
|
7
7
|
}
|
|
8
8
|
const ChevronArrowContainer = styled.button `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChevronArrow.js","sourceRoot":"","sources":["../../../../src/components/layout/Carousel/ChevronArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAMxC,MAAM,UAAU,YAAY,CAAC,KAAY;IACvC,OAAO,CACL,oBAAC,qBAAqB,
|
|
1
|
+
{"version":3,"file":"ChevronArrow.js","sourceRoot":"","sources":["../../../../src/components/layout/Carousel/ChevronArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAMxC,MAAM,UAAU,YAAY,CAAC,KAAY;IACvC,OAAO,CACL,oBAAC,qBAAqB,OAAK,KAAK;QAC9B,oBAAC,KAAK,CAAC,WAAW,OAAG,CACC,CACzB,CAAC;AACJ,CAAC;AAMD,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAgB;;;;;;;;;UASjD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;WACvD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;;;WAGxD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;;;;sBAI3C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO;;;;;;;;;;;wBAW5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG;oBAClD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG;;;;;;aAMrD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;;;;;;;CAcpD,CAAC"}
|
|
@@ -11,10 +11,28 @@ const defaultBulletStyle = {
|
|
|
11
11
|
const useBulletStyles = () => {
|
|
12
12
|
const { colors } = useTheme();
|
|
13
13
|
const BulletStyle = {
|
|
14
|
-
[ItemStatus.active]:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
[ItemStatus.active]: {
|
|
15
|
+
...defaultBulletStyle,
|
|
16
|
+
width: "16px",
|
|
17
|
+
backgroundColor: colors.opacityDefault.c80,
|
|
18
|
+
},
|
|
19
|
+
[ItemStatus.nearby]: {
|
|
20
|
+
...defaultBulletStyle,
|
|
21
|
+
width: "8px",
|
|
22
|
+
backgroundColor: colors.opacityDefault.c30,
|
|
23
|
+
},
|
|
24
|
+
[ItemStatus.far]: {
|
|
25
|
+
...defaultBulletStyle,
|
|
26
|
+
width: "4px",
|
|
27
|
+
backgroundColor: colors.opacityDefault.c10,
|
|
28
|
+
},
|
|
29
|
+
[ItemStatus.none]: {
|
|
30
|
+
...defaultBulletStyle,
|
|
31
|
+
width: "0px",
|
|
32
|
+
opacity: 0,
|
|
33
|
+
backgroundColor: colors.opacityDefault.c10,
|
|
34
|
+
marginRight: "0px",
|
|
35
|
+
},
|
|
18
36
|
};
|
|
19
37
|
return BulletStyle;
|
|
20
38
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bullets.js","sourceRoot":"","sources":["../../../../../../src/components/layout/Carousel/Footer/Pagination/bullets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,kBAAkB,GAAG;IACzB,MAAM,EAAE,KAAK;IACb,YAAY,EAAE,QAAQ;IACtB,WAAW,EAAE,KAAK;IAClB,OAAO,EAAE,CAAC;CACX,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE9B,MAAM,WAAW,GASb;QACF,CAAC,UAAU,CAAC,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"bullets.js","sourceRoot":"","sources":["../../../../../../src/components/layout/Carousel/Footer/Pagination/bullets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,kBAAkB,GAAG;IACzB,MAAM,EAAE,KAAK;IACb,YAAY,EAAE,QAAQ;IACtB,WAAW,EAAE,KAAK;IAClB,OAAO,EAAE,CAAC;CACX,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE9B,MAAM,WAAW,GASb;QACF,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACnB,GAAG,kBAAkB;YACrB,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,MAAM,CAAC,cAAc,CAAC,GAAG;SAC3C;QACD,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACnB,GAAG,kBAAkB;YACrB,KAAK,EAAE,KAAK;YACZ,eAAe,EAAE,MAAM,CAAC,cAAc,CAAC,GAAG;SAC3C;QACD,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;YAChB,GAAG,kBAAkB;YACrB,KAAK,EAAE,KAAK;YACZ,eAAe,EAAE,MAAM,CAAC,cAAc,CAAC,GAAG;SAC3C;QACD,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;YACjB,GAAG,kBAAkB;YACrB,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,CAAC;YACV,eAAe,EAAE,MAAM,CAAC,cAAc,CAAC,GAAG;YAC1C,WAAW,EAAE,KAAK;SACnB;KACF,CAAC;IAEF,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAwB,EAAE,EAAE;IAChD,OAAO,oBAAC,QAAQ,CAAC,GAAG,IAAC,KAAK,EAAE,SAAS,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,GAAI,CAAC;AACrE,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -9,7 +9,7 @@ const Footer = (props) => {
|
|
|
9
9
|
if (props.children.length === 1)
|
|
10
10
|
return null;
|
|
11
11
|
const Component = Footers[props.variant];
|
|
12
|
-
return React.createElement(Component,
|
|
12
|
+
return React.createElement(Component, { ...props });
|
|
13
13
|
};
|
|
14
14
|
export default Footer;
|
|
15
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/Carousel/Footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,MAAM,OAAO,GAAuC;IAClD,cAAc,EAAE,iBAAiB;IACjC,OAAO,EAAE,aAAa;CACvB,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,KAAe,EAAE,EAAE;IACjC,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE7C,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACzC,OAAO,oBAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/Carousel/Footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,MAAM,OAAO,GAAuC;IAClD,cAAc,EAAE,iBAAiB;IACjC,OAAO,EAAE,aAAa;CACvB,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,KAAe,EAAE,EAAE;IACjC,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE7C,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACzC,OAAO,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -23,9 +23,9 @@ const FooterContentCard = ({ children, emblaApi, currentIndex, variant }) => {
|
|
|
23
23
|
return (React.createElement(FooterContainer, null,
|
|
24
24
|
React.createElement(Pagination, { variant: variant, children: children, emblaApi: emblaApi, currentIndex: currentIndex }),
|
|
25
25
|
React.createElement(FooterArrowsContainer, null,
|
|
26
|
-
React.createElement(FooterArrowContainer, { onClick: () => emblaApi
|
|
26
|
+
React.createElement(FooterArrowContainer, { onClick: () => emblaApi?.scrollPrev() },
|
|
27
27
|
React.createElement(ArrowLeft, { size: "S" })),
|
|
28
|
-
React.createElement(FooterArrowContainer, { onClick: () => emblaApi
|
|
28
|
+
React.createElement(FooterArrowContainer, { onClick: () => emblaApi?.scrollNext() },
|
|
29
29
|
React.createElement(ArrowRight, { size: "S" })))));
|
|
30
30
|
};
|
|
31
31
|
export default FooterContentCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variantContentCard.js","sourceRoot":"","sources":["../../../../../src/components/layout/Carousel/Footer/variantContentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,UAAU,MAAM,cAAc,CAAC;AAGtC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;0BAER,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG;;;;CAI/D,CAAC;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIvC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAItC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAY,EAAE,EAAE;IACpF,OAAO,CACL,oBAAC,eAAe;QACd,oBAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,GAC1B;QAEF,oBAAC,qBAAqB;YACpB,oBAAC,oBAAoB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"variantContentCard.js","sourceRoot":"","sources":["../../../../../src/components/layout/Carousel/Footer/variantContentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,UAAU,MAAM,cAAc,CAAC;AAGtC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;0BAER,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG;;;;CAI/D,CAAC;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIvC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAItC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAY,EAAE,EAAE;IACpF,OAAO,CACL,oBAAC,eAAe;QACd,oBAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,GAC1B;QAEF,oBAAC,qBAAqB;YACpB,oBAAC,oBAAoB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE;gBACzD,oBAAC,SAAS,IAAC,IAAI,EAAC,GAAG,GAAG,CACD;YACvB,oBAAC,oBAAoB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE;gBACzD,oBAAC,UAAU,IAAC,IAAI,EAAC,GAAG,GAAG,CACF,CACD,CACR,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -9,7 +9,7 @@ const FooterContainer = styled.div `
|
|
|
9
9
|
`;
|
|
10
10
|
const FooterDefault = (props) => {
|
|
11
11
|
return (React.createElement(FooterContainer, null,
|
|
12
|
-
React.createElement(Pagination,
|
|
12
|
+
React.createElement(Pagination, { ...props })));
|
|
13
13
|
};
|
|
14
14
|
export default FooterDefault;
|
|
15
15
|
//# sourceMappingURL=variantDefault.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variantDefault.js","sourceRoot":"","sources":["../../../../../src/components/layout/Carousel/Footer/variantDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,UAAU,MAAM,cAAc,CAAC;AAGtC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKjC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAe,EAAE,EAAE;IACxC,OAAO,CACL,oBAAC,eAAe;QACd,oBAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"variantDefault.js","sourceRoot":"","sources":["../../../../../src/components/layout/Carousel/Footer/variantDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,UAAU,MAAM,cAAc,CAAC;AAGtC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKjC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAe,EAAE,EAAE;IACxC,OAAO,CACL,oBAAC,eAAe;QACd,oBAAC,UAAU,OAAK,KAAK,GAAI,CACT,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|