@bosonprotocol/react-kit 0.36.0-alpha.1 → 0.36.0-alpha.11

package/dist/cjs/components/modal/nonModal/Header.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -31,20 +41,20 @@ const theme_1 = require("../../../theme");
 const styled_components_1 = __importDefault(require("styled-components"));
 const phosphor_react_1 = require("phosphor-react");
 const Grid_1 = require("../../ui/Grid");
-const ConnectButton_1 = __importDefault(require("../../wallet/ConnectButton"));
-const ThemedButton_1 = __importDefault(require("../../ui/ThemedButton"));
+const ThemedButton_1 = require("../../ui/ThemedButton");
 const useBreakpoints_1 = require("../../../hooks/useBreakpoints");
-const colors = theme_1.theme.colors.light;
+const BosonConnectWallet_1 = require("../../wallet2/web3Status/BosonConnectWallet");
+const BaseButton_1 = require("../../buttons/BaseButton");
 const Wrapper = styled_components_1.default.div `
   box-sizing: border-box;
   container-type: inline-size;
   position: relative;
   width: 100%;
   text-align: left;
-  padding: 1rem 1rem 1rem 2rem;
+  padding: 1rem 2rem;
   display: flex;
   flex-wrap: ${({ $flexWrap }) => $flexWrap};
-  border-bottom: 2px solid ${colors.border};
+  border-bottom: 2px solid ${(0, theme_1.getCssVar)("--background-color")};
   align-items: flex-end;
   justify-content: space-between;
   gap: 0.5rem;
@@ -54,26 +64,68 @@ const Wrapper = styled_components_1.default.div `
     align-self: center;
   }
 `;
+const closeTheme = Object.assign(Object.assign({}, (0, ThemedButton_1.bosonButtonThemes)().blank), { padding: 0, borderWidth: 0, svg: {
+        line: {
+            stroke: (0, theme_1.getCssVar)("--main-text-color")
+        }
+    }, hover: {
+        svg: {
+            line: {
+                stroke: `color-mix(
+          in srgb,
+          ${(0, theme_1.getCssVar)("--main-text-color")} 50%,
+          transparent 50%
+        )`
+            }
+        }
+    } });
 const Close = (0, styled_components_1.default)(phosphor_react_1.X) `
+  color: unset;
   && {
     stroke: unset;
   }
