@veniceswap/uikit 0.65.12 → 0.65.19

package/README.md

@@ -1,40 +1 @@
-# 🥞 Pancake UIkit
-
-[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)
-
-Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.
-
-## Install
-
-`yarn add @pancakeswap-libs/uikit`
-
-## Setup
-
-### Theme
-
-Before using Pancake UIkit, you need to provide the theme file to styled-component.
-
-```
-import { ThemeProvider } from 'styled-components'
-import { light, dark } from '@pancakeswap-libs/uikit'
-...
-<ThemeProvider theme={isDark}>...</ThemeProvider>
-```
-
-### Reset
-
-A reset CSS is available as a global styled component.
-
-```
-import { ResetCSS } from '@pancakeswap-libs/uikit'
-...
-<ResetCSS />
-```
-
-### Types
-
-This project is built with Typescript and export all the relevant types.
-
-## How to use the UIkit
-
-If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
+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

package/dist/components/BottomNavItem/types.d.ts

@@ -1,6 +1,6 @@
 export interface BottomNavItemProps {
     label: string;
-    href: string;
+    href?: string;
     iconName?: string;
     isActive?: boolean;
     showItemsOnMobile?: boolean;

package/dist/components/MenuItem/types.d.ts

@@ -2,7 +2,7 @@ import { Colors } from "../../theme";
 export declare type MenuItemVariant = "default" | "subMenu";
 export interface MenuItemProps {
     isActive?: boolean;
-    href: string;
+    href?: string;
     variant?: MenuItemVariant;
     statusColor?: keyof Colors;
 }

package/dist/components/MenuItems/types.d.ts

@@ -2,7 +2,7 @@ import { BoxProps } from "../Box";
 import { DropdownMenuItems } from "../DropdownMenu/types";
 export declare type MenuItemsType = {
     label: string;
-    href: string;
+    href?: string;
     icon?: string;
     items?: DropdownMenuItems[];
     showOnMobile?: boolean;

package/dist/index.cjs.js

@@ -3241,8 +3241,11 @@ var templateObject_1$q, templateObject_2$h;
 
 var MenuItem$1 = function (_a) {
     var children = _a.children, href = _a.href, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.variant, variant = _c === void 0 ? "default" : _c, statusColor = _a.statusColor, props = __rest(_a, ["children", "href", "isActive", "variant", "statusColor"]);
-    return (React__default["default"].createElement(StyledMenuItemContainer, { "$isActive": isActive, "$variant": variant },
-        React__default["default"].createElement(StyledMenuItem, __assign({ as: reactRouterDom.Link, to: href, "$isActive": isActive, "$variant": variant, "$statusColor": statusColor }, props), children)));
+    var isExternal = /https|http/.test(href || '');
+    return (React__default["default"].createElement(StyledMenuItemContainer, { "$isActive": isActive, "$variant": variant }, isExternal ? (React__default["default"].createElement(StyledMenuItem, __assign({ href: href, target: "_blank", "$isActive": isActive, "$variant": variant, "$statusColor": statusColor }, props), children)) : (href ?
+        React__default["default"].createElement(StyledMenuItem, __assign({ as: reactRouterDom.Link, to: href || '', "$isActive": isActive, "$variant": variant, "$statusColor": statusColor }, props), children)
+        :
+            React__default["default"].createElement(StyledMenuItem, __assign({ as: 'div', "$variant": variant, "$statusColor": statusColor }, props), children))));
 };
 
 var StyledSubMenuItems = styled__default["default"](Flex)(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n  background-color: ", ";\n  box-shadow: inset 0px -2px 0px -8px rgba(133, 133, 133, 0.1);\n  overflow-x: scroll;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  background-color: ", ";\n  box-shadow: inset 0px -2px 0px -8px rgba(133, 133, 133, 0.1);\n  overflow-x: scroll;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])), function (_a) {
@@ -4432,7 +4435,7 @@ var BottomNavItem = function (_a) {
     var bottomNavItemContent = (React__default["default"].createElement(Flex, { flexDirection: "column", justifyContent: "center", alignItems: "center", height: "100%" },
         iconName && (React__default["default"].createElement(AnimatedIconComponent, { iconName: iconName, height: "22px", width: "21px", color: isActive ? "secondary" : "textSubtle", isActive: isActive, activeBackgroundColor: "backgroundAlt" })),
         React__default["default"].createElement(StyledBottomNavText, { color: isActive ? "text" : "textSubtle", fontWeight: isActive ? "600" : "400", fontSize: "10px" }, label)));
-    return showItemsOnMobile ? (React__default["default"].createElement(StyledBottomNavItem, __assign({ type: "button" }, props), bottomNavItemContent)) : (React__default["default"].createElement(StyledBottomNavItem, __assign({ as: reactRouterDom.Link, to: href }, props), bottomNavItemContent));
+    return showItemsOnMobile ? (React__default["default"].createElement(StyledBottomNavItem, __assign({ type: "button" }, props), bottomNavItemContent)) : (href ? (React__default["default"].createElement(StyledBottomNavItem, __assign({ as: reactRouterDom.Link, to: href }, props), bottomNavItemContent)) : (React__default["default"].createElement(StyledBottomNavItem, __assign({ as: 'div' }, props), bottomNavItemContent)));
 };
 
 var StyledBottomNav = styled__default["default"](Flex)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n  position: fixed;\n  bottom: 0px;\n  width: 100%;\n  padding: 5px 8px;\n  background: ", ";\n  border-top: 1px solid ", ";\n  padding-bottom: env(safe-area-inset-bottom);\n  html[data-useragent*=\"TokenPocket_iOS\"] & {\n    padding-bottom: 45px;\n  }\n"], ["\n  position: fixed;\n  bottom: 0px;\n  width: 100%;\n  padding: 5px 8px;\n  background: ", ";\n  border-top: 1px solid ", ";\n  padding-bottom: env(safe-area-inset-bottom);\n  html[data-useragent*=\"TokenPocket_iOS\"] & {\n    padding-bottom: 45px;\n  }\n"])), function (_a) {

package/dist/index.esm.js

@@ -3209,8 +3209,11 @@ var templateObject_1$q, templateObject_2$h;
 
 var MenuItem$1 = function (_a) {
     var children = _a.children, href = _a.href, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.variant, variant = _c === void 0 ? "default" : _c, statusColor = _a.statusColor, props = __rest(_a, ["children", "href", "isActive", "variant", "statusColor"]);
-    return (React__default.createElement(StyledMenuItemContainer, { "$isActive": isActive, "$variant": variant },
-        React__default.createElement(StyledMenuItem, __assign({ as: Link$1, to: href, "$isActive": isActive, "$variant": variant, "$statusColor": statusColor }, props), children)));
+    var isExternal = /https|http/.test(href || '');
+    return (React__default.createElement(StyledMenuItemContainer, { "$isActive": isActive, "$variant": variant }, isExternal ? (React__default.createElement(StyledMenuItem, __assign({ href: href, target: "_blank", "$isActive": isActive, "$variant": variant, "$statusColor": statusColor }, props), children)) : (href ?
+        React__default.createElement(StyledMenuItem, __assign({ as: Link$1, to: href || '', "$isActive": isActive, "$variant": variant, "$statusColor": statusColor }, props), children)
+        :
+            React__default.createElement(StyledMenuItem, __assign({ as: 'div', "$variant": variant, "$statusColor": statusColor }, props), children))));
 };
 
 var StyledSubMenuItems = styled(Flex)(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n  background-color: ", ";\n  box-shadow: inset 0px -2px 0px -8px rgba(133, 133, 133, 0.1);\n  overflow-x: scroll;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  background-color: ", ";\n  box-shadow: inset 0px -2px 0px -8px rgba(133, 133, 133, 0.1);\n  overflow-x: scroll;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])), function (_a) {
@@ -4400,7 +4403,7 @@ var BottomNavItem = function (_a) {
     var bottomNavItemContent = (React__default.createElement(Flex, { flexDirection: "column", justifyContent: "center", alignItems: "center", height: "100%" },
         iconName && (React__default.createElement(AnimatedIconComponent, { iconName: iconName, height: "22px", width: "21px", color: isActive ? "secondary" : "textSubtle", isActive: isActive, activeBackgroundColor: "backgroundAlt" })),
         React__default.createElement(StyledBottomNavText, { color: isActive ? "text" : "textSubtle", fontWeight: isActive ? "600" : "400", fontSize: "10px" }, label)));
-    return showItemsOnMobile ? (React__default.createElement(StyledBottomNavItem, __assign({ type: "button" }, props), bottomNavItemContent)) : (React__default.createElement(StyledBottomNavItem, __assign({ as: Link$1, to: href }, props), bottomNavItemContent));
+    return showItemsOnMobile ? (React__default.createElement(StyledBottomNavItem, __assign({ type: "button" }, props), bottomNavItemContent)) : (href ? (React__default.createElement(StyledBottomNavItem, __assign({ as: Link$1, to: href }, props), bottomNavItemContent)) : (React__default.createElement(StyledBottomNavItem, __assign({ as: 'div' }, props), bottomNavItemContent)));
 };
 
 var StyledBottomNav = styled(Flex)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n  position: fixed;\n  bottom: 0px;\n  width: 100%;\n  padding: 5px 8px;\n  background: ", ";\n  border-top: 1px solid ", ";\n  padding-bottom: env(safe-area-inset-bottom);\n  html[data-useragent*=\"TokenPocket_iOS\"] & {\n    padding-bottom: 45px;\n  }\n"], ["\n  position: fixed;\n  bottom: 0px;\n  width: 100%;\n  padding: 5px 8px;\n  background: ", ";\n  border-top: 1px solid ", ";\n  padding-bottom: env(safe-area-inset-bottom);\n  html[data-useragent*=\"TokenPocket_iOS\"] & {\n    padding-bottom: 45px;\n  }\n"])), function (_a) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veniceswap/uikit",
-  "version": "0.65.12",
+  "version": "0.65.19",
   "description": "Set of UI components for pancake projects",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",