@veniceswap/uikit 0.64.0 → 0.65.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.
Files changed (4) hide show
  1. package/dist/components/Footer/config.d.ts +2 -5
  2. package/dist/index.cjs.js +42 -37
  3. package/dist/index.esm.js +42 -37
  4. package/package.json +2 -2
package/dist/components/Footer/config.d.ts CHANGED
@@ -6,11 +6,8 @@ export declare const socials: {
6
6
  icon: string;
7
7
  href: string;
8
8
  }[];
9
- export declare const privacyLinks: ({
9
+ export declare const privacyLinks: {
10
10
  label: string;
11
11
  href: string;
12
- } | {
13
- label: string;
14
- href?: undefined;
15
- })[];
12
+ }[];
16
13
  export declare const langs: Language[];
package/dist/index.cjs.js CHANGED
@@ -4766,36 +4766,27 @@ var socials = [
4766
4766
  },
4767
4767
  ];
4768
4768
  var privacyLinks = [
4769
- {
4770
- label: "© 2021 Venice.",
4771
- href: "",
4772
- },
4769
+ { label: "© 2021 Venice.", href: "" },
4773
4770
  {
4774
4771
  label: "Privacy",
4775
4772
  href: "https://venice.finance",
4776
4773
  },
4777
- {
4778
- label: "|",
4779
- },
4780
4774
  {
4781
4775
  label: "Policy",
4782
4776
  href: "https://venice.finance",
4783
4777
  },
4784
- {
4785
- label: "|",
4786
- },
4787
4778
  {
4788
4779
  label: "Terms of Use ",
4789
4780
  href: "https://venice.finance",
4790
4781
  },
4791
- {
4792
- label: "|",
4793
- },
4794
4782
  {
4795
4783
  label: "Findora Network ",
4796
4784
  href: "https://findora.org/",
4797
4785
  },
4798
4786
  ];