-
-  line {
-    stroke: ${colors.darkGrey};
-  }
 `;
-const Header = ({ HeaderComponent, closable, handleOnClose, showConnectButton }) => {
+const arrowLeftTheme = Object.assign(Object.assign({}, (0, ThemedButton_1.bosonButtonThemes)().blank), { padding: 0, borderWidth: 0, svg: {
+        line: {
+            stroke: (0, theme_1.getCssVar)("--main-text-color")
+        },
+        polyline: {
+            stroke: (0, theme_1.getCssVar)("--main-text-color")
+        }
+    }, hover: {
+        svg: {
+            line: {
+                stroke: `color-mix(
+          in srgb,
+          ${(0, theme_1.getCssVar)("--main-text-color")} 50%,
+          transparent 50%
+        )`
+            },
+            polyline: {
+                stroke: `color-mix(
+          in srgb,
+          ${(0, theme_1.getCssVar)("--main-text-color")} 50%,
+          transparent 50%
+        )`
+            }
+        }
+    } });
+const StyledArrowLeft = (0, styled_components_1.default)(phosphor_react_1.ArrowLeft) `
+  color: unset;
+`;
+const Header = ({ HeaderComponent, closable, withLeftArrowButton, handleOnCloseClick, handleOnArrowLeftClick, showConnectButton }) => {
     const { isLteXS } = (0, useBreakpoints_1.useBreakpoints)();
     const InnerContainer = isLteXS ? Grid_1.Grid : react_1.Fragment;
     return (react_1.default.createElement(Wrapper, { "$flexWrap": isLteXS ? "wrap" : "nowrap" },
         react_1.default.createElement(InnerContainer, null,
+            closable && withLeftArrowButton && (react_1.default.createElement(BaseButton_1.BaseButton, { "data-close": true, theme: arrowLeftTheme, onClick: handleOnArrowLeftClick, id: "close" },
+                react_1.default.createElement(StyledArrowLeft, { size: 32 }))),
             HeaderComponent,
-            showConnectButton && !isLteXS && react_1.default.createElement(ConnectButton_1.default, { showChangeWallet: true }),
-            closable && (react_1.default.createElement(ThemedButton_1.default, { "data-close": true, themeVal: "blank", onClick: handleOnClose, id: "close" },
+            showConnectButton && !isLteXS && react_1.default.createElement(BosonConnectWallet_1.BosonConnectWallet, null),
+            closable && !withLeftArrowButton && (react_1.default.createElement(BaseButton_1.BaseButton, { "data-close": true, theme: closeTheme, onClick: handleOnCloseClick, id: "close" },
                 react_1.default.createElement(Close, { size: 32 })))),
         showConnectButton && isLteXS && (react_1.default.createElement(Grid_1.Grid, { justifyContent: "flex-end" },
-            react_1.default.createElement(ConnectButton_1.default, { showChangeWallet: true })))));
+            react_1.default.createElement(BosonConnectWallet_1.BosonConnectWallet, null)))));
 };
 exports.default = Header;
 //# sourceMappingURL=Header.js.map

package/dist/cjs/components/modal/nonModal/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,0CAAuC;AACvC,0EAAuC;AACvC,mDAAmC;AACnC,wCAAqC;AACrC,+EAAuD;AACvD,yEAAiD;AACjD,kEAA+D;AAE/D,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAuB;;;;;;;;eAQlC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS;6BACd,MAAM,CAAC,MAAM;;;;;;;;;CASzC,CAAC;AAEF,MAAM,KAAK,GAAG,IAAA,2BAAM,EAAC,kBAAC,CAAC,CAAA;;;;;;cAMT,MAAM,CAAC,QAAQ;;CAE5B,CAAC;AASF,MAAM,MAAM,GAA0B,CAAC,EACrC,eAAe,EACf,QAAQ,EACR,aAAa,EACb,iBAAiB,EAClB,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IACrC,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,gBAAQ,CAAC;IACjD,OAAO,CACL,8BAAC,OAAO,iBAAY,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QAC7C,8BAAC,cAAc;YACZ,eAAe;YACf,iBAAiB,IAAI,CAAC,OAAO,IAAI,8BAAC,uBAAa,IAAC,gBAAgB,SAAG;YACnE,QAAQ,IAAI,CACX,8BAAC,sBAAY,wBAEX,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAE,aAAa,EACtB,EAAE,EAAC,OAAO;gBAEV,8BAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,CACN,CAChB,CACc;QAEhB,iBAAiB,IAAI,OAAO,IAAI,CAC/B,8BAAC,WAAI,IAAC,cAAc,EAAC,UAAU;YAC7B,8BAAC,uBAAa,IAAC,gBAAgB,SAAG,CAC7B,CACR,CACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/Header.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/modal/nonModal/NonModal.d.ts

@@ -6,23 +6,27 @@ export declare enum ActionKind {
     CONTENT_STYLE = "CONTENT_STYLE"
 }
 type Action = {
-    payload: State;
+    payload: Required<State>;
+};
+type State = Pick<NonModalProps, "headerComponent" | "contentStyle" | "footerComponent" | "onArrowLeftClick">;
+export declare const useNonModalContext: () => {
+    dispatch: React.Dispatch<Action>;
+    showConnectButton: boolean;
 };
-type State = Pick<NonModalProps, "headerComponent" | "contentStyle" | "footerComponent">;
-export declare const useNonModalContext: () => React.Dispatch<Action>;
 export interface NonModalProps {
     hideModal?: (data?: unknown | undefined | null) => void;
+    onArrowLeftClick?: null | (() => unknown);
+    withLeftArrowButton?: boolean;
     headerComponent?: ReactNode;
     footerComponent?: ReactNode;
     contentStyle?: CSSProperties;
     size?: NonNullable<Store["modalSize"]>;
     maxWidths?: Store["modalMaxWidth"];
-    theme?: NonNullable<Store["theme"]>;
     closable?: boolean;
     lookAndFeel?: "modal" | "regular";
     children: ReactNode;
     showConnectButton: boolean;
 }
-export default function NonModal({ children, hideModal, headerComponent, footerComponent, size, maxWidths, theme, contentStyle: _contentStyle, closable, lookAndFeel, showConnectButton }: NonModalProps): JSX.Element;
+export default function NonModal({ children, withLeftArrowButton, hideModal, onArrowLeftClick, headerComponent, footerComponent, size, maxWidths, contentStyle: _contentStyle, closable, lookAndFeel, showConnectButton }: NonModalProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=NonModal.d.ts.map

package/dist/cjs/components/modal/nonModal/NonModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NonModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,aAAa,EAId,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AA0JxC,oBAAY,UAAU;IACpB,MAAM,WAAW;IACjB,aAAa,kBAAkB;CAChC;AAED,KAAK,MAAM,GAAG;IACZ,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,CACf,aAAa,EACb,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CACvD,CAAC;AAaF,eAAO,MAAM,kBAAkB,8BAM9B,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,eAAe,EACf,eAAe,EACf,IAAa,EACb,SAAgB,EAChB,KAAe,EACf,YAAY,EAAE,aAAa,EAC3B,QAAe,EACf,WAAqB,EACrB,iBAAiB,EAClB,EAAE,aAAa,eAsDf"}
+{"version":3,"file":"NonModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,aAAa,EAId,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AA0IxC,oBAAY,UAAU;IACpB,MAAM,WAAW;IACjB,aAAa,kBAAkB;CAChC;AAED,KAAK,MAAM,GAAG;IACZ,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;CAC1B,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,CACf,aAAa,EACb,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,GAAG,kBAAkB,CAC5E,CAAC;AAaF,eAAO,MAAM,kBAAkB;cAFjB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;uBAAqB,OAAO;CAQ/D,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,gBAAgB,CAAC,EAAE,IAAI,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,IAAa,EACb,SAAgB,EAChB,YAAY,EAAE,aAAa,EAC3B,QAAe,EACf,WAAqB,EACrB,iBAAiB,EAClB,EAAE,aAAa,qBAsEf"}

package/dist/cjs/components/modal/nonModal/NonModal.js

@@ -15,18 +15,29 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useNonModalContext = exports.ActionKind = void 0;
+exports.default = NonModal;
 const react_1 = __importStar(require("react"));
 const theme_1 = require("../../../theme");
 const styled_components_1 = __importStar(require("styled-components"));
@@ -34,7 +45,6 @@ const Header_1 = __importDefault(require("./Header"));
 const zIndex_1 = require("../../ui/zIndex");
 const breakpoint_1 = require("../../../lib/ui/breakpoint");
 const styles_1 = require("./styles");
-const colors = theme_1.theme.colors.light;
 const Root = styled_components_1.default.div `
   position: relative;
   top: 0;
