tek-wallet 0.0.266 → 0.0.268

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 (3) hide show
  1. package/dist/components/ui/TokensBoard/index.js +1 -1
  2. package/dist/theme/mui/theme.js +28 -0
  3. package/package.json +1 -1
package/dist/components/ui/TokensBoard/index.js CHANGED
@@ -24,7 +24,7 @@ var WaitingData_1 = __importDefault(require("../WaitingData"));
24
24
  var TokensBoard = function () {
25
25
  var tokens = (0, useWalletData_1.default)().tokens;
26
26
  var theme = (0, material_1.useTheme)();
27
- return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.paper), { backgroundColor: "background.black24" }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: "Asset management" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2, ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Hide small assets" }), (0, jsx_runtime_1.jsx)(CheckBoxComponent_1.default, { sx: { width: "1.5rem", height: "1.5rem" }, color: "primary" })] })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, minHeight: "20rem" }), children: [!!tokens && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
27
+ return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.paper), { backgroundColor: "background.black24", boxShadow: theme.shadows[1] }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: "Asset management" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2, ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Hide small assets" }), (0, jsx_runtime_1.jsx)(CheckBoxComponent_1.default, { sx: { width: "1.5rem", height: "1.5rem" }, color: "primary" })] })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, minHeight: "20rem" }), children: [!!tokens && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
28
28
  display: "grid",
29
29
  gridTemplateColumns: "1.55fr 1fr 1fr",
30
30
  gap: theme.mixins.gaps.g12,
package/dist/theme/mui/theme.js CHANGED
@@ -114,6 +114,33 @@ var theBorderRadius = {
114
114
  r12: "0.75rem",
115
115
  r16: "1rem",
116
116
  };
117
+ var shadows = [
118
+ "none",
119
+ "inset 0px 0px 15px 5px rgba(255, 255, 255, 0.1)", // 0
120
+ "0px 3px 6px rgba(255, 255, 255, 0.1)", // 1
121
+ "0px 5px 15px rgba(255, 255, 255, 0.1)", // 2
122
+ "0px 5px 15px rgba(255, 255, 255, 0.2)", // 3
123
+ "0px 6px 24px rgba(255, 255, 255, 0.1)", // 4
124
+ "0px 10px 20px rgba(255, 255, 255, 0.1)", // 5
125
+ "0px 12px 24px rgba(255, 255, 255, 0.2)", // 6
126
+ "0px 15px 30px rgba(255, 255, 255, 0.1)", // 7
127
+ "0px 15px 30px rgba(255, 255, 255, 0.2)", // 8
128
+ "0px 18px 36px rgba(255, 255, 255, 0.1)", // 9
129
+ "0px 18px 36px rgba(255, 255, 255, 0.2)", // 10
130
+ "0px 20px 40px rgba(255, 255, 255, 0.1)", // 11
131
+ "0px 20px 40px rgba(0, 0, 0, 0.2)", // 12
132
+ "0px 24px 48px rgba(0, 0, 0, 0.1)", // 13
133
+ "0px 24px 48px rgba(0, 0, 0, 0.2)", // 14
134
+ "0px 30px 60px rgba(0, 0, 0, 0.1)", // 15
135
+ "0px 30px 60px rgba(0, 0, 0, 0.2)", // 16
136
+ "0px 35px 70px rgba(0, 0, 0, 0.1)", // 17
137
+ "0px 35px 70px rgba(0, 0, 0, 0.2)", // 18
138
+ "0px 40px 80px rgba(0, 0, 0, 0.1)", // 19
139
+ "0px 40px 80px rgba(0, 0, 0, 0.2)", // 20
140
+ "0px 45px 90px rgba(0, 0, 0, 0.1)", // 21
141
+ "0px 45px 90px rgba(0, 0, 0, 0.2)", // 22
142
+ "0px 50px 100px rgba(0, 0, 0, 0.1)", // 23
143
+ ];
117
144
  var theme = (0, styles_1.createTheme)({
118
145
  palette: {
119
146
  primary: {
@@ -130,6 +157,7 @@ var theme = (0, styles_1.createTheme)({
130
157
  divider: "rgba(255, 255, 255, 0.16)",
131
158
  },
132
159
  typography: typography,
160
+ shadows: shadows,
133
161
  mixins: {
134
162
  pagePadding: pagePadding,
135
163
  customPadding: customPadding,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tek-wallet",
3
- "version": "0.0.266",
3
+ "version": "0.0.268",
4
4
  "description": "A custom React provider with TypeScript support",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",