4787
+ // export const copyRight = {
4788
+ // label: "© 2021 Venice.",
4789
+ // };
4799
4790
  __spreadArray([], Array(20)).map(function (_, i) { return ({
4800
4791
  code: "en" + i,
4801
4792
  language: "English" + i,
@@ -4831,60 +4822,74 @@ var SocialLinks$1 = React__default['default'].memo(SocialLinks, function () { re
4831
4822
 
4832
4823
  var PrivacyLinks = function (_a) {
4833
4824
  var props = __rest(_a, []);
4825
+ var isMobile = useMatchBreakpoints().isMobile;
4834
4826
  return (React__default['default'].createElement(Flex, __assign({}, props), privacyLinks.map(function (privacyLinkItem, index) {
4835
4827
  var mr = index < privacyLinks.length - 1 ? "24px" : 0;
4828
+ var mb = index < privacyLinks.length - 1 ? "20px" : 0;
4836
4829
  if (privacyLinkItem.href) {
4837
- return (React__default['default'].createElement(Link, { external: true, color: "#9590A3", fontWeight: "normal", key: privacyLinkItem.label, href: privacyLinkItem.href, "aria-label": privacyLinkItem.label, mr: mr }, privacyLinkItem.label));
4830
+ return (React__default['default'].createElement(Link, { external: true, color: "#9590A3", fontWeight: "normal", key: privacyLinkItem.label, href: privacyLinkItem.href, "aria-label": privacyLinkItem.label, mr: isMobile ? "0" : mr, mb: isMobile ? mb : 0 }, privacyLinkItem.label));
4838
4831
  }
4839
- return (React__default['default'].createElement(Flex, { mr: mr, justifyContent: "center", alignItems: "center", style: { color: "#9590A3" } }, privacyLinkItem.label));
4832
+ return (React__default['default'].createElement(Flex, { mr: isMobile ? "0" : mr, mb: isMobile ? mb : 0, justifyContent: "center", alignItems: "center", style: { color: "#9590A3" } }, privacyLinkItem.label));
4840
4833
  })));
4841
4834
  };
4842
4835
  var PrivacyLinks$1 = React__default['default'].memo(PrivacyLinks, function () { return true; });
4843
4836
 
4844
4837
  var FooterMenuLinks = function (_a) {
4845
4838
  var props = __rest(_a, []);
4839
+ var isMobile = useMatchBreakpoints().isMobile;
4846
4840
  return (React__default['default'].createElement(Flex, __assign({}, props), props.links.map(function (linkItem, index) {
4847
4841
  var mr = index < props.links.length - 1 ? "24px" : 0;
4842
+ var mb = index < props.links.length - 1 ? "20px" : 0;
4848
4843
  if (linkItem.href) {
4849
- return (React__default['default'].createElement(Link, { external: true, color: "#9590A3", fontWeight: "normal", key: linkItem.label, href: linkItem.href, "aria-label": linkItem.label, mr: mr }, linkItem.label));
4844
+ return (React__default['default'].createElement(Link, { external: true, color: "#9590A3", fontWeight: "normal", key: linkItem.label, href: linkItem.href, "aria-label": linkItem.label, mr: isMobile ? 0 : mr, mb: isMobile ? mb : 0 }, linkItem.label));
4850
4845
  }
4851
- return (React__default['default'].createElement(Flex, { mr: mr, justifyContent: "center", alignItems: "center", style: { color: "#9590A3" } }, linkItem.label));
4846
+ return (React__default['default'].createElement(Flex, { mr: isMobile ? 0 : mr, mb: isMobile ? mb : 0, justifyContent: "center", alignItems: "center", style: { color: "#9590A3" } }, linkItem.label));
4852
4847
  })));
4853
4848
  };
4854
4849
  var FooterMenuLinks$1 = React__default['default'].memo(FooterMenuLinks, function () { return true; });
4855
4850
 
4856
- var StyledFooter = styled__default['default'](Flex)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n background: ", ";\n padding-bottom: 0;\n padding-top: 0;\n"], ["\n background: ", ";\n padding-bottom: 0;\n padding-top: 0;\n"])), darkColors.backgroundAlt);
4851
+ var StyledFooter = styled__default['default'](Flex)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n background: ", ";\n /* background: lightcoral; */\n padding-bottom: 0;\n padding-top: 0;\n"], ["\n background: ", ";\n /* background: lightcoral; */\n padding-bottom: 0;\n padding-top: 0;\n"])), darkColors.backgroundAlt);
4857
4852
  styled__default['default'].ul(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n list-style: none;\n margin-bottom: 40px;\n\n ", " {\n margin-bottom: 0px;\n }\n"], ["\n list-style: none;\n margin-bottom: 40px;\n\n ", " {\n margin-bottom: 0px;\n }\n"])), function (_a) {
4858
4853
  var theme = _a.theme;
4859
4854
  return theme.mediaQueries.md;
4860
4855
  });
4861
4856
  styled__default['default'].li(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n font-size: 16px;\n margin-bottom: 8px;\n text-transform: capitalize;\n\n &:first-child {\n color: ", ";\n font-weight: 600;\n text-transform: uppercase;\n }\n"], ["\n font-size: 16px;\n margin-bottom: 8px;\n text-transform: capitalize;\n\n &:first-child {\n color: ", ";\n font-weight: 600;\n text-transform: uppercase;\n }\n"])), darkColors.secondary);
4862
- var StyledIconMobileContainer = styled__default['default'](Box)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
4863
- var StyledToolsContainer = styled__default['default'](Flex)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n border-color: ", ";\n border-top-width: 1px;\n border-bottom-width: 1px;\n border-style: solid;\n padding: 24px 0;\n margin-bottom: 24px;\n\n ", " {\n border-top-width: 0;\n border-bottom-width: 0;\n padding: 0 0;\n margin-bottom: 0;\n }\n"], ["\n border-color: ", ";\n border-top-width: 1px;\n border-bottom-width: 1px;\n border-style: solid;\n padding: 24px 0;\n margin-bottom: 24px;\n\n ", " {\n border-top-width: 0;\n border-bottom-width: 0;\n padding: 0 0;\n margin-bottom: 0;\n }\n"])), darkColors.cardBorder, function (_a) {
4864
- var theme = _a.theme;
4865
- return theme.mediaQueries.sm;
4866
- });
4857
+ styled__default['default'](Box)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
4858
+ var StyledToolsContainer = styled__default['default'](Flex)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n border-top: 1px solid ", ";\n padding: 42px 0;\n"], ["\n border-top: 1px solid ", ";\n padding: 42px 0;\n"])), lightColors.cardBorder);
4867
4859
  var StyledSocialLinks = styled__default['default'](SocialLinks$1)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n"], ["\n border-bottom: 1px solid ", ";\n"])), darkColors.cardBorder);
4868
4860
  var StyledPrivacyLinks = styled__default['default'](PrivacyLinks$1)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n"], ["\n border-bottom: 1px solid ", ";\n"])), darkColors.cardBorder);
4869
- var StyledFooterMenuLinks = styled__default['default'](FooterMenuLinks$1)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border: none;\n padding: 0;\n margin: 0;\n"], ["\n border: none;\n padding: 0;\n margin: 0;\n"])));
4861
+ var StyledFooterMenuLinks = styled__default['default'](FooterMenuLinks$1)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border: none;\n padding: 0;\n margin: ", ";\n"], ["\n border: none;\n padding: 0;\n margin: ", ";\n"])), function (_a) {
4862
+ var theme = _a.theme;
4863
+ return (theme.devicesQueries.mobile ? "30px" : 0);
4864
+ });
4870
4865
  styled__default['default'].span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), darkColors.text);