@@ -97,29 +107,16 @@ const sizeToMargin = {
         xl: "0 auto"
     }
 };
-const background = {
-    primaryBgColor: "var(--primaryBgColor)",
-    dark: `${colors.black}`,
-    light: `${colors.white}`
-};
 const Wrapper = styled_components_1.default.div `
   display: flex;
   flex-direction: column;
   max-height: inherit;
   position: relative;
   z-index: ${zIndex_1.zIndex.Modal};
-  color: ${({ $themeVal }) => {
-    switch ($themeVal) {
-        case "dark":
-            return colors.white;
-        default:
-            return colors.black;
-    }
-}};
-  background-color: ${({ $themeVal }) => {
-    return background[$themeVal] || colors.white;
-}};
-  border: var(--secondary);
+  color: ${(0, theme_1.getCssVar)("--main-text-color")};
+  background-color: ${(0, theme_1.getCssVar)("--background-accent-color")};
+  border-radius: ${(0, theme_1.getCssVar)("--modal-border-radius")};
+  overflow: hidden;
   ${({ $maxWidths }) => {
     if (!$maxWidths) {
         return "";
@@ -164,7 +161,7 @@ const Wrapper = styled_components_1.default.div `
     `};
 `;
 const FooterWrapper = styled_components_1.default.div `
-  border-top: 2px solid ${colors.border};
+  border-top: 2px solid ${theme_1.colors.border};
 `;
 var ActionKind;
 (function (ActionKind) {
@@ -184,33 +181,41 @@ const useNonModalContext = () => {
     return context;
 };
 exports.useNonModalContext = useNonModalContext;
-function NonModal({ children, hideModal, headerComponent, footerComponent, size = "auto", maxWidths = null, theme = "light", contentStyle: _contentStyle, closable = true, lookAndFeel = "modal", showConnectButton }) {
-    const handleOnClose = () => {
+function NonModal({ children, withLeftArrowButton, hideModal, onArrowLeftClick, headerComponent, footerComponent, size = "auto", maxWidths = null, contentStyle: _contentStyle, closable = true, lookAndFeel = "modal", showConnectButton }) {
+    const handleOnCloseClick = () => {
         if (closable && hideModal) {
             hideModal();
         }
     };
-    const [{ headerComponent: HeaderComponent, footerComponent: FooterComponent, contentStyle }, dispatch] = (0, react_1.useReducer)(reducer, {
+    const [{ headerComponent: HeaderComponent, footerComponent: FooterComponent, contentStyle, onArrowLeftClick: onArrowLeftClickFromReducer }, dispatch] = (0, react_1.useReducer)(reducer, {
         headerComponent,
         footerComponent,
-        contentStyle: _contentStyle
+        contentStyle: _contentStyle,
+        onArrowLeftClick
     });
+    const handleOnArrowLeftClick = () => {
+        if (onArrowLeftClickFromReducer) {
+            onArrowLeftClickFromReducer();
+        }
+        else {
+            handleOnCloseClick();
+        }
+    };
     const Container = (0, react_1.useMemo)(() => {
         return ({ children }) => {
             return lookAndFeel === "modal" ? (react_1.default.createElement(Root, { "data-testid": "modal" },
                 children,
                 react_1.default.createElement(RootBG, { onClick: () => {
-                        handleOnClose();
+                        handleOnCloseClick();
                     } }))) : (react_1.default.createElement(react_1.default.Fragment, null, children));
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [lookAndFeel]);
     return (react_1.default.createElement(Container, null,
-        react_1.default.createElement(Wrapper, { "$size": size, "$themeVal": theme, "$maxWidths": maxWidths },
-            react_1.default.createElement(Header_1.default, { HeaderComponent: HeaderComponent, closable: closable, handleOnClose: handleOnClose, showConnectButton: showConnectButton }),
-            react_1.default.createElement(styles_1.Content, { style: contentStyle },
-                react_1.default.createElement(NonModalContext.Provider, { value: dispatch }, children)),
-            FooterComponent && react_1.default.createElement(FooterWrapper, null, FooterComponent))));
+        react_1.default.createElement(NonModalContext.Provider, { value: { dispatch, showConnectButton } },
+            react_1.default.createElement(Wrapper, { "$size": size, "$maxWidths": maxWidths },
+                react_1.default.createElement(Header_1.default, { HeaderComponent: HeaderComponent, withLeftArrowButton: !!withLeftArrowButton || !!onArrowLeftClickFromReducer, closable: closable, handleOnCloseClick: handleOnCloseClick, handleOnArrowLeftClick: handleOnArrowLeftClick, showConnectButton: showConnectButton }),
+                react_1.default.createElement(styles_1.Content, { style: contentStyle }, children),
+                FooterComponent ? (react_1.default.createElement(FooterWrapper, null, FooterComponent)) : (react_1.default.createElement("div", { style: { width: "947px", maxWidth: "100vw" } }))))));
 }
-exports.default = NonModal;
 //# sourceMappingURL=NonModal.js.map

package/dist/cjs/components/modal/nonModal/NonModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/modal/nonModal/headers/HeaderView.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export type HeaderViewProps = {
+    text: string | undefined;
+    showBosonLogoInHeader: boolean;
+};
+export declare const HeaderView: ({ showBosonLogoInHeader, text }: HeaderViewProps) => React.JSX.Element;
+//# sourceMappingURL=HeaderView.d.ts.map

package/dist/cjs/components/modal/nonModal/headers/HeaderView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/nonModal/headers/HeaderView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AACF,eAAO,MAAM,UAAU,oCAGpB,eAAe,sBAejB,CAAC"}

package/dist/cjs/components/modal/nonModal/headers/HeaderView.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderView = void 0;
+const react_1 = __importDefault(require("react"));
+const Typography_1 = require("../../../ui/Typography");
+const NonModal_1 = require("../NonModal");
+const Grid_1 = require("../../../ui/Grid");
+const ThemedBosonLogo_1 = require("../../components/common/ThemedBosonLogo");
+const HeaderView = ({ showBosonLogoInHeader, text }) => {
+    const { showConnectButton } = (0, NonModal_1.useNonModalContext)();
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Typography_1.Typography, { tag: "h3" }, text),
+        react_1.default.createElement(Grid_1.Grid, { gap: "1rem", style: { flex: "1 1" }, justifyContent: showConnectButton ? "center" : "flex-end" }, showBosonLogoInHeader && react_1.default.createElement(ThemedBosonLogo_1.ThemedBosonLogo, null))));
+};
+exports.HeaderView = HeaderView;
+//# sourceMappingURL=HeaderView.js.map

package/dist/cjs/components/modal/nonModal/headers/HeaderView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderView.js","sourceRoot":"","sources":["../../../../../../src/components/modal/nonModal/headers/HeaderView.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uDAAoD;AACpD,0CAAiD;AACjD,2CAAwC;AACxC,6EAA0E;AAMnE,MAAM,UAAU,GAAG,CAAC,EACzB,qBAAqB,EACrB,IAAI,EACY,EAAE,EAAE;IACpB,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,6BAAkB,GAAE,CAAC;IAEnD,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,GAAG,EAAC,IAAI,IAAE,IAAI,CAAc;QACxC,8BAAC,WAAI,IACH,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EACtB,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,IAExD,qBAAqB,IAAI,8BAAC,iCAAe,OAAG,CACxC,CACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,UAAU,cAkBrB"}

package/dist/cjs/components/modal/nonModal/styles.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare const Content: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 //# sourceMappingURL=styles.d.ts.map

package/dist/cjs/components/modal/nonModal/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,OAAO,gNAInB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,6NAInB,CAAC"}

package/dist/cjs/components/modal/useModal.d.ts

@@ -1,3 +1,4 @@
+import { MODAL_TYPES } from "./ModalTypes";
 export declare function useModal(): {
     modalTypes: {
         readonly FINANCE_DEPOSIT_MODAL: "FINANCE_DEPOSIT_MODAL";
@@ -6,14 +7,14 @@ export declare function useModal(): {
         readonly TRANSACTION_SUBMITTED: "TRANSACTION_SUBMITTED";
         readonly WAITING_FOR_CONFIRMATION: "WAITING_FOR_CONFIRMATION";
         readonly IMAGE_EDITOR: "IMAGE_EDITOR";
+        readonly REQUEST_SHIPMENT: "REQUEST_SHIPMENT";
     };
-    showModal: <T extends "FINANCE_DEPOSIT_MODAL" | "FINANCE_WITHDRAW_MODAL" | "TRANSACTION_FAILED" | "TRANSACTION_SUBMITTED" | "WAITING_FOR_CONFIRMATION" | "IMAGE_EDITOR">(modalType: T, modalProps?: import("./ModalContext").GenericModalProps<T> | undefined, modalSize?: "auto" | ("s" | "m" | "xxs" | "xs" | "l" | "xl") | "fullscreen" | undefined, theme?: "light" | "dark" | undefined, modalMaxWidth?: Partial<Record<"s" | "m" | "xxs" | "xs" | "l" | "xl", import("csstype").Property.MaxWidth<string | number> | undefined>> | null | undefined) => void;
-    hideModal: (data?: unknown) => void;
-    updateProps: <T_1 extends "FINANCE_DEPOSIT_MODAL" | "FINANCE_WITHDRAW_MODAL" | "TRANSACTION_FAILED" | "TRANSACTION_SUBMITTED" | "WAITING_FOR_CONFIRMATION" | "IMAGE_EDITOR">(store: import("./ModalContext").Store & {
-        modalProps: import("./ModalContext").GenericModalProps<T_1>;
-        modalSize?: "auto" | ("s" | "m" | "xxs" | "xs" | "l" | "xl") | "fullscreen" | undefined;
-        modalMaxWidth?: Partial<Record<"s" | "m" | "xxs" | "xs" | "l" | "xl", import("csstype").Property.MaxWidth<string | number> | undefined>> | null | undefined;
-        theme?: "light" | "dark" | undefined;
+    showModal: <T extends keyof typeof MODAL_TYPES>(modalType: T, modalProps?: import("./ModalContext").GenericModalProps<T>, modalSize?: import("./ModalContext").Store["modalSize"], modalMaxWidth?: import("./ModalContext").Store["modalMaxWidth"]) => void;
+    hideModal: (data?: unknown | undefined | null) => void;
+    updateProps: <T extends keyof typeof MODAL_TYPES>(store: import("./ModalContext").Store & {
+        modalProps: import("./ModalContext").GenericModalProps<T>;
+        modalSize?: import("./ModalContext").Store["modalSize"];
+        modalMaxWidth?: import("./ModalContext").Store["modalMaxWidth"];
     }) => void;
     store: import("./ModalContext").Store;
 };

package/dist/cjs/components/modal/useModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/useModal.ts"],"names":[],"mappings":"AAKA,wBAAgB,QAAQ;;;;;;;;;;;;;;;;;;EAOvB"}
+{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/useModal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,wBAAgB,QAAQ;;;;;;;;;;gCAQ21B,kBAAmB,0BAAmC,CAAC,0DAAqC,CAAC,4DAAuC,CAAC;oBAAwD,CAAC;kCAAuE,kBAAmB;;iBAA+E,CAAC;qBAAyC,CAAC;;;EADpwC"}

package/dist/cjs/components/modal/useModal.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useModal = void 0;
+exports.useModal = useModal;
 const react_1 = require("react");
 const ModalTypes_1 = require("./ModalTypes");
 const ModalContext_1 = __importDefault(require("./ModalContext"));
@@ -11,5 +11,4 @@ function useModal() {
     const context = (0, react_1.useContext)(ModalContext_1.default);
     return Object.assign(Object.assign({}, context), { modalTypes: ModalTypes_1.MODAL_TYPES });
 }
-exports.useModal = useModal;
 //# sourceMappingURL=useModal.js.map

package/dist/cjs/components/modal/useModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModal.js","sourceRoot":"","sources":["../../../../src/components/modal/useModal.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAmC;AAEnC,6CAA2C;AAC3C,kEAA0C;AAE1C,SAAgB,QAAQ;IACtB,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,sBAAY,CAAC,CAAC;IAEzC,uCACK,OAAO,KACV,UAAU,EAAE,wBAAW,IACvB;AACJ,CAAC;AAPD,4BAOC"}
+{"version":3,"file":"useModal.js","sourceRoot":"","sources":["../../../../src/components/modal/useModal.ts"],"names":[],"mappings":";;;;;AAKA,4BAOC;AAZD,iCAAmC;AAEnC,6CAA2C;AAC3C,kEAA0C;AAE1C,SAAgB,QAAQ;IACtB,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,sBAAY,CAAC,CAAC;IAEzC,uCACK,OAAO,KACV,UAAU,EAAE,wBAAW,IACvB;AACJ,CAAC"}

package/dist/cjs/components/offerPolicy/OfferPolicyDetails.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import { subgraph } from "@bosonprotocol/core-sdk";
 export interface OfferPolicyDetailsProps {
     offer: subgraph.OfferFieldsFragment;
     onContractualAgreementClick: () => void;
     onLicenseAgreementClick: () => void;
 }
-export default function OfferPolicyDetails({ offer: offerData, onContractualAgreementClick, onLicenseAgreementClick }: OfferPolicyDetailsProps): JSX.Element;
+export default function OfferPolicyDetails({ offer: offerData, onContractualAgreementClick, onLicenseAgreementClick }: OfferPolicyDetailsProps): React.JSX.Element;
 //# sourceMappingURL=OfferPolicyDetails.d.ts.map

package/dist/cjs/components/offerPolicy/OfferPolicyDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OfferPolicyDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/offerPolicy/OfferPolicyDetails.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAU,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAiB3D,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC;IACpC,2BAA2B,EAAE,MAAM,IAAI,CAAC;IACxC,uBAAuB,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EAAE,SAAS,EAChB,2BAA2B,EAC3B,uBAAuB,EACxB,EAAE,uBAAuB,eA2LzB"}
+{"version":3,"file":"OfferPolicyDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/offerPolicy/OfferPolicyDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAU,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAgB3D,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC;IACpC,2BAA2B,EAAE,MAAM,IAAI,CAAC;IACxC,uBAAuB,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EAAE,SAAS,EAChB,2BAA2B,EAC3B,uBAAuB,EACxB,EAAE,uBAAuB,qBA2LzB"}

package/dist/cjs/components/offerPolicy/OfferPolicyDetails.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = OfferPolicyDetails;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const theme_1 = require("../../theme");
@@ -14,7 +15,6 @@ const DetailTable_1 = __importDefault(require("../modal/components/common/detail
 const useCheckExchangePolicy_1 = __importDefault(require("../../hooks/useCheckExchangePolicy"));
 const ConfigContext_1 = require("../config/ConfigContext");
 const BosonProvider_1 = require("../boson/BosonProvider");
-const colors = theme_1.theme.colors.light;
 const NoPaddingButton = (0, styled_components_1.default)(ThemedButton_1.default) `
   padding: 0 !important;
   border-color: transparent !important;
@@ -26,7 +26,7 @@ function OfferPolicyDetails({ offer: offerData, onContractualAgreementClick, onL
     const exchangePolicyCheckResult = (0, useCheckExchangePolicy_1.default)({
         offerId: offerData.id,
         defaultDisputeResolverId: config.config.defaultDisputeResolverId || "unknown",
-        defaultTokens: (_a = config.config.defaultTokens) !== null && _a !== void 0 ? _a : [],
+        defaultTokens: (_a = config.config.defaultTokens) !== null && _a !== void 0 ? _a : [], // TODO: check default tokens list
         fairExchangePolicyRules: bosonConfig.fairExchangePolicyRules
     });
     const isExchangePolicyValid = exchangePolicyCheckResult &&
@@ -50,7 +50,7 @@ function OfferPolicyDetails({ offer: offerData, onContractualAgreementClick, onL
                 react_1.default.createElement(phosphor_react_1.WarningCircle, { size: 20 }),
                 react_1.default.createElement("span", { style: { margin: "0 0 0 0.2rem" } }, "Commerce Agreement"))),
             version: isExchangePolicyValid ? "v1" : "(Non-standard)",
-            color: isExchangePolicyValid ? undefined : colors.accent
+            color: isExchangePolicyValid ? undefined : theme_1.colors.violet
         },
         rNFTLicense: {
             title: "License Agreement",
@@ -63,15 +63,15 @@ function OfferPolicyDetails({ offer: offerData, onContractualAgreementClick, onL
                 !exchangePolicyCheckResult.errors.find((error) => error.path === path));
         return exchangePolicyCheckResult ? (isValid ? (react_1.default.createElement(Typography_1.Typography, { tag: "p", style: { textAlign: "right" } },
             periodValue,
-            " days")) : (react_1.default.createElement(Typography_1.Typography, { tag: "p", color: colors.orange, style: { textAlign: "right" } },
+            " days")) : (react_1.default.createElement(Typography_1.Typography, { tag: "p", color: theme_1.colors.orange, style: { textAlign: "right" } },
             react_1.default.createElement(phosphor_react_1.WarningCircle, { size: 20 }),
-            " " + periodValue + " days"))) : (react_1.default.createElement(Typography_1.Typography, { tag: "p", color: colors.accent, style: { textAlign: "right" } },
+            " " + periodValue + " days"))) : (react_1.default.createElement(Typography_1.Typography, { tag: "p", color: theme_1.colors.violet, style: { textAlign: "right" } },
             react_1.default.createElement(phosphor_react_1.CircleWavyQuestion, { size: 20 }),
             " Unknown"));
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(Typography_1.Typography, { tag: "h3", "data-title": true, fontSize: "1.5rem", marginTop: "0" }, "Exchange Policy"),
-        react_1.default.createElement(Typography_1.Typography, { fontSize: "1.25rem", color: colors.darkGrey, margin: "0 0 2rem 0" }, "Boson Exchange Policies combine protocol variables and the underlying contractual agreement of an exchange into a standardized policy, ensuring fair terms and protection for both buyer and seller."),
+        react_1.default.createElement(Typography_1.Typography, { fontSize: "1.25rem", color: (0, theme_1.getCssVar)("--sub-text-color"), margin: "0 0 2rem 0" }, "Boson Exchange Policies combine protocol variables and the underlying contractual agreement of an exchange into a standardized policy, ensuring fair terms and protection for both buyer and seller."),
         react_1.default.createElement(DetailTable_1.default, { align: true, data: [
                 {
                     name: "Policy name",
@@ -121,5 +121,4 @@ function OfferPolicyDetails({ offer: offerData, onContractualAgreementClick, onL
                 }
             ], inheritColor: false })));
 }
-exports.default = OfferPolicyDetails;
 //# sourceMappingURL=OfferPolicyDetails.js.map

package/dist/cjs/components/offerPolicy/OfferPolicyDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"OfferPolicyDetails.js","sourceRoot":"","sources":["../../../../src/components/offerPolicy/OfferPolicyDetails.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"OfferPolicyDetails.js","sourceRoot":"","sources":["../../../../src/components/offerPolicy/OfferPolicyDetails.tsx"],"names":[],"mappings":";;;;;AA4BA,qCA+LC;AA3ND,kDAA0B;AAC1B,0EAAuC;AACvC,uCAAgD;AAChD,qCAAkC;AAClC,sEAA8C;AAC9C,iDAA8C;AAE9C,mDAIwB;AACxB,gGAAwE;AACxE,gGAAwE;AACxE,2DAA2D;AAC3D,0DAAyD;AAEzD,MAAM,eAAe,GAAG,IAAA,2BAAM,EAAC,sBAAY,CAAC,CAAA;;;CAG3C,CAAC;AAQF,SAAwB,kBAAkB,CAAC,EACzC,KAAK,EAAE,SAAS,EAChB,2BAA2B,EAC3B,uBAAuB,EACC;;IACxB,MAAM,MAAM,GAAG,IAAA,gCAAgB,GAAE,CAAC;IAClC,MAAM,WAAW,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEtC,MAAM,yBAAyB,GAAG,IAAA,gCAAsB,EAAC;QACvD,OAAO,EAAE,SAAS,CAAC,EAAE;QACrB,wBAAwB,EACtB,MAAM,CAAC,MAAM,CAAC,wBAAwB,IAAI,SAAS;QACrD,aAAa,EAAE,MAAA,MAAM,CAAC,MAAM,CAAC,aAAa,mCAAI,EAAE,EAAE,kCAAkC;QACpF,uBAAuB,EAAE,WAAW,CAAC,uBAAuB;KAC7D,CAAC,CAAC;IACH,MAAM,qBAAqB,GACzB,yBAAyB;QACzB,CAAC,yBAAyB,CAAC,OAAO;YAChC,CAAC,yBAAyB,CAAC,MAAM,CAAC,IAAI,CACpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,kCAAkC,CAC7D,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG;QACrB,IAAI,EAAE,CACJ,CAAA,MAAA,MAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAA6C,0CAAE,cAAc,0CACrE,KAAK,KAAI,aAAa,CAC3B,CAAC,OAAO,CAAC,oBAAoB,EAAE,sBAAsB,CAAC;QACvD,OAAO,EAAE,CAAA,MAAA,MAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAA6C,0CAC9D,cAAc,0CAAE,OAAO;YACzB,CAAC,CAAC,GAAG;iBACH,MAAA,MAAA,MACE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QACZ,0CAAE,cAAc,0CAAE,OAAO,0CAAE,QAAQ,EAAE,CAAA;YACxC,CAAC,CAAC,EAAE;QACN,aAAa,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,qBAAqB;YAC7C,CAAC,CAAC,QAAQ,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,qBAAqB,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC;YAC1D,CAAC,CAAC,aAAa;QACjB,gBAAgB,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,wBAAwB;YACnD,CAAC,CAAC,QAAQ,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,wBAAwB,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC;YAC7D,CAAC,CAAC,aAAa;QACjB,YAAY,EACV,CAAA,MAAA,MAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAA6C,0CAAE,QAAQ,0CAC/D,kBAAkB,KAAI,aAAa;QACzC,oBAAoB,EAAE;YACpB,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAC7B,oBAAoB,CACrB,CAAC,CAAC,CAAC,CACF;gBACE,8BAAC,8BAAa,IAAC,IAAI,EAAE,EAAE,GAAkB;gBACzC,wCAAM,KAAK,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,IAAG,oBAAoB,CAAQ,CACrE,CACJ;YACD,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB;YACxD,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAM,CAAC,MAAM;SACzD;QACD,WAAW,EAAE;YACX,KAAK,EAAE,mBAAmB;YAC1B,OAAO,EAAE,IAAI;SACd;KACF,CAAC;IACF,MAAM,MAAM,GAAG,CACb,WAA4B,EAC5B,IAAY,EACZ,yBAA4D,EAC5D,EAAE;QACF,MAAM,OAAO,GACX,yBAAyB;YACzB,CAAC,yBAAyB,CAAC,OAAO;gBAChC,CAAC,yBAAyB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC;QAC5E,OAAO,yBAAyB,CAAC,CAAC,CAAC,CACjC,OAAO,CAAC,CAAC,CAAC,CACR,8BAAC,uBAAU,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;YAC9C,WAAW;YACX,OAAO,CACG,CACd,CAAC,CAAC,CAAC,CACF,8BAAC,uBAAU,IACT,GAAG,EAAC,GAAG,EACP,KAAK,EAAE,cAAM,CAAC,MAAM,EACpB,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;YAE7B,8BAAC,8BAAa,IAAC,IAAI,EAAE,EAAE,GAAkB;YACxC,GAAG,GAAG,WAAW,GAAG,OAAO,CACjB,CACd,CACF,CAAC,CAAC,CAAC,CACF,8BAAC,uBAAU,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAE,cAAM,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;YACrE,8BAAC,mCAAkB,IAAC,IAAI,EAAE,EAAE,GAAuB;uBACxC,CACd,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,GAAG,EAAC,IAAI,sBAAY,QAAQ,EAAC,QAAQ,EAAC,SAAS,EAAC,GAAG,sBAElD;QACb,8BAAC,uBAAU,IACT,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,IAAA,iBAAS,EAAC,kBAAkB,CAAC,EACpC,MAAM,EAAC,YAAY,2MAKR;QACb,8BAAC,qBAAW,IACV,KAAK,QACL,IAAI,EAAE;gBACJ;oBACE,IAAI,EAAE,aAAa;oBACnB,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,CACL,8BAAC,uBAAU,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;wBAC9C,cAAc,CAAC,IAAI;;wBAAG,cAAc,CAAC,OAAO,CAClC,CACd;iBACF;gBACD;oBACE,IAAI,EAAE,gBAAgB;oBACtB,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,MAAM,CACX,cAAc,CAAC,aAAa,EAC5B,uBAAuB,EACvB,yBAAyB,CAC1B;iBACF;gBACD;oBACE,IAAI,EAAE,mBAAmB;oBACzB,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,MAAM,CACX,cAAc,CAAC,gBAAgB,EAC/B,0BAA0B,EAC1B,yBAAyB,CAC1B;iBACF;gBACD;oBACE,IAAI,EAAE,eAAe;oBACrB,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,MAAM,CACX,cAAc,CAAC,YAAY,EAC3B,sCAAsC,EACtC,yBAAyB,CAC1B;iBACF;gBACD;oBACE,IAAI,EAAE,sBAAsB;oBAC5B,KAAK,EAAE,CACL,8BAAC,WAAI,IAAC,cAAc,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;wBAC7D,8BAAC,eAAe,IACd,QAAQ,EAAC,cAAc,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,uBAAuB,EAAE,EACxC,SAAS,EAAC,YAAY;4BAEtB;gCACG,cAAc,CAAC,WAAW,CAAC,KAAK;gCAAE,GAAG;gCACrC,cAAc,CAAC,WAAW,CAAC,OAAO;gCAAE,GAAG,CACtC;4BACJ,8BAAC,+BAAc,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAAI,CAC1C,CACb,CACR;iBACF;gBACD;oBACE,IAAI,EAAE,0BAA0B;oBAChC,KAAK,EAAE,CACL,8BAAC,WAAI,IAAC,cAAc,EAAC,YAAY;wBAC/B,8BAAC,eAAe,IACd,QAAQ,EAAC,cAAc,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,2BAA2B,EAAE,EAC5C,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE;gCACL,KAAK,EAAE,cAAc,CAAC,oBAAoB,CAAC,KAAK;6BACjD;4BAEA,cAAc,CAAC,oBAAoB,CAAC,KAAK;4BAAE,GAAG;4BAC9C,cAAc,CAAC,oBAAoB,CAAC,OAAO;4BAAE,GAAG;4BACjD,8BAAC,+BAAc,IACb,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,KAAK,EAAE,cAAc,CAAC,oBAAoB,CAAC,KAAK,GAChD,CACc,CACb,CACR;iBACF;aACF,EACD,YAAY,EAAE,KAAK,GACnB,CACD,CACJ,CAAC;AACJ,CAAC"}

package/dist/cjs/components/pagination/PaginationPages.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 interface Props {
     pageIndex: number;
     pageSize: number;
     allItems: number;
 }
-export default function PaginationPages({ pageIndex, pageSize, allItems }: Props): JSX.Element;
+export default function PaginationPages({ pageIndex, pageSize, allItems }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=PaginationPages.d.ts.map

package/dist/cjs/components/pagination/PaginationPages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPages.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/PaginationPages.tsx"],"names":[],"mappings":";AAYA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AACD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,QAAQ,EACR,QAAQ,EACT,EAAE,KAAK,eASP"}
+{"version":3,"file":"PaginationPages.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/PaginationPages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AACD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,QAAQ,EACR,QAAQ,EACT,EAAE,KAAK,qBASP"}

package/dist/cjs/components/pagination/PaginationPages.js

@@ -3,12 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = PaginationPages;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const theme_1 = require("../../theme");
 const Span = styled_components_1.default.span `
   font-size: 0.75rem;
-  color: ${theme_1.theme.colors.light.darkGrey};
+  color: ${theme_1.colors.greyDark};
   &:not(:last-of-type) {
     margin-right: 1rem;
   }
@@ -25,5 +26,4 @@ function PaginationPages({ pageIndex, pageSize, allItems }) {
         allItems,
         " entries"));
 }
-exports.default = PaginationPages;
 //# sourceMappingURL=PaginationPages.js.map