@veniceswap/uikit 0.63.1 → 0.64.0

package/dist/index.cjs.js

@@ -2685,6 +2685,11 @@ var shadows = {
     inset: "inset 0px 2px 2px -1px rgba(74, 74, 104, 0.1)",
     tooltip: "0px 0px 2px rgba(0, 0, 0, 0.2), 0px 4px 12px -8px rgba(14, 14, 44, 0.1)",
 };
+var devicesQueries = {
+    mobile: "@media screen and (max-width: " + breakpointMap.sm + "px)",
+    tablet: "@media screen and (min-width: " + breakpointMap.sm + "px) and (max-width: " + breakpointMap.xl + "px)",
+    desktop: "@media screen and (min-width: " + breakpointMap.xl + "px)",
+};
 var spacing = [0, 4, 8, 16, 24, 32, 48, 64];
 var radii = {
     small: "4px",
@@ -2704,6 +2709,7 @@ var base = {
     shadows: shadows,
     radii: radii,
     zIndices: zIndices,
+    devicesQueries: devicesQueries
 };
 
 var light$6 = {
@@ -2773,7 +2779,7 @@ var dark$1 = {
 };
 
 var light = {
-    background: darkColors.backgroundAlt,
+    background: darkColors.backgroundDisabled,
     text: darkColors.text,
     boxShadow: shadows.tooltip,
 };

package/dist/index.esm.js

@@ -2651,6 +2651,11 @@ var shadows = {
     inset: "inset 0px 2px 2px -1px rgba(74, 74, 104, 0.1)",
     tooltip: "0px 0px 2px rgba(0, 0, 0, 0.2), 0px 4px 12px -8px rgba(14, 14, 44, 0.1)",
 };
+var devicesQueries = {
+    mobile: "@media screen and (max-width: " + breakpointMap.sm + "px)",
+    tablet: "@media screen and (min-width: " + breakpointMap.sm + "px) and (max-width: " + breakpointMap.xl + "px)",
+    desktop: "@media screen and (min-width: " + breakpointMap.xl + "px)",
+};
 var spacing = [0, 4, 8, 16, 24, 32, 48, 64];
 var radii = {
     small: "4px",
@@ -2670,6 +2675,7 @@ var base = {
     shadows: shadows,
     radii: radii,
     zIndices: zIndices,
+    devicesQueries: devicesQueries
 };
 
 var light$6 = {
@@ -2739,7 +2745,7 @@ var dark$1 = {
 };
 
 var light = {
-    background: darkColors.backgroundAlt,
+    background: darkColors.backgroundDisabled,
     text: darkColors.text,
     boxShadow: shadows.tooltip,
 };

package/dist/theme/base.d.ts

@@ -11,6 +11,11 @@ export declare const shadows: {
     inset: string;
     tooltip: string;
 };
+export declare const devicesQueries: {
+    mobile: string;
+    tablet: string;
+    desktop: string;
+};
 declare const _default: {
     siteWidth: number;
     breakpoints: Breakpoints;
@@ -35,5 +40,10 @@ declare const _default: {
         dropdown: number;
         modal: number;
     };
+    devicesQueries: {
+        mobile: string;
+        tablet: string;
+        desktop: string;
+    };
 };
 export default _default;

package/dist/theme/index.d.ts

@@ -6,7 +6,7 @@ import { ToggleTheme } from "../components/Toggle/theme";
 import { TooltipTheme } from "../components/Tooltip/types";
 import { NavThemeType } from "../widgets/Menu/theme";
 import { ModalTheme } from "../widgets/Modal/types";
-import { Breakpoints, Colors, MediaQueries, Radii, Shadows, Spacing, ZIndices } from "./types";
+import { Breakpoints, Colors, MediaQueries, Radii, Shadows, Spacing, ZIndices, DevicesQueries } from "./types";
 export interface PancakeTheme {
     siteWidth: number;
     isDark: boolean;
@@ -25,6 +25,7 @@ export interface PancakeTheme {
     shadows: Shadows;
     radii: Radii;
     zIndices: ZIndices;
+    devicesQueries: DevicesQueries;
 }
 export { darkColors, lightColors } from "./colors";
 export { default as dark } from "./dark";

package/dist/theme/types.d.ts

@@ -68,3 +68,8 @@ export declare type ZIndices = {
     dropdown: number;
     modal: number;
 };
+export declare type DevicesQueries = {
+    mobile: string;
+    tablet: string;
+    desktop: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veniceswap/uikit",
-  "version": "0.63.1",
+  "version": "0.64.0",
   "description": "Set of UI components for pancake projects",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -53,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "82617bd8bb2972726fd68da296d71c34268f4490"
+  "gitHead": "a0fff748ebd9d5527c08bc771c7bb9f7ecdfb6c0"
 }