4871
4866
  var templateObject_1$a, templateObject_2$6, templateObject_3$2, templateObject_4$1, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
4872
4867
 
4873
4868
  var MenuItem = function (_a) {
4874
- var items = _a.items; _a.isDark; _a.toggleTheme; _a.currentLang; _a.langs; _a.setLang; _a.cakePriceUsd; _a.buyCakeLabel; var props = __rest(_a, ["items", "isDark", "toggleTheme", "currentLang", "langs", "setLang", "cakePriceUsd", "buyCakeLabel"]);
4869
+ var items = _a.items, props = __rest(_a, ["items"]);
4875
4870
  return (React__default['default'].createElement(StyledFooter, __assign({ p: ["40px 16px", null, "56px 40px 32px 40px"] }, props, { justifyContent: "center" }),
4876
- React__default['default'].createElement(Flex, { flexDirection: "column", width: ["100%", null, "1200px;"], style: {} },
4877
- React__default['default'].createElement(StyledIconMobileContainer, { display: ["block", null, "none"] },
4878
- React__default['default'].createElement(LogoWithTextIcon, { isDark: true, width: "130px" })),
4879
- React__default['default'].createElement(Flex, { order: [2, null, 1], flexDirection: ["column", null, "row"], justifyContent: "space-between", alignItems: "flex-start", mb: ["42px", null, "36px"], style: { borderBottom: "1px solid #E9EAEB", marginBottom: 0, alignItems: "center", height: "140px" } },
4880
- React__default['default'].createElement(Box, { display: ["none", null, "block"] },
4881
- React__default['default'].createElement(LogoWithTextIcon, { isDark: true, width: "160px" })),
4882
- React__default['default'].createElement(StyledFooterMenuLinks, { links: items, order: [2], pb: ["42px", null, "32px"], mb: ["0", null, "32px"] })),
4883
- React__default['default'].createElement(StyledToolsContainer, { order: [1, null, 3], flexDirection: ["column", null, "row"], justifyContent: "space-between", style: { height: "80px" } },
4884
- React__default['default'].createElement(Flex, { order: [2, null, 1], alignItems: "center" },
4885
- React__default['default'].createElement(StyledPrivacyLinks, { order: [2], pb: ["42px", null, "32px"], mb: ["0", null, "32px"], style: { border: "none", padding: 0, margin: 0 } })),
4886
- React__default['default'].createElement(Flex, { order: [1, null, 2], mb: ["24px", null, "0"], justifyContent: "space-between", alignItems: "center", borderBottom: "none" },
4887
- React__default['default'].createElement(StyledSocialLinks, { order: [2], pb: ["42px", null, "32px"], mb: ["0", null, "32px"], style: { border: "none", padding: 0, margin: 0 } }))))));
4871
+ React__default['default'].createElement(Flex, { flexDirection: "column", width: ["100%", "100%", "1200px;"], style: {} },
4872
+ React__default['default'].createElement(Flex
4873
+ // order={[2, null, 1]}
4874
+ , {
4875
+ // order={[2, null, 1]}
4876
+ flexDirection: ["column", "column", "row"], justifyContent: ["center", "center", "space-between"], alignItems: ["center", "center", "flex-start"], mb: ["42px", "42px", "36px"], mt: ["42px", "42px", "36px"] },
4877
+ React__default['default'].createElement(LogoWithTextIcon, { isDark: true, width: "160px" }),
4878
+ React__default['default'].createElement(StyledFooterMenuLinks, { flexDirection: ["column", "column", "row"], links: items, order: [2] })),
4879
+ React__default['default'].createElement(StyledToolsContainer
4880
+ // order={[1, null, 3]}
4881
+ , {
4882
+ // order={[1, null, 3]}
4883
+ flexDirection: ["column", "column", "row"], justifyContent: ["center", "center", "space-between"], alignItems: ["center", "center", ""] },
4884
+ React__default['default'].createElement(Flex, { order: [2, null, 1], alignItems: "center", mb: ["24px", "24px", 0], mt: ["24px", "24px", 0] },
4885
+ React__default['default'].createElement(StyledPrivacyLinks, { order: [2], flexDirection: ["column", "column", "row"], justifyContent: "center", alignItems: "center",
4886
+ // pb={["42px", "42px", "32px"]}
4887
+ // mb={["20px", "20px", "32px"]}
4888
+ style: { border: "none", padding: 0, margin: 0 } })),
4889
+ React__default['default'].createElement(Flex, { order: [1, 1, 2],
4890
+ // mb={["24px", "24px", "0"]}
4891
+ justifyContent: "center", alignItems: "center", borderBottom: "none" },
4892
+ React__default['default'].createElement(StyledSocialLinks, { order: [2], style: { border: "none", padding: 0, margin: 0 } }))))));
4888
4893
  };
