@blocklet/theme 2.13.12 → 2.13.14

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/cjs/index.js +273 -102
  2. package/dist/es/index.js +268 -102
  3. package/dist/types/index.d.ts +47 -1
  4. package/package.json +2 -2
package/dist/cjs/index.js CHANGED
@@ -29,9 +29,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
29
29
  ));
30
30
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
31
31
 
32
- // node_modules/deepmerge/dist/cjs.js
32
+ // ../../node_modules/deepmerge/dist/cjs.js
33
33
  var require_cjs = __commonJS({
34
- "node_modules/deepmerge/dist/cjs.js"(exports2, module2) {
34
+ "../../node_modules/deepmerge/dist/cjs.js"(exports2, module2) {
35
35
  "use strict";
36
36
  var isMergeableObject = function isMergeableObject2(value) {
37
37
  return isNonNullObject(value) && !isSpecial(value);
@@ -137,43 +137,86 @@ var src_exports = {};
137
137
  __export(src_exports, {
138
138
  BLOCKLET_THEME_DARK: () => BLOCKLET_THEME_DARK,
139
139
  BLOCKLET_THEME_LIGHT: () => BLOCKLET_THEME_LIGHT,
140
- DEFAULT_FONTS: () => DEFAULT_FONTS
140
+ BLOCKLET_THEME_PREFER_KEY: () => BLOCKLET_THEME_PREFER_KEY,
141
+ DEFAULT_FONTS: () => DEFAULT_FONTS,
142
+ DID_CONNECT_THEME_DARK: () => DID_CONNECT_THEME_DARK,
143
+ DID_CONNECT_THEME_LIGHT: () => DID_CONNECT_THEME_LIGHT
141
144
  });
142
145
  module.exports = __toCommonJS(src_exports);
146
+
147
+ // src/util.ts
143
148
  var import_deepmerge = __toESM(require_cjs());
144
- var DEFAULT_FONTS = ["Roboto", "Helvetica", "Arial", "sans-serif"];
145
- var grey = {
146
- 50: "#fafafa",
147
- 100: "#f5f5f5",
148
- 200: "#eeeeee",
149
- 300: "#e0e0e0",
150
- 400: "#bdbdbd",
151
- 500: "#9e9e9e",
152
- 600: "#757575",
153
- 700: "#616161",
154
- 800: "#424242",
155
- 900: "#212121",
156
- A100: "#d5d5d5",
157
- A200: "#aaaaaa",
158
- A400: "#303030",
159
- A700: "#616161"
149
+ var merge = (x, y) => {
150
+ return (0, import_deepmerge.default)(x, y, {
151
+ // 采用替换策略合并数组
152
+ arrayMerge: (_, source) => source
153
+ });
160
154
  };
155
+
156
+ // src/blocklet.ts
157
+ var BLOCKLET_THEME_PREFER_KEY = "blocklet_theme_prefer";
158
+ var DEFAULT_FONTS = ["Roboto", "Helvetica", "Arial", "sans-serif"];
161
159
  var paletteLight = {
162
160
  mode: "light",
163
- primary: { main: "#1DC1C7", contrastText: "#fff" },
164
- secondary: { main: "#0086FF", contrastText: "#fff" },
165
- error: { main: "#F16E6E", contrastText: "#fff" },
166
- warning: { main: "#DE9E37", contrastText: "#fff" },
167
- info: { main: "#0775F8", contrastText: "#fff" },
168
- success: { main: "#34BE74", contrastText: "#fff" },
169
- grey,
161
+ primary: {
162
+ main: "#00bba7",
163
+ contrastText: "#fff",
164
+ light: "#00d5be",
165
+ dark: "#009689"
166
+ },
167
+ secondary: {
168
+ main: "#00b8db",
169
+ contrastText: "#fff",
170
+ light: "#00d3f3",
171
+ dark: "#0092bb"
172
+ },
173
+ error: {
174
+ main: "#fb2c36",
175
+ contrastText: "#fff",
176
+ light: "#ff6467",
177
+ dark: "#e7000b"
178
+ },
179
+ warning: {
180
+ main: "#ff6900",
181
+ contrastText: "#fff",
182
+ light: "#ff8904",
183
+ dark: "#f54900"
184
+ },
185
+ info: {
186
+ main: "#2b7fff",
187
+ contrastText: "#fff",
188
+ light: "#51a2ff",
189
+ dark: "#155dfc"
190
+ },
191
+ success: {
192
+ main: "#00c950",
193
+ contrastText: "#fff",
194
+ light: "#05df72",
195
+ dark: "#00a63e"
196
+ },
197
+ grey: {
198
+ "50": "#fafafa",
199
+ "100": "#f4f4f5",
200
+ "200": "#e4e4e7",
201
+ "300": "#d4d4d8",
202
+ "400": "#9f9fa9",
203
+ "500": "#71717b",
204
+ "600": "#52525c",
205
+ "700": "#3f3f47",
206
+ "800": "#27272a",
207
+ "900": "#18181b",
208
+ A100: "#09090b",
209
+ A200: "#09090b",
210
+ A400: "#09090b",
211
+ A700: "#09090b"
212
+ },
170
213
  text: {
171
- primary: "rgba(0, 0, 0, 0.87)",
172
- secondary: "rgba(0, 0, 0, 0.54)",
173
- disabled: "rgba(0, 0, 0, 0.38)",
174
- hint: "rgba(0, 0, 0, 0.38)"
214
+ primary: "#18181b",
215
+ secondary: "#71717b",
216
+ disabled: "#d4d4d8",
217
+ hint: "#d4d4d8"
175
218
  },
176
- divider: "#eeeeee",
219
+ divider: "#F4F4F5",
177
220
  background: {
178
221
  default: "#fff",
179
222
  paper: "#fff"
@@ -182,6 +225,19 @@ var paletteLight = {
182
225
  black: "#000",
183
226
  white: "#fff"
184
227
  },
228
+ action: {
229
+ active: "rgba(24, 24, 27, 0.54)",
230
+ hover: "rgba(24, 24, 27, 0.04)",
231
+ hoverOpacity: 0.04,
232
+ selected: "rgba(24, 24, 27, 0.08)",
233
+ selectedOpacity: 0.08,
234
+ disabled: "rgba(24, 24, 27, 0.26)",
235
+ disabledBackground: "rgba(24, 24, 27, 0.12)",
236
+ disabledOpacity: 0.38,
237
+ focus: "rgba(24, 24, 27, 0.12)",
238
+ focusOpacity: 0.12,
239
+ activatedOpacity: 0.12
240
+ },
185
241
  // @extends palette
186
242
  storeSecondary: { main: "#EBFEFF", contrastText: "#fff" },
187
243
  // 适用于 did 相关的组件, 如果某些产品整体风格是 did 系列, 可以扩展出一个 did 系列的 theme
@@ -192,6 +248,9 @@ var paletteLight = {
192
248
  };
193
249
  var BLOCKLET_THEME_LIGHT = {
194
250
  palette: paletteLight,
251
+ shape: {
252
+ borderRadius: 8
253
+ },
195
254
  typography: {
196
255
  fontSize: 14,
197
256
  fontFamily: DEFAULT_FONTS.join(","),
@@ -202,73 +261,135 @@ var BLOCKLET_THEME_LIGHT = {
202
261
  allVariants: {
203
262
  textTransform: "none"
204
263
  },
264
+ // @extends-start
265
+ color: {
266
+ // layout/sidebar.js -> Icon/image 加载图片时 color 会影响加载路径
267
+ // 或者如果可以的话直接删掉 typography#color, 文本颜色建议使用 theme.palette.text 中的色值?
268
+ // layout 组件建议重构, sidebar 中建议使用 icon 替换 img (#366)
269
+ main: paletteLight.grey[900],
270
+ gray: paletteLight.grey[500]
271
+ },
205
272
  h1: {
206
273
  fontSize: "1.875rem",
207
274
  lineHeight: 1.2,
208
- fontWeight: 700
275
+ fontWeight: 700,
276
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
277
+ textTransform: "none"
209
278
  },
210
279
  h2: {
211
280
  fontSize: "1.5rem",
212
281
  lineHeight: 1.3333333,
213
- fontWeight: 700
282
+ fontWeight: 700,
283
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
284
+ textTransform: "none"
214
285
  },
215
286
  h3: {
216
287
  fontSize: "1.25rem",
217
288
  lineHeight: 1.4,
218
- fontWeight: 700
289
+ fontWeight: 700,
290
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
291
+ textTransform: "none"
219
292
  },
220
293
  h4: {
221
294
  fontSize: "1.125rem",
222
295
  lineHeight: 1.55,
223
- fontWeight: 600
296
+ fontWeight: 600,
297
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
298
+ textTransform: "none"
224
299
  },
225
300
  h5: {
226
301
  fontSize: "1rem",
227
302
  lineHeight: 1.5,
228
- fontWeight: 700
303
+ fontWeight: 700,
304
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
305
+ textTransform: "none"
229
306
  },
230
307
  h6: {
231
308
  fontSize: "0.875rem",
232
309
  lineHeight: 1.43,
233
- fontWeight: 700
310
+ fontWeight: 700,
311
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
312
+ textTransform: "none"
234
313
  },
235
314
  subtitle1: {
236
315
  fontSize: "1rem",
237
- lineHeight: 1.5,
238
- fontWeight: 500
316
+ lineHeight: 1.43,
317
+ fontWeight: 500,
318
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
319
+ textTransform: "none"
239
320
  },
240
321
  subtitle2: {
241
322
  fontSize: "0.875rem",
242
323
  lineHeight: 1.43,
243
- fontWeight: 500
324
+ fontWeight: 500,
325
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
326
+ textTransform: "none"
244
327
  },
245
328
  body1: {
246
329
  fontSize: "1rem",
247
- lineHeight: 1.75
330
+ lineHeight: 1.5,
331
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
332
+ fontWeight: 400,
333
+ textTransform: "none"
248
334
  },
249
335
  body2: {
250
336
  fontSize: "0.875rem",
251
- lineHeight: 1.43
337
+ lineHeight: 1.43,
338
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
339
+ fontWeight: 400,
340
+ textTransform: "none"
252
341
  },
253
342
  caption: {
254
343
  fontSize: "0.75rem",
255
- lineHeight: 1.33
344
+ lineHeight: 1.33,
345
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
346
+ fontWeight: 400,
347
+ textTransform: "none"
256
348
  },
257
349
  overline: {
258
350
  fontSize: "0.75rem",
259
351
  lineHeight: 1.33,
260
- fontWeight: 500
261
- },
262
- // @extends-start
263
- color: {
264
- // 此处 #222222 必须硬编码, layout/sidebar.js -> Icon/image 加载图片时 color 会影响加载路径
265
- // TODO: 此处硬编码的色值后面需要改为 colors.grey[900],
266
- // 或者如果可以的话直接删掉 typography#color, 文本颜色建议使用 theme.palette.text 中的色值?
267
- // layout 组件建议重构, sidebar 中建议使用 icon 替换 img (#366)
268
- main: "#222222",
269
- gray: paletteLight.grey[500]
352
+ fontWeight: 500,
353
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
354
+ textTransform: "none"
270
355
  }
271
356
  },
357
+ breakpoints: {
358
+ values: {
359
+ xs: 0,
360
+ sm: 600,
361
+ md: 960,
362
+ lg: 1280,
363
+ xl: 1920
364
+ }
365
+ },
366
+ shadows: [
367
+ "none",
368
+ "0px 2px 1px -1px rgba(24,24,27,0.08),0px 1px 1px 0px rgba(24,24,27,0.07),0px 1px 3px 0px rgba(24,24,27,0.06)",
369
+ "0px 3px 1px -2px rgba(24,24,27,0.08),0px 2px 2px 0px rgba(24,24,27,0.07),0px 1px 5px 0px rgba(24,24,27,0.06)",
370
+ "0px 3px 3px -2px rgba(24,24,27,0.08),0px 3px 4px 0px rgba(24,24,27,0.07),0px 1px 8px 0px rgba(24,24,27,0.06)",
371
+ "0px 2px 4px -1px rgba(24,24,27,0.08),0px 4px 5px 0px rgba(24,24,27,0.07),0px 1px 10px 0px rgba(24,24,27,0.06)",
372
+ "0px 3px 5px -1px rgba(24,24,27,0.08),0px 5px 8px 0px rgba(24,24,27,0.07),0px 1px 14px 0px rgba(24,24,27,0.06)",
373
+ "0px 3px 5px -1px rgba(24,24,27,0.08),0px 6px 10px 0px rgba(24,24,27,0.07),0px 1px 18px 0px rgba(24,24,27,0.06)",
374
+ "0px 4px 5px -2px rgba(24,24,27,0.08),0px 7px 10px 1px rgba(24,24,27,0.07),0px 2px 16px 1px rgba(24,24,27,0.06)",
375
+ "0px 5px 5px -3px rgba(24,24,27,0.08),0px 8px 10px 1px rgba(24,24,27,0.07),0px 3px 14px 2px rgba(24,24,27,0.06)",
376
+ "0px 5px 6px -3px rgba(24,24,27,0.08),0px 9px 12px 1px rgba(24,24,27,0.07),0px 3px 16px 2px rgba(24,24,27,0.06)",
377
+ "0px 6px 6px -3px rgba(24,24,27,0.08),0px 10px 14px 1px rgba(24,24,27,0.07),0px 4px 18px 3px rgba(24,24,27,0.06)",
378
+ "0px 6px 7px -4px rgba(24,24,27,0.08),0px 11px 15px 1px rgba(24,24,27,0.07),0px 4px 20px 3px rgba(24,24,27,0.06)",
379
+ "0px 7px 8px -4px rgba(24,24,27,0.08),0px 12px 17px 2px rgba(24,24,27,0.07),0px 5px 22px 4px rgba(24,24,27,0.06)",
380
+ "0px 7px 8px -4px rgba(24,24,27,0.08),0px 13px 19px 2px rgba(24,24,27,0.07),0px 5px 24px 4px rgba(24,24,27,0.06)",
381
+ "0px 7px 9px -4px rgba(24,24,27,0.08),0px 14px 21px 2px rgba(24,24,27,0.07),0px 5px 26px 4px rgba(24,24,27,0.06)",
382
+ "0px 8px 9px -5px rgba(24,24,27,0.08),0px 15px 22px 2px rgba(24,24,27,0.07),0px 6px 28px 5px rgba(24,24,27,0.06)",
383
+ "0px 8px 10px -5px rgba(24,24,27,0.08),0px 16px 24px 2px rgba(24,24,27,0.07),0px 6px 30px 5px rgba(24,24,27,0.06)",
384
+ "0px 8px 11px -5px rgba(24,24,27,0.08),0px 17px 26px 2px rgba(24,24,27,0.07),0px 6px 32px 5px rgba(24,24,27,0.06)",
385
+ "0px 9px 11px -5px rgba(24,24,27,0.08),0px 18px 28px 2px rgba(24,24,27,0.07),0px 7px 34px 6px rgba(24,24,27,0.06)",
386
+ "0px 9px 12px -6px rgba(24,24,27,0.08),0px 19px 29px 2px rgba(24,24,27,0.07),0px 7px 36px 6px rgba(24,24,27,0.06)",
387
+ "0px 10px 13px -6px rgba(24,24,27,0.08),0px 20px 31px 3px rgba(24,24,27,0.07),0px 8px 38px 7px rgba(24,24,27,0.06)",
388
+ "0px 10px 13px -6px rgba(24,24,27,0.08),0px 21px 33px 3px rgba(24,24,27,0.07),0px 8px 40px 7px rgba(24,24,27,0.06)",
389
+ "0px 10px 14px -6px rgba(24,24,27,0.08),0px 22px 35px 3px rgba(24,24,27,0.07),0px 8px 42px 7px rgba(24,24,27,0.06)",
390
+ "0px 11px 14px -7px rgba(24,24,27,0.08),0px 23px 36px 3px rgba(24,24,27,0.07),0px 9px 44px 8px rgba(24,24,27,0.06)",
391
+ "0px 11px 15px -7px rgba(24,24,27,0.08),0px 24px 38px 3px rgba(24,24,27,0.07),0px 9px 46px 8px rgba(24,24,27,0.06)"
392
+ ],
272
393
  components: {
273
394
  MuiButton: {
274
395
  styleOverrides: {
@@ -320,15 +441,14 @@ var BLOCKLET_THEME_LIGHT = {
320
441
  backgroundColor: "transparent"
321
442
  }
322
443
  }
323
- }
324
- },
325
- breakpoints: {
326
- values: {
327
- xs: 0,
328
- sm: 600,
329
- md: 960,
330
- lg: 1280,
331
- xl: 1920
444
+ },
445
+ MuiTooltip: {
446
+ styleOverrides: {
447
+ tooltip: {
448
+ backgroundColor: paletteLight.grey[700],
449
+ color: paletteLight.common.white
450
+ }
451
+ }
332
452
  }
333
453
  }
334
454
  };
@@ -339,60 +459,77 @@ var paletteDark = {
339
459
  white: "#fff"
340
460
  },
341
461
  primary: {
342
- main: "#90caf9",
343
- light: "#e3f2fd",
344
- dark: "#42a5f5",
345
- contrastText: "rgba(0, 0, 0, 0.87)"
462
+ main: "#00d5be",
463
+ contrastText: "#121212",
464
+ light: "#4ce3d0",
465
+ dark: "#00a89a"
346
466
  },
347
467
  secondary: {
348
- main: "#ce93d8",
349
- light: "#f3e5f5",
350
- dark: "#ab47bc",
351
- contrastText: "rgba(0, 0, 0, 0.87)"
468
+ main: "#00d3f3",
469
+ contrastText: "#121212",
470
+ light: "#51e1ff",
471
+ dark: "#00a2c0"
352
472
  },
353
473
  error: {
354
- main: "#f44336",
355
- light: "#e57373",
356
- dark: "#d32f2f",
357
- contrastText: "#fff"
474
+ main: "#ff6467",
475
+ contrastText: "#121212",
476
+ light: "#ff9598",
477
+ dark: "#e7000b"
358
478
  },
359
479
  warning: {
360
- main: "#ffa726",
361
- light: "#ffb74d",
362
- dark: "#f57c00",
363
- contrastText: "rgba(0, 0, 0, 0.87)"
480
+ main: "#ff8904",
481
+ contrastText: "#121212",
482
+ light: "#ffa644",
483
+ dark: "#f54900"
364
484
  },
365
485
  info: {
366
- main: "#29b6f6",
367
- light: "#4fc3f7",
368
- dark: "#0288d1",
369
- contrastText: "rgba(0, 0, 0, 0.87)"
486
+ main: "#51a2ff",
487
+ contrastText: "#121212",
488
+ light: "#83c3ff",
489
+ dark: "#1570e5"
370
490
  },
371
491
  success: {
372
- main: "#66bb6a",
373
- light: "#81c784",
374
- dark: "#388e3c",
375
- contrastText: "rgba(0, 0, 0, 0.87)"
492
+ main: "#05df72",
493
+ contrastText: "#121212",
494
+ light: "#56e799",
495
+ dark: "#00b24a"
496
+ },
497
+ grey: {
498
+ "50": "#18181b",
499
+ "100": "#27272a",
500
+ "200": "#3f3f47",
501
+ "300": "#52525c",
502
+ "400": "#71717b",
503
+ "500": "#9f9fa9",
504
+ "600": "#d4d4d8",
505
+ "700": "#e4e4e7",
506
+ "800": "#f4f4f5",
507
+ "900": "#fafafa",
508
+ A100: "#f8f8fa",
509
+ A200: "#f8f8fa",
510
+ A400: "#f8f8fa",
511
+ A700: "#f8f8fa"
376
512
  },
377
513
  contrastThreshold: 3,
378
514
  tonalOffset: 0.2,
379
515
  text: {
380
- primary: "#fff",
381
- secondary: "rgba(255, 255, 255, 0.7)",
382
- disabled: "rgba(255, 255, 255, 0.5)"
516
+ primary: "#ffffff",
517
+ secondary: "#d4d4d8",
518
+ disabled: "#52525c",
519
+ hint: "#71717b"
383
520
  },
384
- divider: "rgba(255, 255, 255, 0.12)",
521
+ divider: "#3f3f47",
385
522
  background: {
386
- paper: "#212121",
387
- default: "#212121"
523
+ default: "#121212",
524
+ paper: "#18181b"
388
525
  },
389
526
  action: {
390
- active: "#fff",
527
+ active: "rgba(255, 255, 255, 0.54)",
391
528
  hover: "rgba(255, 255, 255, 0.08)",
392
529
  hoverOpacity: 0.08,
393
530
  selected: "rgba(255, 255, 255, 0.16)",
394
531
  selectedOpacity: 0.16,
395
- disabled: "rgba(255, 255, 255, 0.3)",
532
+ disabled: "rgba(255, 255, 255, 0.26)",
396
533
  disabledBackground: "rgba(255, 255, 255, 0.12)",
397
534
  disabledOpacity: 0.38,
398
535
  focus: "rgba(255, 255, 255, 0.12)",
@@ -400,13 +537,13 @@ var paletteDark = {
400
537
  activatedOpacity: 0.24
401
538
  }
402
539
  };
403
- var BLOCKLET_THEME_DARK = (0, import_deepmerge.default)(BLOCKLET_THEME_LIGHT, {
540
+ var BLOCKLET_THEME_DARK = merge(BLOCKLET_THEME_LIGHT, {
404
541
  palette: paletteDark,
405
542
  typography: {
406
543
  // @extends-start
407
544
  color: {
408
545
  main: "#fff",
409
- gray: grey[300]
546
+ gray: "#9e9e9e"
410
547
  }
411
548
  },
412
549
  components: {
@@ -414,25 +551,59 @@ var BLOCKLET_THEME_DARK = (0, import_deepmerge.default)(BLOCKLET_THEME_LIGHT, {
414
551
  styleOverrides: {
415
552
  head: {
416
553
  textTransform: "uppercase",
417
- color: grey[300]
554
+ color: paletteDark.grey[300]
418
555
  },
419
556
  body: {
420
- color: grey[300]
557
+ color: paletteDark.grey[300]
421
558
  }
422
559
  }
423
560
  },
424
561
  MuiTableRow: {
425
- root: {
426
- "&:nth-child(even)": {
427
- backgroundColor: "rgba(255, 255, 255, 0.02)"
562
+ styleOverrides: {
563
+ root: {
564
+ "&:nth-child(even)": {
565
+ backgroundColor: "rgba(255, 255, 255, 0.02)"
566
+ }
567
+ }
568
+ }
569
+ },
570
+ MuiTooltip: {
571
+ styleOverrides: {
572
+ tooltip: {
573
+ backgroundColor: paletteDark.grey[200]
428
574
  }
429
575
  }
430
576
  }
431
577
  }
432
578
  });
579
+
580
+ // src/did-connect.ts
581
+ var paletteLight2 = {
582
+ divider: "rgba(18, 22, 24, 0.06)",
583
+ action: {
584
+ hover: "#FAFAFA",
585
+ selected: "#F4F4F5"
586
+ }
587
+ };
588
+ var paletteDark2 = {
589
+ divider: "rgba(255, 255, 255, 0.06)",
590
+ action: {
591
+ hover: "rgba(255, 255, 255, 0.08)",
592
+ selected: "rgba(255, 255, 255, 0.16)"
593
+ }
594
+ };
595
+ var DID_CONNECT_THEME_LIGHT = merge(BLOCKLET_THEME_LIGHT, {
596
+ palette: paletteLight2
597
+ });
598
+ var DID_CONNECT_THEME_DARK = merge(BLOCKLET_THEME_DARK, {
599
+ palette: paletteDark2
600
+ });
433
601
  // Annotate the CommonJS export names for ESM import in node:
434
602
  0 && (module.exports = {
435
603
  BLOCKLET_THEME_DARK,
436
604
  BLOCKLET_THEME_LIGHT,
437
- DEFAULT_FONTS
605
+ BLOCKLET_THEME_PREFER_KEY,
606
+ DEFAULT_FONTS,
607
+ DID_CONNECT_THEME_DARK,
608
+ DID_CONNECT_THEME_LIGHT
438
609
  });
package/dist/es/index.js CHANGED
@@ -24,9 +24,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
24
24
  mod
25
25
  ));
26
26
 
27
- // node_modules/deepmerge/dist/cjs.js
27
+ // ../../node_modules/deepmerge/dist/cjs.js
28
28
  var require_cjs = __commonJS({
29
- "node_modules/deepmerge/dist/cjs.js"(exports, module) {
29
+ "../../node_modules/deepmerge/dist/cjs.js"(exports, module) {
30
30
  "use strict";
31
31
  var isMergeableObject = function isMergeableObject2(value) {
32
32
  return isNonNullObject(value) && !isSpecial(value);
@@ -127,41 +127,79 @@ var require_cjs = __commonJS({
127
127
  }
128
128
  });
129
129
 
130
- // src/index.ts
130
+ // src/util.ts
131
131
  var import_deepmerge = __toESM(require_cjs());
132
- var DEFAULT_FONTS = ["Roboto", "Helvetica", "Arial", "sans-serif"];
133
- var grey = {
134
- 50: "#fafafa",
135
- 100: "#f5f5f5",
136
- 200: "#eeeeee",
137
- 300: "#e0e0e0",
138
- 400: "#bdbdbd",
139
- 500: "#9e9e9e",
140
- 600: "#757575",
141
- 700: "#616161",
142
- 800: "#424242",
143
- 900: "#212121",
144
- A100: "#d5d5d5",
145
- A200: "#aaaaaa",
146
- A400: "#303030",
147
- A700: "#616161"
132
+ var merge = (x, y) => {
133
+ return (0, import_deepmerge.default)(x, y, {
134
+ // 采用替换策略合并数组
135
+ arrayMerge: (_, source) => source
136
+ });
148
137
  };
138
+
139
+ // src/blocklet.ts
140
+ var BLOCKLET_THEME_PREFER_KEY = "blocklet_theme_prefer";
141
+ var DEFAULT_FONTS = ["Roboto", "Helvetica", "Arial", "sans-serif"];
149
142
  var paletteLight = {
150
143
  mode: "light",
151
- primary: { main: "#1DC1C7", contrastText: "#fff" },
152
- secondary: { main: "#0086FF", contrastText: "#fff" },
153
- error: { main: "#F16E6E", contrastText: "#fff" },
154
- warning: { main: "#DE9E37", contrastText: "#fff" },
155
- info: { main: "#0775F8", contrastText: "#fff" },
156
- success: { main: "#34BE74", contrastText: "#fff" },
157
- grey,
144
+ primary: {
145
+ main: "#00bba7",
146
+ contrastText: "#fff",
147
+ light: "#00d5be",
148
+ dark: "#009689"
149
+ },
150
+ secondary: {
151
+ main: "#00b8db",
152
+ contrastText: "#fff",
153
+ light: "#00d3f3",
154
+ dark: "#0092bb"
155
+ },
156
+ error: {
157
+ main: "#fb2c36",
158
+ contrastText: "#fff",
159
+ light: "#ff6467",
160
+ dark: "#e7000b"
161
+ },
162
+ warning: {
163
+ main: "#ff6900",
164
+ contrastText: "#fff",
165
+ light: "#ff8904",
166
+ dark: "#f54900"
167
+ },
168
+ info: {
169
+ main: "#2b7fff",
170
+ contrastText: "#fff",
171
+ light: "#51a2ff",
172
+ dark: "#155dfc"
173
+ },
174
+ success: {
175
+ main: "#00c950",
176
+ contrastText: "#fff",
177
+ light: "#05df72",
178
+ dark: "#00a63e"
179
+ },
180
+ grey: {
181
+ "50": "#fafafa",
182
+ "100": "#f4f4f5",
183
+ "200": "#e4e4e7",
184
+ "300": "#d4d4d8",
185
+ "400": "#9f9fa9",
186
+ "500": "#71717b",
187
+ "600": "#52525c",
188
+ "700": "#3f3f47",
189
+ "800": "#27272a",
190
+ "900": "#18181b",
191
+ A100: "#09090b",
192
+ A200: "#09090b",
193
+ A400: "#09090b",
194
+ A700: "#09090b"
195
+ },
158
196
  text: {
159
- primary: "rgba(0, 0, 0, 0.87)",
160
- secondary: "rgba(0, 0, 0, 0.54)",
161
- disabled: "rgba(0, 0, 0, 0.38)",
162
- hint: "rgba(0, 0, 0, 0.38)"
197
+ primary: "#18181b",
198
+ secondary: "#71717b",
199
+ disabled: "#d4d4d8",
200
+ hint: "#d4d4d8"
163
201
  },
164
- divider: "#eeeeee",
202
+ divider: "#F4F4F5",
165
203
  background: {
166
204
  default: "#fff",
167
205
  paper: "#fff"
@@ -170,6 +208,19 @@ var paletteLight = {
170
208
  black: "#000",
171
209
  white: "#fff"
172
210
  },
211
+ action: {
212
+ active: "rgba(24, 24, 27, 0.54)",
213
+ hover: "rgba(24, 24, 27, 0.04)",
214
+ hoverOpacity: 0.04,
215
+ selected: "rgba(24, 24, 27, 0.08)",
216
+ selectedOpacity: 0.08,
217
+ disabled: "rgba(24, 24, 27, 0.26)",
218
+ disabledBackground: "rgba(24, 24, 27, 0.12)",
219
+ disabledOpacity: 0.38,
220
+ focus: "rgba(24, 24, 27, 0.12)",
221
+ focusOpacity: 0.12,
222
+ activatedOpacity: 0.12
223
+ },
173
224
  // @extends palette
174
225
  storeSecondary: { main: "#EBFEFF", contrastText: "#fff" },
175
226
  // 适用于 did 相关的组件, 如果某些产品整体风格是 did 系列, 可以扩展出一个 did 系列的 theme
@@ -180,6 +231,9 @@ var paletteLight = {
180
231
  };
181
232
  var BLOCKLET_THEME_LIGHT = {
182
233
  palette: paletteLight,
234
+ shape: {
235
+ borderRadius: 8
236
+ },
183
237
  typography: {
184
238
  fontSize: 14,
185
239
  fontFamily: DEFAULT_FONTS.join(","),
@@ -190,73 +244,135 @@ var BLOCKLET_THEME_LIGHT = {
190
244
  allVariants: {
191
245
  textTransform: "none"
192
246
  },
247
+ // @extends-start
248
+ color: {
249
+ // layout/sidebar.js -> Icon/image 加载图片时 color 会影响加载路径
250
+ // 或者如果可以的话直接删掉 typography#color, 文本颜色建议使用 theme.palette.text 中的色值?
251
+ // layout 组件建议重构, sidebar 中建议使用 icon 替换 img (#366)
252
+ main: paletteLight.grey[900],
253
+ gray: paletteLight.grey[500]
254
+ },
193
255
  h1: {
194
256
  fontSize: "1.875rem",
195
257
  lineHeight: 1.2,
196
- fontWeight: 700
258
+ fontWeight: 700,
259
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
260
+ textTransform: "none"
197
261
  },
198
262
  h2: {
199
263
  fontSize: "1.5rem",
200
264
  lineHeight: 1.3333333,
201
- fontWeight: 700
265
+ fontWeight: 700,
266
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
267
+ textTransform: "none"
202
268
  },
203
269
  h3: {
204
270
  fontSize: "1.25rem",
205
271
  lineHeight: 1.4,
206
- fontWeight: 700
272
+ fontWeight: 700,
273
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
274
+ textTransform: "none"
207
275
  },
208
276
  h4: {
209
277
  fontSize: "1.125rem",
210
278
  lineHeight: 1.55,
211
- fontWeight: 600
279
+ fontWeight: 600,
280
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
281
+ textTransform: "none"
212
282
  },
213
283
  h5: {
214
284
  fontSize: "1rem",
215
285
  lineHeight: 1.5,
216
- fontWeight: 700
286
+ fontWeight: 700,
287
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
288
+ textTransform: "none"
217
289
  },
218
290
  h6: {
219
291
  fontSize: "0.875rem",
220
292
  lineHeight: 1.43,
221
- fontWeight: 700
293
+ fontWeight: 700,
294
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
295
+ textTransform: "none"
222
296
  },
223
297
  subtitle1: {
224
298
  fontSize: "1rem",
225
- lineHeight: 1.5,
226
- fontWeight: 500
299
+ lineHeight: 1.43,
300
+ fontWeight: 500,
301
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
302
+ textTransform: "none"
227
303
  },
228
304
  subtitle2: {
229
305
  fontSize: "0.875rem",
230
306
  lineHeight: 1.43,
231
- fontWeight: 500
307
+ fontWeight: 500,
308
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
309
+ textTransform: "none"
232
310
  },
233
311
  body1: {
234
312
  fontSize: "1rem",
235
- lineHeight: 1.75
313
+ lineHeight: 1.5,
314
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
315
+ fontWeight: 400,
316
+ textTransform: "none"
236
317
  },
237
318
  body2: {
238
319
  fontSize: "0.875rem",
239
- lineHeight: 1.43
320
+ lineHeight: 1.43,
321
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
322
+ fontWeight: 400,
323
+ textTransform: "none"
240
324
  },
241
325
  caption: {
242
326
  fontSize: "0.75rem",
243
- lineHeight: 1.33
327
+ lineHeight: 1.33,
328
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
329
+ fontWeight: 400,
330
+ textTransform: "none"
244
331
  },
245
332
  overline: {
246
333
  fontSize: "0.75rem",
247
334
  lineHeight: 1.33,
248
- fontWeight: 500
249
- },
250
- // @extends-start
251
- color: {
252
- // 此处 #222222 必须硬编码, layout/sidebar.js -> Icon/image 加载图片时 color 会影响加载路径
253
- // TODO: 此处硬编码的色值后面需要改为 colors.grey[900],
254
- // 或者如果可以的话直接删掉 typography#color, 文本颜色建议使用 theme.palette.text 中的色值?
255
- // layout 组件建议重构, sidebar 中建议使用 icon 替换 img (#366)
256
- main: "#222222",
257
- gray: paletteLight.grey[500]
335
+ fontWeight: 500,
336
+ fontFamily: "Roboto,Helvetica,Arial,sans-serif",
337
+ textTransform: "none"
258
338
  }
259
339
  },
340
+ breakpoints: {
341
+ values: {
342
+ xs: 0,
343
+ sm: 600,
344
+ md: 960,
345
+ lg: 1280,
346
+ xl: 1920
347
+ }
348
+ },
349
+ shadows: [
350
+ "none",
351
+ "0px 2px 1px -1px rgba(24,24,27,0.08),0px 1px 1px 0px rgba(24,24,27,0.07),0px 1px 3px 0px rgba(24,24,27,0.06)",
352
+ "0px 3px 1px -2px rgba(24,24,27,0.08),0px 2px 2px 0px rgba(24,24,27,0.07),0px 1px 5px 0px rgba(24,24,27,0.06)",
353
+ "0px 3px 3px -2px rgba(24,24,27,0.08),0px 3px 4px 0px rgba(24,24,27,0.07),0px 1px 8px 0px rgba(24,24,27,0.06)",
354
+ "0px 2px 4px -1px rgba(24,24,27,0.08),0px 4px 5px 0px rgba(24,24,27,0.07),0px 1px 10px 0px rgba(24,24,27,0.06)",
355
+ "0px 3px 5px -1px rgba(24,24,27,0.08),0px 5px 8px 0px rgba(24,24,27,0.07),0px 1px 14px 0px rgba(24,24,27,0.06)",
356
+ "0px 3px 5px -1px rgba(24,24,27,0.08),0px 6px 10px 0px rgba(24,24,27,0.07),0px 1px 18px 0px rgba(24,24,27,0.06)",
357
+ "0px 4px 5px -2px rgba(24,24,27,0.08),0px 7px 10px 1px rgba(24,24,27,0.07),0px 2px 16px 1px rgba(24,24,27,0.06)",
358
+ "0px 5px 5px -3px rgba(24,24,27,0.08),0px 8px 10px 1px rgba(24,24,27,0.07),0px 3px 14px 2px rgba(24,24,27,0.06)",
359
+ "0px 5px 6px -3px rgba(24,24,27,0.08),0px 9px 12px 1px rgba(24,24,27,0.07),0px 3px 16px 2px rgba(24,24,27,0.06)",
360
+ "0px 6px 6px -3px rgba(24,24,27,0.08),0px 10px 14px 1px rgba(24,24,27,0.07),0px 4px 18px 3px rgba(24,24,27,0.06)",
361
+ "0px 6px 7px -4px rgba(24,24,27,0.08),0px 11px 15px 1px rgba(24,24,27,0.07),0px 4px 20px 3px rgba(24,24,27,0.06)",
362
+ "0px 7px 8px -4px rgba(24,24,27,0.08),0px 12px 17px 2px rgba(24,24,27,0.07),0px 5px 22px 4px rgba(24,24,27,0.06)",
363
+ "0px 7px 8px -4px rgba(24,24,27,0.08),0px 13px 19px 2px rgba(24,24,27,0.07),0px 5px 24px 4px rgba(24,24,27,0.06)",
364
+ "0px 7px 9px -4px rgba(24,24,27,0.08),0px 14px 21px 2px rgba(24,24,27,0.07),0px 5px 26px 4px rgba(24,24,27,0.06)",
365
+ "0px 8px 9px -5px rgba(24,24,27,0.08),0px 15px 22px 2px rgba(24,24,27,0.07),0px 6px 28px 5px rgba(24,24,27,0.06)",
366
+ "0px 8px 10px -5px rgba(24,24,27,0.08),0px 16px 24px 2px rgba(24,24,27,0.07),0px 6px 30px 5px rgba(24,24,27,0.06)",
367
+ "0px 8px 11px -5px rgba(24,24,27,0.08),0px 17px 26px 2px rgba(24,24,27,0.07),0px 6px 32px 5px rgba(24,24,27,0.06)",
368
+ "0px 9px 11px -5px rgba(24,24,27,0.08),0px 18px 28px 2px rgba(24,24,27,0.07),0px 7px 34px 6px rgba(24,24,27,0.06)",
369
+ "0px 9px 12px -6px rgba(24,24,27,0.08),0px 19px 29px 2px rgba(24,24,27,0.07),0px 7px 36px 6px rgba(24,24,27,0.06)",
370
+ "0px 10px 13px -6px rgba(24,24,27,0.08),0px 20px 31px 3px rgba(24,24,27,0.07),0px 8px 38px 7px rgba(24,24,27,0.06)",
371
+ "0px 10px 13px -6px rgba(24,24,27,0.08),0px 21px 33px 3px rgba(24,24,27,0.07),0px 8px 40px 7px rgba(24,24,27,0.06)",
372
+ "0px 10px 14px -6px rgba(24,24,27,0.08),0px 22px 35px 3px rgba(24,24,27,0.07),0px 8px 42px 7px rgba(24,24,27,0.06)",
373
+ "0px 11px 14px -7px rgba(24,24,27,0.08),0px 23px 36px 3px rgba(24,24,27,0.07),0px 9px 44px 8px rgba(24,24,27,0.06)",
374
+ "0px 11px 15px -7px rgba(24,24,27,0.08),0px 24px 38px 3px rgba(24,24,27,0.07),0px 9px 46px 8px rgba(24,24,27,0.06)"
375
+ ],
260
376
  components: {
261
377
  MuiButton: {
262
378
  styleOverrides: {
@@ -308,15 +424,14 @@ var BLOCKLET_THEME_LIGHT = {
308
424
  backgroundColor: "transparent"
309
425
  }
310
426
  }
311
- }
312
- },
313
- breakpoints: {
314
- values: {
315
- xs: 0,
316
- sm: 600,
317
- md: 960,
318
- lg: 1280,
319
- xl: 1920
427
+ },
428
+ MuiTooltip: {
429
+ styleOverrides: {
430
+ tooltip: {
431
+ backgroundColor: paletteLight.grey[700],
432
+ color: paletteLight.common.white
433
+ }
434
+ }
320
435
  }
321
436
  }
322
437
  };
@@ -327,60 +442,77 @@ var paletteDark = {
327
442
  white: "#fff"
328
443
  },
329
444
  primary: {
330
- main: "#90caf9",
331
- light: "#e3f2fd",
332
- dark: "#42a5f5",
333
- contrastText: "rgba(0, 0, 0, 0.87)"
445
+ main: "#00d5be",
446
+ contrastText: "#121212",
447
+ light: "#4ce3d0",
448
+ dark: "#00a89a"
334
449
  },
335
450
  secondary: {
336
- main: "#ce93d8",
337
- light: "#f3e5f5",
338
- dark: "#ab47bc",
339
- contrastText: "rgba(0, 0, 0, 0.87)"
451
+ main: "#00d3f3",
452
+ contrastText: "#121212",
453
+ light: "#51e1ff",
454
+ dark: "#00a2c0"
340
455
  },
341
456
  error: {
342
- main: "#f44336",
343
- light: "#e57373",
344
- dark: "#d32f2f",
345
- contrastText: "#fff"
457
+ main: "#ff6467",
458
+ contrastText: "#121212",
459
+ light: "#ff9598",
460
+ dark: "#e7000b"
346
461
  },
347
462
  warning: {
348
- main: "#ffa726",
349
- light: "#ffb74d",
350
- dark: "#f57c00",
351
- contrastText: "rgba(0, 0, 0, 0.87)"
463
+ main: "#ff8904",
464
+ contrastText: "#121212",
465
+ light: "#ffa644",
466
+ dark: "#f54900"
352
467
  },
353
468
  info: {
354
- main: "#29b6f6",
355
- light: "#4fc3f7",
356
- dark: "#0288d1",
357
- contrastText: "rgba(0, 0, 0, 0.87)"
469
+ main: "#51a2ff",
470
+ contrastText: "#121212",
471
+ light: "#83c3ff",
472
+ dark: "#1570e5"
358
473
  },
359
474
  success: {
360
- main: "#66bb6a",
361
- light: "#81c784",
362
- dark: "#388e3c",
363
- contrastText: "rgba(0, 0, 0, 0.87)"
475
+ main: "#05df72",
476
+ contrastText: "#121212",
477
+ light: "#56e799",
478
+ dark: "#00b24a"
479
+ },
480
+ grey: {
481
+ "50": "#18181b",
482
+ "100": "#27272a",
483
+ "200": "#3f3f47",
484
+ "300": "#52525c",
485
+ "400": "#71717b",
486
+ "500": "#9f9fa9",
487
+ "600": "#d4d4d8",
488
+ "700": "#e4e4e7",
489
+ "800": "#f4f4f5",
490
+ "900": "#fafafa",
491
+ A100: "#f8f8fa",
492
+ A200: "#f8f8fa",
493
+ A400: "#f8f8fa",
494
+ A700: "#f8f8fa"
364
495
  },
365
496
  contrastThreshold: 3,
366
497
  tonalOffset: 0.2,
367
498
  text: {
368
- primary: "#fff",
369
- secondary: "rgba(255, 255, 255, 0.7)",
370
- disabled: "rgba(255, 255, 255, 0.5)"
499
+ primary: "#ffffff",
500
+ secondary: "#d4d4d8",
501
+ disabled: "#52525c",
502
+ hint: "#71717b"
371
503
  },
372
- divider: "rgba(255, 255, 255, 0.12)",
504
+ divider: "#3f3f47",
373
505
  background: {
374
- paper: "#212121",
375
- default: "#212121"
506
+ default: "#121212",
507
+ paper: "#18181b"
376
508
  },
377
509
  action: {
378
- active: "#fff",
510
+ active: "rgba(255, 255, 255, 0.54)",
379
511
  hover: "rgba(255, 255, 255, 0.08)",
380
512
  hoverOpacity: 0.08,
381
513
  selected: "rgba(255, 255, 255, 0.16)",
382
514
  selectedOpacity: 0.16,
383
- disabled: "rgba(255, 255, 255, 0.3)",
515
+ disabled: "rgba(255, 255, 255, 0.26)",
384
516
  disabledBackground: "rgba(255, 255, 255, 0.12)",
385
517
  disabledOpacity: 0.38,
386
518
  focus: "rgba(255, 255, 255, 0.12)",
@@ -388,13 +520,13 @@ var paletteDark = {
388
520
  activatedOpacity: 0.24
389
521
  }
390
522
  };
391
- var BLOCKLET_THEME_DARK = (0, import_deepmerge.default)(BLOCKLET_THEME_LIGHT, {
523
+ var BLOCKLET_THEME_DARK = merge(BLOCKLET_THEME_LIGHT, {
392
524
  palette: paletteDark,
393
525
  typography: {
394
526
  // @extends-start
395
527
  color: {
396
528
  main: "#fff",
397
- gray: grey[300]
529
+ gray: "#9e9e9e"
398
530
  }
399
531
  },
400
532
  components: {
@@ -402,24 +534,58 @@ var BLOCKLET_THEME_DARK = (0, import_deepmerge.default)(BLOCKLET_THEME_LIGHT, {
402
534
  styleOverrides: {
403
535
  head: {
404
536
  textTransform: "uppercase",
405
- color: grey[300]
537
+ color: paletteDark.grey[300]
406
538
  },
407
539
  body: {
408
- color: grey[300]
540
+ color: paletteDark.grey[300]
409
541
  }
410
542
  }
411
543
  },
412
544
  MuiTableRow: {
413
- root: {
414
- "&:nth-child(even)": {
415
- backgroundColor: "rgba(255, 255, 255, 0.02)"
545
+ styleOverrides: {
546
+ root: {
547
+ "&:nth-child(even)": {
548
+ backgroundColor: "rgba(255, 255, 255, 0.02)"
549
+ }
550
+ }
551
+ }
552
+ },
553
+ MuiTooltip: {
554
+ styleOverrides: {
555
+ tooltip: {
556
+ backgroundColor: paletteDark.grey[200]
416
557
  }
417
558
  }
418
559
  }
419
560
  }
420
561
  });
562
+
563
+ // src/did-connect.ts
564
+ var paletteLight2 = {
565
+ divider: "rgba(18, 22, 24, 0.06)",
566
+ action: {
567
+ hover: "#FAFAFA",
568
+ selected: "#F4F4F5"
569
+ }
570
+ };
571
+ var paletteDark2 = {
572
+ divider: "rgba(255, 255, 255, 0.06)",
573
+ action: {
574
+ hover: "rgba(255, 255, 255, 0.08)",
575
+ selected: "rgba(255, 255, 255, 0.16)"
576
+ }
577
+ };
578
+ var DID_CONNECT_THEME_LIGHT = merge(BLOCKLET_THEME_LIGHT, {
579
+ palette: paletteLight2
580
+ });
581
+ var DID_CONNECT_THEME_DARK = merge(BLOCKLET_THEME_DARK, {
582
+ palette: paletteDark2
583
+ });
421
584
  export {
422
585
  BLOCKLET_THEME_DARK,
423
586
  BLOCKLET_THEME_LIGHT,
424
- DEFAULT_FONTS
587
+ BLOCKLET_THEME_PREFER_KEY,
588
+ DEFAULT_FONTS,
589
+ DID_CONNECT_THEME_DARK,
590
+ DID_CONNECT_THEME_LIGHT
425
591
  };
package/dist/types/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { PaletteMode } from '@mui/material';
2
- import { Components, PaletteColorOptions, ThemeOptions } from '@mui/material/styles';
2
+ import { Components, PaletteColorOptions, Theme, ThemeOptions } from '@mui/material/styles';
3
3
  import { Typography } from '@mui/material/styles/createTypography';
4
4
 
5
5
  declare module "@mui/material/styles" {
@@ -50,11 +50,57 @@ declare module "@mui/material/styles/createTypography" {
50
50
  color?: Record<string, string>;
51
51
  }
52
52
  }
53
+ export declare const BLOCKLET_THEME_PREFER_KEY = "blocklet_theme_prefer";
53
54
  export declare const DEFAULT_FONTS: string[];
54
55
  /**
55
56
  * figma: https://www.figma.com/file/1qHyMF137EXOQpSFVByszG/UX-Library?node-id=295%3A1518
56
57
  */
57
58
  export declare const BLOCKLET_THEME_LIGHT: ThemeOptions;
58
59
  export declare const BLOCKLET_THEME_DARK: ThemeOptions;
60
+ export declare const DID_CONNECT_THEME_LIGHT: {
61
+ mixins: import("@mui/material/styles/createMixins").MixinsOptions;
62
+ components: import("@mui/material").Components<Omit<import("@mui/material/styles").Theme, "components">>;
63
+ palette: import("@mui/material").PaletteOptions;
64
+ shadows: import("@mui/material").Shadows;
65
+ transitions: import("@mui/material").TransitionsOptions;
66
+ typography: import("@mui/material").TypographyVariantsOptions | ((palette: import("@mui/material").Palette) => import("@mui/material").TypographyVariantsOptions);
67
+ zIndex: import("@mui/material/styles/zIndex").ZIndexOptions;
68
+ unstable_strictMode: boolean;
69
+ unstable_sxConfig: import("@mui/system").SxConfig;
70
+ themeName: string;
71
+ mode: import("@mui/material").PaletteMode;
72
+ pageWidth: string;
73
+ colors: Record<string, string>;
74
+ overrides: import("@mui/material").Components<Omit<import("@mui/material/styles").Theme, "components">>;
75
+ shape: import("@mui/system").ShapeOptions;
76
+ breakpoints: import("@mui/system").BreakpointsOptions;
77
+ direction: import("@mui/system").Direction;
78
+ spacing: import("@mui/system").SpacingOptions;
79
+ };
80
+ export declare const DID_CONNECT_THEME_DARK: {
81
+ mixins: import("@mui/material/styles/createMixins").MixinsOptions;
82
+ components: import("@mui/material").Components<Omit<import("@mui/material/styles").Theme, "components">>;
83
+ palette: import("@mui/material").PaletteOptions;
84
+ shadows: import("@mui/material").Shadows;
85
+ transitions: import("@mui/material").TransitionsOptions;
86
+ typography: import("@mui/material").TypographyVariantsOptions | ((palette: import("@mui/material").Palette) => import("@mui/material").TypographyVariantsOptions);
87
+ zIndex: import("@mui/material/styles/zIndex").ZIndexOptions;
88
+ unstable_strictMode: boolean;
89
+ unstable_sxConfig: import("@mui/system").SxConfig;
90
+ themeName: string;
91
+ mode: import("@mui/material").PaletteMode;
92
+ pageWidth: string;
93
+ colors: Record<string, string>;
94
+ overrides: import("@mui/material").Components<Omit<import("@mui/material/styles").Theme, "components">>;
95
+ shape: import("@mui/system").ShapeOptions;
96
+ breakpoints: import("@mui/system").BreakpointsOptions;
97
+ direction: import("@mui/system").Direction;
98
+ spacing: import("@mui/system").SpacingOptions;
99
+ };
100
+
101
+ export {
102
+ Theme,
103
+ ThemeOptions,
104
+ };
59
105
 
60
106
  export {};
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "access": "public"
5
5
  },
6
- "version": "2.13.12",
6
+ "version": "2.13.14",
7
7
  "description": "A preset MUI-based theme configuration designed for use with Blocklet.",
8
8
  "main": "dist/cjs/index.js",
9
9
  "module": "dist/es/index.js",
@@ -51,5 +51,5 @@
51
51
  "ts-jest": "^29.1.2",
52
52
  "typescript": "~5.5.4"
53
53
  },
54
- "gitHead": "898e576675cefb8c4738d87f4198271943efec76"
54
+ "gitHead": "b9f48199169b641a2d3277806501471a56dd496d"
55
55
  }