4889
4894
 
4890
4895
  var MenuItems = function (_a) {
package/dist/index.esm.js CHANGED
@@ -4732,36 +4732,27 @@ var socials = [
4732
4732
  },
4733
4733
  ];
4734
4734
  var privacyLinks = [
4735
- {
4736
- label: "© 2021 Venice.",
4737
- href: "",
4738
- },
4735
+ { label: "© 2021 Venice.", href: "" },
4739
4736
  {
4740
4737
  label: "Privacy",
4741
4738
  href: "https://venice.finance",
4742
4739
  },
4743
- {
4744
- label: "|",
4745
- },
4746
4740
  {
4747
4741
  label: "Policy",
4748
4742
  href: "https://venice.finance",
4749
4743
  },
4750
- {
4751
- label: "|",
4752
- },
4753
4744
  {
4754
4745
  label: "Terms of Use ",
4755
4746
  href: "https://venice.finance",
4756
4747
  },
4757
- {
4758
- label: "|",
4759
- },
4760
4748
  {
4761
4749
  label: "Findora Network ",
4762
4750
  href: "https://findora.org/",
4763
4751
  },
4764
4752
  ];
4753
+ // export const copyRight = {
4754
+ // label: "© 2021 Venice.",
4755
+ // };
4765
4756
  __spreadArray([], Array(20)).map(function (_, i) { return ({
4766
4757
  code: "en" + i,
4767
4758
  language: "English" + i,
@@ -4797,60 +4788,74 @@ var SocialLinks$1 = React__default.memo(SocialLinks, function () { return true;
4797
4788
 
4798
4789
  var PrivacyLinks = function (_a) {
4799
4790
  var props = __rest(_a, []);
4791
+ var isMobile = useMatchBreakpoints().isMobile;
4800
4792
  return (React__default.createElement(Flex, __assign({}, props), privacyLinks.map(function (privacyLinkItem, index) {
4801
4793
  var mr = index < privacyLinks.length - 1 ? "24px" : 0;
4794
+ var mb = index < privacyLinks.length - 1 ? "20px" : 0;
4802
4795
  if (privacyLinkItem.href) {
4803
- return (React__default.createElement(Link, { external: true, color: "#9590A3", fontWeight: "normal", key: privacyLinkItem.label, href: privacyLinkItem.href, "aria-label": privacyLinkItem.label, mr: mr }, privacyLinkItem.label));
4796
+ return (React__default.createElement(Link, { external: true, color: "#9590A3", fontWeight: "normal", key: privacyLinkItem.label, href: privacyLinkItem.href, "aria-label": privacyLinkItem.label, mr: isMobile ? "0" : mr, mb: isMobile ? mb : 0 }, privacyLinkItem.label));
4804
4797
  }
4805
- return (React__default.createElement(Flex, { mr: mr, justifyContent: "center", alignItems: "center", style: { color: "#9590A3" } }, privacyLinkItem.label));
4798
+ return (React__default.createElement(Flex, { mr: isMobile ? "0" : mr, mb: isMobile ? mb : 0, justifyContent: "center", alignItems: "center", style: { color: "#9590A3" } }, privacyLinkItem.label));
4806
4799
  })));
4807
4800
  };
4808
4801
  var PrivacyLinks$1 = React__default.memo(PrivacyLinks, function () { return true; });
4809
4802
 
4810
4803
  var FooterMenuLinks = function (_a) {
4811
4804
  var props = __rest(_a, []);
4805
+ var isMobile = useMatchBreakpoints().isMobile;
4812
4806
  return (React__default.createElement(Flex, __assign({}, props), props.links.map(function (linkItem, index) {
4813
4807
  var mr = index < props.links.length - 1 ? "24px" : 0;
4808
+ var mb = index < props.links.length - 1 ? "20px" : 0;
4814
4809
  if (linkItem.href) {
4815
- return (React__default.createElement(Link, { external: true, color: "#9590A3", fontWeight: "normal", key: linkItem.label, href: linkItem.href, "aria-label": linkItem.label, mr: mr }, linkItem.label));
4810
+ return (React__default.createElement(Link, { external: true, color: "#9590A3", fontWeight: "normal", key: linkItem.label, href: linkItem.href, "aria-label": linkItem.label, mr: isMobile ? 0 : mr, mb: isMobile ? mb : 0 }, linkItem.label));
4816
4811
  }
4817
- return (React__default.createElement(Flex, { mr: mr, justifyContent: "center", alignItems: "center", style: { color: "#9590A3" } }, linkItem.label));
4812
+ return (React__default.createElement(Flex, { mr: isMobile ? 0 : mr, mb: isMobile ? mb : 0, justifyContent: "center", alignItems: "center", style: { color: "#9590A3" } }, linkItem.label));
4818
4813
  })));
4819
4814
  };
4820
4815
  var FooterMenuLinks$1 = React__default.memo(FooterMenuLinks, function () { return true; });
4821
4816
 
4822
- var StyledFooter = styled(Flex)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n background: ", ";\n padding-bottom: 0;\n padding-top: 0;\n"], ["\n background: ", ";\n padding-bottom: 0;\n padding-top: 0;\n"])), darkColors.backgroundAlt);
4817
+ var StyledFooter = styled(Flex)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n background: ", ";\n /* background: lightcoral; */\n padding-bottom: 0;\n padding-top: 0;\n"], ["\n background: ", ";\n /* background: lightcoral; */\n padding-bottom: 0;\n padding-top: 0;\n"])), darkColors.backgroundAlt);
4823
4818
  styled.ul(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n list-style: none;\n margin-bottom: 40px;\n\n ", " {\n margin-bottom: 0px;\n }\n"], ["\n list-style: none;\n margin-bottom: 40px;\n\n ", " {\n margin-bottom: 0px;\n }\n"])), function (_a) {
4824
4819
  var theme = _a.theme;
4825
4820
  return theme.mediaQueries.md;
4826
4821
  });
4827
4822
  styled.li(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n font-size: 16px;\n margin-bottom: 8px;\n text-transform: capitalize;\n\n &:first-child {\n color: ", ";\n font-weight: 600;\n text-transform: uppercase;\n }\n"], ["\n font-size: 16px;\n margin-bottom: 8px;\n text-transform: capitalize;\n\n &:first-child {\n color: ", ";\n font-weight: 600;\n text-transform: uppercase;\n }\n"])), darkColors.secondary);
4828
- var StyledIconMobileContainer = styled(Box)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
4829
- var StyledToolsContainer = styled(Flex)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n border-color: ", ";\n border-top-width: 1px;\n border-bottom-width: 1px;\n border-style: solid;\n padding: 24px 0;\n margin-bottom: 24px;\n\n ", " {\n border-top-width: 0;\n border-bottom-width: 0;\n padding: 0 0;\n margin-bottom: 0;\n }\n"], ["\n border-color: ", ";\n border-top-width: 1px;\n border-bottom-width: 1px;\n border-style: solid;\n padding: 24px 0;\n margin-bottom: 24px;\n\n ", " {\n border-top-width: 0;\n border-bottom-width: 0;\n padding: 0 0;\n margin-bottom: 0;\n }\n"])), darkColors.cardBorder, function (_a) {
4830
- var theme = _a.theme;
4831
- return theme.mediaQueries.sm;
4832
- });
4823
+ styled(Box)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
4824
+ var StyledToolsContainer = styled(Flex)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n border-top: 1px solid ", ";\n padding: 42px 0;\n"], ["\n border-top: 1px solid ", ";\n padding: 42px 0;\n"])), lightColors.cardBorder);
4833
4825
  var StyledSocialLinks = styled(SocialLinks$1)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n"], ["\n border-bottom: 1px solid ", ";\n"])), darkColors.cardBorder);
4834
4826
  var StyledPrivacyLinks = styled(PrivacyLinks$1)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n"], ["\n border-bottom: 1px solid ", ";\n"])), darkColors.cardBorder);
4835
- var StyledFooterMenuLinks = styled(FooterMenuLinks$1)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border: none;\n padding: 0;\n margin: 0;\n"], ["\n border: none;\n padding: 0;\n margin: 0;\n"])));
4827
+ var StyledFooterMenuLinks = styled(FooterMenuLinks$1)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border: none;\n padding: 0;\n margin: ", ";\n"], ["\n border: none;\n padding: 0;\n margin: ", ";\n"])), function (_a) {
4828
+ var theme = _a.theme;
4829
+ return (theme.devicesQueries.mobile ? "30px" : 0);
4830
+ });
4836
4831
  styled.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), darkColors.text);
4837
4832
  var templateObject_1$a, templateObject_2$6, templateObject_3$2, templateObject_4$1, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
4838
4833
 
4839
4834
  var MenuItem = function (_a) {
4840
- var items = _a.items; _a.isDark; _a.toggleTheme; _a.currentLang; _a.langs; _a.setLang; _a.cakePriceUsd; _a.buyCakeLabel; var props = __rest(_a, ["items", "isDark", "toggleTheme", "currentLang", "langs", "setLang", "cakePriceUsd", "buyCakeLabel"]);
4835
+ var items = _a.items, props = __rest(_a, ["items"]);
4841
4836
  return (React__default.createElement(StyledFooter, __assign({ p: ["40px 16px", null, "56px 40px 32px 40px"] }, props, { justifyContent: "center" }),
4842
- React__default.createElement(Flex, { flexDirection: "column", width: ["100%", null, "1200px;"], style: {} },
4843
- React__default.createElement(StyledIconMobileContainer, { display: ["block", null, "none"] },
4844
- React__default.createElement(LogoWithTextIcon, { isDark: true, width: "130px" })),
4845
- React__default.createElement(Flex, { order: [2, null, 1], flexDirection: ["column", null, "row"], justifyContent: "space-between", alignItems: "flex-start", mb: ["42px", null, "36px"], style: { borderBottom: "1px solid #E9EAEB", marginBottom: 0, alignItems: "center", height: "140px" } },
4846
- React__default.createElement(Box, { display: ["none", null, "block"] },
4847
- React__default.createElement(LogoWithTextIcon, { isDark: true, width: "160px" })),
4848
- React__default.createElement(StyledFooterMenuLinks, { links: items, order: [2], pb: ["42px", null, "32px"], mb: ["0", null, "32px"] })),
4849
- React__default.createElement(StyledToolsContainer, { order: [1, null, 3], flexDirection: ["column", null, "row"], justifyContent: "space-between", style: { height: "80px" } },
4850
- React__default.createElement(Flex, { order: [2, null, 1], alignItems: "center" },
4851
- React__default.createElement(StyledPrivacyLinks, { order: [2], pb: ["42px", null, "32px"], mb: ["0", null, "32px"], style: { border: "none", padding: 0, margin: 0 } })),
4852
- React__default.createElement(Flex, { order: [1, null, 2], mb: ["24px", null, "0"], justifyContent: "space-between", alignItems: "center", borderBottom: "none" },
4853
- React__default.createElement(StyledSocialLinks, { order: [2], pb: ["42px", null, "32px"], mb: ["0", null, "32px"], style: { border: "none", padding: 0, margin: 0 } }))))));
4837
+ React__default.createElement(Flex, { flexDirection: "column", width: ["100%", "100%", "1200px;"], style: {} },
4838
+ React__default.createElement(Flex
4839
+ // order={[2, null, 1]}
4840
+ , {
4841
+ // order={[2, null, 1]}
4842
+ flexDirection: ["column", "column", "row"], justifyContent: ["center", "center", "space-between"], alignItems: ["center", "center", "flex-start"], mb: ["42px", "42px", "36px"], mt: ["42px", "42px", "36px"] },
4843
+ React__default.createElement(LogoWithTextIcon, { isDark: true, width: "160px" }),
4844
+ React__default.createElement(StyledFooterMenuLinks, { flexDirection: ["column", "column", "row"], links: items, order: [2] })),
4845
+ React__default.createElement(StyledToolsContainer
4846
+ // order={[1, null, 3]}
4847
+ , {
4848
+ // order={[1, null, 3]}
4849
+ flexDirection: ["column", "column", "row"], justifyContent: ["center", "center", "space-between"], alignItems: ["center", "center", ""] },
4850
+ React__default.createElement(Flex, { order: [2, null, 1], alignItems: "center", mb: ["24px", "24px", 0], mt: ["24px", "24px", 0] },
4851
+ React__default.createElement(StyledPrivacyLinks, { order: [2], flexDirection: ["column", "column", "row"], justifyContent: "center", alignItems: "center",
4852
+ // pb={["42px", "42px", "32px"]}
4853
+ // mb={["20px", "20px", "32px"]}
4854
+ style: { border: "none", padding: 0, margin: 0 } })),
4855
+ React__default.createElement(Flex, { order: [1, 1, 2],
4856
+ // mb={["24px", "24px", "0"]}
4857
+ justifyContent: "center", alignItems: "center", borderBottom: "none" },
4858
+ React__default.createElement(StyledSocialLinks, { order: [2], style: { border: "none", padding: 0, margin: 0 } }))))));
4854
4859
  };
4855
4860
 
4856
4861
  var MenuItems = function (_a) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veniceswap/uikit",
3
- "version": "0.64.0",
3
+ "version": "0.65.0",
4
4
  "description": "Set of UI components for pancake projects",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
@@ -53,5 +53,5 @@
53
53
  "publishConfig": {
54
54
  "access": "public"
55
55
  },
56
- "gitHead": "a0fff748ebd9d5527c08bc771c7bb9f7ecdfb6c0"
56
+ "gitHead": "44ccf7747c61110110fcea4e1f4b9a4202e7ecf3"
57
57
  }