@morlay/dsh-client-ui-primitives 0.0.2-alpha.5 → 0.0.2-alpha.6

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.
package/dist/client.cjs CHANGED
@@ -323,524 +323,526 @@ window.__ModuleLoader__.load({
323
323
  //#endregion
324
324
  //#region src/client/theme.generated.ts
325
325
  /**
326
- * 官方主题的 `--dsw-*` token 全集(359 个),由 packages/client/ui-primitives/scripts/gen-design-tokens.mts 生成,勿手改。
326
+ * 官方主题的 `--dsw-*` token 全集(361 个),由 packages/client/ui-primitives/scripts/gen-design-tokens.mts 生成,勿手改。
327
327
  *
328
328
  * 叶子是该变量的**默认值**(官方 light 主题里首次出现的定义):既是类型推导的来源,也可作 fallback。
329
329
  * `"$"` 键出现在「自身也是 token 的分支」上(命名体系里有 40 个短名同时是长名前缀的 token)。
330
330
  * 消费时只需树形状——`Token.vars()` 生成 `var(--dsw-…)`,不重新定义变量。
331
331
  * 漂移、往返与默认值完整性由 src/__tests__/design-tokens.spec.ts 守卫。 */
332
332
  const designTokens = {
333
- alias: {
334
- bg: {
335
- base: "var(--dsw-static-neutral-bluish-00)",
336
- document: { preview: "var(--dsw-static-neutral-bluish-750)" },
337
- layer: {
333
+ "alias": {
334
+ "bg": {
335
+ "base": "var(--dsw-static-neutral-bluish-00)",
336
+ "document": { "preview": "var(--dsw-static-neutral-bluish-750)" },
337
+ "layer": {
338
338
  "1": "var(--dsw-static-neutral-bluish-00)",
339
339
  "2": "var(--dsw-static-neutral-bluish-00)",
340
340
  "3": "var(--dsw-static-neutral-bluish-00)"
341
341
  },
342
- mask: {
342
+ "mask": {
343
343
  "1": "rgba(0, 0, 0, 0.24)",
344
344
  "2": "rgba(0, 0, 0, 0.12)",
345
345
  "3": "rgba(0, 0, 0, 0.48)",
346
- drop: "rgba(255, 255, 255, 0.7)",
347
- photo: "rgba(0, 0, 0, 0.88)"
346
+ "drop": "rgba(255, 255, 255, 0.7)",
347
+ "photo": "rgba(0, 0, 0, 0.88)"
348
348
  },
349
- module: { platform: "var(--dsw-static-neutral-bluish-60)" },
350
- multi: { select: "var(--dsw-static-neutral-bluish-60)" },
351
- overlay: "var(--dsw-static-neutral-bluish-150)",
352
- skeleton: "rgba(0, 0, 0, 0.04)"
349
+ "module": { "platform": "var(--dsw-static-neutral-bluish-60)" },
350
+ "multi": { "select": "var(--dsw-static-neutral-bluish-60)" },
351
+ "overlay": "var(--dsw-static-neutral-bluish-150)",
352
+ "skeleton": "rgba(0, 0, 0, 0.04)"
353
353
  },
354
- border: {
355
- inverted: "rgba(0, 0, 0, 0)",
356
- inverted2: "rgba(0, 0, 0, 0)",
357
- l1: "rgba(0, 0, 0, 0.04)",
358
- l2: {
359
- $: "rgba(0, 0, 0, 0.1)",
360
- darkmode: { thin: "rgba(0, 0, 0, 0.1)" }
354
+ "border": {
355
+ "inverted": "rgba(0, 0, 0, 0)",
356
+ "inverted2": "rgba(0, 0, 0, 0)",
357
+ "l1": "rgba(0, 0, 0, 0.04)",
358
+ "l2": {
359
+ "$": "rgba(0, 0, 0, 0.1)",
360
+ "darkmode": { "thin": "rgba(0, 0, 0, 0.1)" }
361
361
  },
362
- l3: "rgba(0, 0, 0, 0.12)",
363
- l4: "rgba(0, 0, 0, 0.16)"
362
+ "l3": "rgba(0, 0, 0, 0.12)",
363
+ "l4": "rgba(0, 0, 0, 0.16)"
364
364
  },
365
- brand: {
366
- primary: {
367
- $: "var(--dsw-static-neutral-bluish-1000)",
368
- invert: "var(--dsw-static-neutral-bluish-1000)",
369
- new: { colorprimary: { new: { color: "rgb(65, 118, 230)" } } }
365
+ "brand": {
366
+ "primary": {
367
+ "$": "var(--dsw-static-neutral-bluish-1000)",
368
+ "invert": "var(--dsw-static-neutral-bluish-1000)",
369
+ "new": { "colorprimary": { "new": { "color": "rgb(65, 118, 230)" } } }
370
370
  },
371
- text: "var(--dsw-static-neutral-bluish-1000)"
371
+ "text": "var(--dsw-static-neutral-bluish-1000)"
372
372
  },
373
- button: {
374
- contrast: { fill: "var(--dsw-static-neutral-bluish-700)" },
375
- elevated: { fill: "var(--dsw-static-neutral-bluish-00)" },
376
- floating: {
377
- fill: "var(--dsw-static-neutral-bluish-00)",
378
- hover: "var(--dsw-static-neutral-bluish-75)"
373
+ "button": {
374
+ "contrast": { "fill": "var(--dsw-static-neutral-bluish-700)" },
375
+ "elevated": { "fill": "var(--dsw-static-neutral-bluish-00)" },
376
+ "floating": {
377
+ "fill": "var(--dsw-static-neutral-bluish-00)",
378
+ "hover": "var(--dsw-static-neutral-bluish-75)"
379
379
  },
380
- ghost: { active: {
381
- border: "var(--dsw-static-neutral-bluish-500)",
382
- fill: "var(--dsw-static-neutral-bluish-100)",
383
- hover: "var(--dsw-static-neutral-bluish-150)"
380
+ "ghost": { "active": {
381
+ "border": "var(--dsw-static-neutral-bluish-500)",
382
+ "fill": "var(--dsw-static-neutral-bluish-100)",
383
+ "hover": "var(--dsw-static-neutral-bluish-150)"
384
384
  } },
385
- info: {
386
- fill: "var(--dsw-static-deepseek-500)",
387
- hover: "var(--dsw-static-deepseek-400)"
385
+ "info": {
386
+ "fill": "var(--dsw-static-deepseek-500)",
387
+ "hover": "var(--dsw-static-deepseek-400)"
388
388
  },
389
- primary: {
390
- dimmed: "var(--dsw-static-neutral-bluish-100)",
391
- fill: "var(--dsw-alias-brand-primary)",
392
- hover: "var(--dsw-static-neutral-bluish-750)"
389
+ "primary": {
390
+ "dimmed": "var(--dsw-static-neutral-bluish-100)",
391
+ "fill": "var(--dsw-alias-brand-primary)",
392
+ "hover": "var(--dsw-static-neutral-bluish-750)"
393
393
  },
394
- tool: { bar: {
395
- fill: {
396
- $: "rgba(84, 85, 87, 0.5)",
397
- invisible: "rgba(31, 31, 31, 0.36)"
394
+ "tool": { "bar": {
395
+ "fill": {
396
+ "$": "rgba(84, 85, 87, 0.5)",
397
+ "invisible": "rgba(31, 31, 31, 0.36)"
398
398
  },
399
- hover: "rgba(84, 85, 87, 0.6)"
399
+ "hover": "rgba(84, 85, 87, 0.6)"
400
400
  } }
401
401
  },
402
- interactive: { bg: {
403
- active: "rgba(38, 49, 72, 0.1)",
404
- hover: {
405
- $: "rgba(38, 49, 72, 0.06)",
406
- accent: "rgba(38, 49, 72, 0.14)",
407
- danger: "rgba(236, 19, 19, 0.05)",
408
- solid: "var(--dsw-static-neutral-bluish-75)"
402
+ "interactive": { "bg": {
403
+ "active": "rgba(38, 49, 72, 0.1)",
404
+ "hover": {
405
+ "$": "rgba(38, 49, 72, 0.06)",
406
+ "accent": "rgba(38, 49, 72, 0.14)",
407
+ "danger": "rgba(236, 19, 19, 0.05)",
408
+ "solid": "var(--dsw-static-neutral-bluish-75)"
409
409
  }
410
410
  } },
411
- label: {
412
- caption: "var(--dsw-static-neutral-bluish-400)",
413
- dimmed: "var(--dsw-static-neutral-bluish-200)",
414
- document: { preview: "var(--dsw-static-neutral-bluish-200)" },
415
- primary: {
416
- $: "var(--dsw-static-neutral-bluish-1000)",
417
- bluish: "var(--dsw-static-blue-900)",
418
- dimmed: "var(--dsw-static-neutral-bluish-950)",
419
- foreground: "var(--dsw-static-neutral-bluish-00)",
420
- inverted: "var(--dsw-static-neutral-bluish-00)"
411
+ "label": {
412
+ "caption": "var(--dsw-static-neutral-bluish-400)",
413
+ "dimmed": "var(--dsw-static-neutral-bluish-200)",
414
+ "document": { "preview": "var(--dsw-static-neutral-bluish-200)" },
415
+ "primary": {
416
+ "$": "var(--dsw-static-neutral-bluish-1000)",
417
+ "bluish": "var(--dsw-static-blue-900)",
418
+ "dimmed": "var(--dsw-static-neutral-bluish-950)",
419
+ "foreground": "var(--dsw-static-neutral-bluish-00)",
420
+ "inverted": "var(--dsw-static-neutral-bluish-00)"
421
421
  },
422
- secondary: "var(--dsw-static-neutral-bluish-700)",
423
- tertiary: "var(--dsw-static-neutral-bluish-600)"
422
+ "secondary": "var(--dsw-static-neutral-bluish-700)",
423
+ "tertiary": "var(--dsw-static-neutral-bluish-600)"
424
424
  },
425
- link: "var(--dsw-static-deepseek-500)",
426
- markdown: {
427
- citation: "var(--dsw-static-neutral-bluish-100)",
428
- code: {
429
- block: {
430
- $: "var(--dsw-static-neutral-bluish-50)",
431
- banner: "var(--dsw-static-neutral-bluish-50)"
425
+ "link": "var(--dsw-static-deepseek-500)",
426
+ "markdown": {
427
+ "citation": "var(--dsw-static-neutral-bluish-100)",
428
+ "code": {
429
+ "block": {
430
+ "$": "var(--dsw-static-neutral-bluish-50)",
431
+ "banner": "var(--dsw-static-neutral-bluish-50)"
432
432
  },
433
- segment: {
434
- selected: "var(--dsw-static-neutral-bluish-00)",
435
- unselected: "var(--dsw-static-neutral-bluish-75)"
433
+ "segment": {
434
+ "selected": "var(--dsw-static-neutral-bluish-00)",
435
+ "unselected": "var(--dsw-static-neutral-bluish-75)"
436
436
  }
437
437
  },
438
- inline: { code: "var(--dsw-static-neutral-50)" },
439
- placeholder: "var(--dsw-static-neutral-bluish-60)",
440
- tag: "var(--dsw-static-neutral-bluish-75)"
438
+ "inline": { "code": "var(--dsw-static-neutral-50)" },
439
+ "placeholder": "var(--dsw-static-neutral-bluish-60)",
440
+ "tag": "var(--dsw-static-neutral-bluish-75)"
441
441
  },
442
- scrollbar: {
443
- bg: {
444
- l1: "var(--dsw-static-neutral-200)",
445
- l2: "var(--dsw-static-neutral-200)"
442
+ "scrollbar": {
443
+ "bg": {
444
+ "l1": "var(--dsw-static-neutral-200)",
445
+ "l2": "var(--dsw-static-neutral-200)"
446
446
  },
447
- hover: {
448
- l1: "var(--dsw-static-neutral-300)",
449
- l2: "var(--dsw-static-neutral-300)"
447
+ "hover": {
448
+ "l1": "var(--dsw-static-neutral-300)",
449
+ "l2": "var(--dsw-static-neutral-300)"
450
450
  }
451
451
  },
452
- state: {
453
- business: {
454
- primary: "var(--dsw-static-deepseek-500)",
455
- tertiary: "var(--dsw-static-deepseek-100)"
452
+ "state": {
453
+ "business": {
454
+ "primary": "var(--dsw-static-deepseek-500)",
455
+ "tertiary": "var(--dsw-static-deepseek-100)"
456
456
  },
457
- error: {
458
- primary: "var(--dsw-static-red-600)",
459
- secondary: "var(--dsw-static-red-400)"
457
+ "error": {
458
+ "primary": "var(--dsw-static-red-600)",
459
+ "secondary": "var(--dsw-static-red-400)"
460
460
  },
461
- success: {
462
- primary: "var(--dsw-static-green-500)",
463
- secondary: "var(--dsw-static-green-400)",
464
- tertiary: "var(--dsw-static-green-100)"
461
+ "idle": { "primary": "var(--dsw-static-neutral-300)" },
462
+ "success": {
463
+ "primary": "var(--dsw-static-green-500)",
464
+ "secondary": "var(--dsw-static-green-400)",
465
+ "tertiary": "var(--dsw-static-green-100)"
465
466
  },
466
- warn: {
467
- label: "var(--dsw-static-amber-600)",
468
- primary: "var(--dsw-static-amber-500)",
469
- secondary: "var(--dsw-static-amber-400)",
470
- tertiary: "var(--dsw-static-amber-100)"
467
+ "warn": {
468
+ "label": "var(--dsw-static-amber-600)",
469
+ "primary": "var(--dsw-static-amber-500)",
470
+ "secondary": "var(--dsw-static-amber-400)",
471
+ "tertiary": "var(--dsw-static-amber-100)"
471
472
  }
472
473
  },
473
- toast: { bg: "var(--dsw-static-neutral-bluish-800)" },
474
- tooltip: { bg: "var(--dsw-static-neutral-bluish-850)" }
474
+ "toast": { "bg": "var(--dsw-static-neutral-bluish-800)" },
475
+ "tooltip": { "bg": "var(--dsw-static-neutral-bluish-850)" }
475
476
  },
476
- corner: { shape: "superellipse(1.5)" },
477
- elevation: {
478
- panel: "var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.03), 0 0 16px 0 rgba(0, 0, 0, 0.02)",
479
- prominent: "var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.04), 0 0 20px 0 rgba(0, 0, 0, 0.05)",
480
- soft: "var(--dsw-elevation-stroke), 0 4px 16px 0 rgba(0, 0, 0, 0.03), 0 0 24px 0 rgba(0, 0, 0, 0.03)",
481
- stroke: {
482
- $: "0 0 0 0.5px var(--dsw-elevation-stroke-color)",
483
- color: "var(--dsw-alias-border-l4)"
477
+ "corner": { "shape": "superellipse(1.5)" },
478
+ "elevation": {
479
+ "panel": "var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.03), 0 0 16px 0 rgba(0, 0, 0, 0.02)",
480
+ "prominent": "var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.04), 0 0 20px 0 rgba(0, 0, 0, 0.05)",
481
+ "soft": "var(--dsw-elevation-stroke), 0 4px 16px 0 rgba(0, 0, 0, 0.03), 0 0 24px 0 rgba(0, 0, 0, 0.03)",
482
+ "stroke": {
483
+ "$": "0 0 0 0.5px var(--dsw-elevation-stroke-color)",
484
+ "color": "var(--dsw-alias-border-l4)"
484
485
  }
485
486
  },
486
- font: {
487
- base: {
487
+ "font": {
488
+ "base": {
488
489
  "16": {
489
- $: "16px/24px var(--dsw-font-family)",
490
- font: {
491
- family: "var(--dsw-font-family)",
492
- size: "16px",
493
- style: "normal",
494
- weight: "400"
490
+ "$": "16px/24px var(--dsw-font-family)",
491
+ "font": {
492
+ "family": "var(--dsw-font-family)",
493
+ "size": "16px",
494
+ "style": "normal",
495
+ "weight": "400"
495
496
  },
496
- line: { height: "24px" }
497
+ "line": { "height": "24px" }
497
498
  },
498
- strong: { "16": {
499
- $: "500 16px/24px var(--dsw-font-family)",
500
- font: {
501
- family: "var(--dsw-font-family)",
502
- size: "16px",
503
- style: "normal",
504
- weight: "500"
499
+ "strong": { "16": {
500
+ "$": "500 16px/24px var(--dsw-font-family)",
501
+ "font": {
502
+ "family": "var(--dsw-font-family)",
503
+ "size": "16px",
504
+ "style": "normal",
505
+ "weight": "500"
505
506
  },
506
- line: { height: "24px" }
507
+ "line": { "height": "24px" }
507
508
  } }
508
509
  },
509
- family: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',\n 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
510
- l: { "20": {
511
- $: "500 20px/28px var(--dsw-font-family)",
512
- font: {
513
- family: "var(--dsw-font-family)",
514
- size: "20px",
515
- style: "normal",
516
- weight: "500"
510
+ "family": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',\n 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
511
+ "l": { "20": {
512
+ "$": "500 20px/28px var(--dsw-font-family)",
513
+ "font": {
514
+ "family": "var(--dsw-font-family)",
515
+ "size": "20px",
516
+ "style": "normal",
517
+ "weight": "500"
517
518
  },
518
- line: { height: "28px" }
519
+ "line": { "height": "28px" }
519
520
  } },
520
- m: { "18": {
521
- $: "500 16px/28px var(--dsw-font-family)",
522
- font: {
523
- family: "var(--dsw-font-family)",
524
- size: "16px",
525
- style: "normal",
526
- weight: "500"
521
+ "m": { "18": {
522
+ "$": "500 16px/28px var(--dsw-font-family)",
523
+ "font": {
524
+ "family": "var(--dsw-font-family)",
525
+ "size": "16px",
526
+ "style": "normal",
527
+ "weight": "500"
527
528
  },
528
- line: { height: "28px" }
529
+ "line": { "height": "28px" }
529
530
  } },
530
- markdown: {
531
- base: {
532
- $: "var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
533
- font: {
534
- family: "var(--dsw-font-family)",
535
- size: "var(--dsh-content-font-size, 14px)",
536
- style: "normal",
537
- weight: "400"
531
+ "markdown": {
532
+ "base": {
533
+ "$": "var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
534
+ "font": {
535
+ "family": "var(--dsw-font-family)",
536
+ "size": "var(--dsh-content-font-size, 14px)",
537
+ "style": "normal",
538
+ "weight": "400"
538
539
  },
539
- italic: {
540
- $: "italic var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
541
- font: {
542
- family: "var(--dsw-font-family)",
543
- size: "var(--dsh-content-font-size, 14px)",
544
- style: "italic",
545
- weight: "400"
540
+ "italic": {
541
+ "$": "italic var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
542
+ "font": {
543
+ "family": "var(--dsw-font-family)",
544
+ "size": "var(--dsh-content-font-size, 14px)",
545
+ "style": "italic",
546
+ "weight": "400"
546
547
  },
547
- line: { height: "calc(24px + var(--dsh-content-font-delta))" }
548
+ "line": { "height": "calc(24px + var(--dsh-content-font-delta))" }
548
549
  },
549
- line: { height: "calc(24px + var(--dsh-content-font-delta))" },
550
- strong: {
551
- $: "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
552
- font: {
553
- family: "var(--dsw-font-family)",
554
- size: "var(--dsh-content-font-size, 14px)",
555
- style: "normal",
556
- weight: "600"
550
+ "line": { "height": "calc(24px + var(--dsh-content-font-delta))" },
551
+ "strong": {
552
+ "$": "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
553
+ "font": {
554
+ "family": "var(--dsw-font-family)",
555
+ "size": "var(--dsh-content-font-size, 14px)",
556
+ "style": "normal",
557
+ "weight": "600"
557
558
  },
558
- italic: {
559
- $: "italic 600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
560
- font: {
561
- family: "var(--dsw-font-family)",
562
- size: "var(--dsh-content-font-size, 14px)",
563
- style: "italic",
564
- weight: "600"
559
+ "italic": {
560
+ "$": "italic 600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
561
+ "font": {
562
+ "family": "var(--dsw-font-family)",
563
+ "size": "var(--dsh-content-font-size, 14px)",
564
+ "style": "italic",
565
+ "weight": "600"
565
566
  },
566
- line: { height: "calc(24px + var(--dsh-content-font-delta))" }
567
+ "line": { "height": "calc(24px + var(--dsh-content-font-delta))" }
567
568
  },
568
- line: { height: "calc(24px + var(--dsh-content-font-delta))" }
569
+ "line": { "height": "calc(24px + var(--dsh-content-font-delta))" }
569
570
  }
570
571
  },
571
- code: {
572
- $: "12px/19px var(--ds-font-family-code)",
573
- block: {
574
- $: "11px/19px var(--ds-font-family-code)",
575
- font: {
576
- family: "var(--ds-font-family-code)",
577
- size: "11px",
578
- style: "normal",
579
- weight: "400"
572
+ "code": {
573
+ "$": "12px/19px var(--ds-font-family-code)",
574
+ "block": {
575
+ "$": "11px/19px var(--ds-font-family-code)",
576
+ "font": {
577
+ "family": "var(--ds-font-family-code)",
578
+ "size": "11px",
579
+ "style": "normal",
580
+ "weight": "400"
580
581
  },
581
- line: { height: "19px" },
582
- small: {
583
- $: "11px/16px var(--ds-font-family-code)",
584
- font: {
585
- family: "var(--ds-font-family-code)",
586
- size: "11px",
587
- style: "normal",
588
- weight: "400"
582
+ "line": { "height": "19px" },
583
+ "small": {
584
+ "$": "11px/16px var(--ds-font-family-code)",
585
+ "font": {
586
+ "family": "var(--ds-font-family-code)",
587
+ "size": "11px",
588
+ "style": "normal",
589
+ "weight": "400"
589
590
  },
590
- line: { height: "16px" }
591
+ "line": { "height": "16px" }
591
592
  }
592
593
  },
593
- font: {
594
- family: "var(--ds-font-family-code)",
595
- size: "12px",
596
- style: "normal",
597
- weight: "400"
594
+ "font": {
595
+ "family": "var(--ds-font-family-code)",
596
+ "size": "12px",
597
+ "style": "normal",
598
+ "weight": "400"
598
599
  },
599
- line: { height: "19px" }
600
+ "line": { "height": "19px" }
600
601
  },
601
- h1: {
602
- $: "700 calc(21px + var(--dsh-content-font-delta)) / calc(30px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
603
- font: {
604
- family: "var(--dsw-font-family)",
605
- size: "calc(21px + var(--dsh-content-font-delta))",
606
- style: "normal",
607
- weight: "700"
602
+ "h1": {
603
+ "$": "700 calc(21px + var(--dsh-content-font-delta)) / calc(30px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
604
+ "font": {
605
+ "family": "var(--dsw-font-family)",
606
+ "size": "calc(21px + var(--dsh-content-font-delta))",
607
+ "style": "normal",
608
+ "weight": "700"
608
609
  },
609
- line: { height: "calc(30px + var(--dsh-content-font-delta))" }
610
+ "line": { "height": "calc(30px + var(--dsh-content-font-delta))" }
610
611
  },
611
- h2: {
612
- $: "700 calc(19px + var(--dsh-content-font-delta)) / calc(28px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
613
- font: {
614
- family: "var(--dsw-font-family)",
615
- size: "calc(19px + var(--dsh-content-font-delta))",
616
- style: "normal",
617
- weight: "700"
612
+ "h2": {
613
+ "$": "700 calc(19px + var(--dsh-content-font-delta)) / calc(28px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
614
+ "font": {
615
+ "family": "var(--dsw-font-family)",
616
+ "size": "calc(19px + var(--dsh-content-font-delta))",
617
+ "style": "normal",
618
+ "weight": "700"
618
619
  },
619
- line: { height: "calc(28px + var(--dsh-content-font-delta))" }
620
+ "line": { "height": "calc(28px + var(--dsh-content-font-delta))" }
620
621
  },
621
- h3: {
622
- $: "700 calc(18px + var(--dsh-content-font-delta)) / calc(26px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
623
- font: {
624
- family: "var(--dsw-font-family)",
625
- size: "calc(18px + var(--dsh-content-font-delta))",
626
- style: "normal",
627
- weight: "700"
622
+ "h3": {
623
+ "$": "700 calc(18px + var(--dsh-content-font-delta)) / calc(26px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
624
+ "font": {
625
+ "family": "var(--dsw-font-family)",
626
+ "size": "calc(18px + var(--dsh-content-font-delta))",
627
+ "style": "normal",
628
+ "weight": "700"
628
629
  },
629
- line: { height: "calc(26px + var(--dsh-content-font-delta))" }
630
+ "line": { "height": "calc(26px + var(--dsh-content-font-delta))" }
630
631
  },
631
- h4: {
632
- $: "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
633
- font: {
634
- family: "var(--dsw-font-family)",
635
- size: "var(--dsh-content-font-size, 14px)",
636
- style: "normal",
637
- weight: "600"
632
+ "h4": {
633
+ "$": "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
634
+ "font": {
635
+ "family": "var(--dsw-font-family)",
636
+ "size": "var(--dsh-content-font-size, 14px)",
637
+ "style": "normal",
638
+ "weight": "600"
638
639
  },
639
- line: { height: "calc(24px + var(--dsh-content-font-delta))" }
640
+ "line": { "height": "calc(24px + var(--dsh-content-font-delta))" }
640
641
  },
641
- small: {
642
- $: "12px/20px var(--dsw-font-family)",
643
- font: {
644
- family: "var(--dsw-font-family)",
645
- size: "12px",
646
- style: "normal",
647
- weight: "400"
642
+ "small": {
643
+ "$": "12px/20px var(--dsw-font-family)",
644
+ "font": {
645
+ "family": "var(--dsw-font-family)",
646
+ "size": "12px",
647
+ "style": "normal",
648
+ "weight": "400"
648
649
  },
649
- italic: {
650
- $: "italic 12px/20px var(--dsw-font-family)",
651
- font: {
652
- family: "var(--dsw-font-family)",
653
- size: "12px",
654
- style: "italic",
655
- weight: "400"
650
+ "italic": {
651
+ "$": "italic 12px/20px var(--dsw-font-family)",
652
+ "font": {
653
+ "family": "var(--dsw-font-family)",
654
+ "size": "12px",
655
+ "style": "italic",
656
+ "weight": "400"
656
657
  },
657
- line: { height: "20px" }
658
+ "line": { "height": "20px" }
658
659
  },
659
- line: { height: "20px" },
660
- strong: {
661
- $: "600 12px/20px var(--dsw-font-family)",
662
- font: {
663
- family: "var(--dsw-font-family)",
664
- size: "12px",
665
- style: "normal",
666
- weight: "600"
660
+ "line": { "height": "20px" },
661
+ "strong": {
662
+ "$": "600 12px/20px var(--dsw-font-family)",
663
+ "font": {
664
+ "family": "var(--dsw-font-family)",
665
+ "size": "12px",
666
+ "style": "normal",
667
+ "weight": "600"
667
668
  },
668
- italic: {
669
- $: "italic 600 12px/20px var(--dsw-font-family)",
670
- font: {
671
- family: "var(--dsw-font-family)",
672
- size: "12px",
673
- style: "italic",
674
- weight: "600"
669
+ "italic": {
670
+ "$": "italic 600 12px/20px var(--dsw-font-family)",
671
+ "font": {
672
+ "family": "var(--dsw-font-family)",
673
+ "size": "12px",
674
+ "style": "italic",
675
+ "weight": "600"
675
676
  },
676
- line: { height: "20px" }
677
+ "line": { "height": "20px" }
677
678
  },
678
- line: { height: "20px" }
679
+ "line": { "height": "20px" }
679
680
  }
680
681
  },
681
- table: {
682
- $: "var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
683
- font: {
684
- family: "var(--dsw-font-family)",
685
- size: "var(--dsh-content-font-size-secondary, 13px)",
686
- style: "normal",
687
- weight: "400"
682
+ "table": {
683
+ "$": "var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
684
+ "font": {
685
+ "family": "var(--dsw-font-family)",
686
+ "size": "var(--dsh-content-font-size-secondary, 13px)",
687
+ "style": "normal",
688
+ "weight": "400"
688
689
  },
689
- head: {
690
- $: "500 var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
691
- font: {
692
- family: "var(--dsw-font-family)",
693
- size: "var(--dsh-content-font-size-secondary, 13px)",
694
- style: "normal",
695
- weight: "500"
690
+ "head": {
691
+ "$": "500 var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
692
+ "font": {
693
+ "family": "var(--dsw-font-family)",
694
+ "size": "var(--dsh-content-font-size-secondary, 13px)",
695
+ "style": "normal",
696
+ "weight": "500"
696
697
  },
697
- line: { height: "calc(22px + var(--dsh-content-font-delta-secondary, 0px))" }
698
+ "line": { "height": "calc(22px + var(--dsh-content-font-delta-secondary, 0px))" }
698
699
  },
699
- line: { height: "calc(22px + var(--dsh-content-font-delta-secondary, 0px))" }
700
+ "line": { "height": "calc(22px + var(--dsh-content-font-delta-secondary, 0px))" }
700
701
  }
701
702
  },
702
- s: {
703
+ "s": {
703
704
  "14": {
704
- $: "14px/22px var(--dsw-font-family)",
705
- font: {
706
- family: "var(--dsw-font-family)",
707
- size: "14px",
708
- style: "normal",
709
- weight: "400"
705
+ "$": "14px/22px var(--dsw-font-family)",
706
+ "font": {
707
+ "family": "var(--dsw-font-family)",
708
+ "size": "14px",
709
+ "style": "normal",
710
+ "weight": "400"
710
711
  },
711
- line: { height: "22px" }
712
+ "line": { "height": "22px" }
712
713
  },
713
- strong: { "14": {
714
- $: "500 14px/22px var(--dsw-font-family)",
715
- font: {
716
- family: "var(--dsw-font-family)",
717
- size: "14px",
718
- style: "normal",
719
- weight: "500"
714
+ "strong": { "14": {
715
+ "$": "500 14px/22px var(--dsw-font-family)",
716
+ "font": {
717
+ "family": "var(--dsw-font-family)",
718
+ "size": "14px",
719
+ "style": "normal",
720
+ "weight": "500"
720
721
  },
721
- line: { height: "22px" }
722
+ "line": { "height": "22px" }
722
723
  } }
723
724
  },
724
- xl: { "24": {
725
- $: "600 24px/32px var(--dsw-font-family)",
726
- font: {
727
- family: "var(--dsw-font-family)",
728
- size: "24px",
729
- style: "normal",
730
- weight: "600"
725
+ "xl": { "24": {
726
+ "$": "600 24px/32px var(--dsw-font-family)",
727
+ "font": {
728
+ "family": "var(--dsw-font-family)",
729
+ "size": "24px",
730
+ "style": "normal",
731
+ "weight": "600"
731
732
  },
732
- line: { height: "32px" }
733
+ "line": { "height": "32px" }
733
734
  } },
734
- xs: {
735
+ "xs": {
735
736
  "13": {
736
- $: "13px/20px var(--dsw-font-family)",
737
- font: {
738
- family: "var(--dsw-font-family)",
739
- size: "13px",
740
- style: "normal",
741
- weight: "400"
737
+ "$": "13px/20px var(--dsw-font-family)",
738
+ "font": {
739
+ "family": "var(--dsw-font-family)",
740
+ "size": "13px",
741
+ "style": "normal",
742
+ "weight": "400"
742
743
  },
743
- line: { height: "20px" }
744
+ "line": { "height": "20px" }
744
745
  },
745
- strong: { "13": {
746
- $: "500 13px/20px var(--dsw-font-family)",
747
- font: {
748
- family: "var(--dsw-font-family)",
749
- size: "13px",
750
- style: "normal",
751
- weight: "500"
746
+ "strong": { "13": {
747
+ "$": "500 13px/20px var(--dsw-font-family)",
748
+ "font": {
749
+ "family": "var(--dsw-font-family)",
750
+ "size": "13px",
751
+ "style": "normal",
752
+ "weight": "500"
752
753
  },
753
- line: { height: "20px" }
754
+ "line": { "height": "20px" }
754
755
  } }
755
756
  },
756
- xxs: {
757
+ "xxs": {
757
758
  "12": {
758
- $: "12px/18px var(--dsw-font-family)",
759
- font: {
760
- family: "var(--dsw-font-family)",
761
- size: "12px",
762
- style: "normal",
763
- weight: "400"
759
+ "$": "12px/18px var(--dsw-font-family)",
760
+ "font": {
761
+ "family": "var(--dsw-font-family)",
762
+ "size": "12px",
763
+ "style": "normal",
764
+ "weight": "400"
764
765
  },
765
- line: { height: "18px" }
766
+ "line": { "height": "18px" }
766
767
  },
767
- strong: { "12": {
768
- $: "500 12px/18px var(--dsw-font-family)",
769
- font: {
770
- family: "var(--dsw-font-family)",
771
- size: "12px",
772
- style: "normal",
773
- weight: "500"
768
+ "strong": { "12": {
769
+ "$": "500 12px/18px var(--dsw-font-family)",
770
+ "font": {
771
+ "family": "var(--dsw-font-family)",
772
+ "size": "12px",
773
+ "style": "normal",
774
+ "weight": "500"
774
775
  },
775
- line: { height: "18px" }
776
+ "line": { "height": "18px" }
776
777
  } }
777
778
  },
778
- xxxs: {
779
+ "xxxs": {
779
780
  "11": {
780
- $: "11px/14px var(--dsw-font-family)",
781
- font: {
782
- family: "var(--dsw-font-family)",
783
- size: "11px",
784
- style: "normal",
785
- weight: "400"
781
+ "$": "11px/14px var(--dsw-font-family)",
782
+ "font": {
783
+ "family": "var(--dsw-font-family)",
784
+ "size": "11px",
785
+ "style": "normal",
786
+ "weight": "400"
786
787
  },
787
- line: { height: "14px" }
788
+ "line": { "height": "14px" }
788
789
  },
789
- strong: { "11": {
790
- $: "500 11px/14px var(--dsw-font-family)",
791
- font: {
792
- family: "var(--dsw-font-family)",
793
- size: "11px",
794
- style: "normal",
795
- weight: "500"
790
+ "strong": { "11": {
791
+ "$": "500 11px/14px var(--dsw-font-family)",
792
+ "font": {
793
+ "family": "var(--dsw-font-family)",
794
+ "size": "11px",
795
+ "style": "normal",
796
+ "weight": "500"
796
797
  },
797
- line: { height: "14px" }
798
+ "line": { "height": "14px" }
798
799
  } }
799
800
  }
800
801
  },
801
- linear: {
802
- gradient: { think: "linear-gradient(180deg, #fff 20.19%, rgba(255, 255, 255, 0) 100%)" },
803
- think: { select: "linear-gradient(180deg, #f5f6f7 20.19%, rgba(245, 246, 247, 0) 100%)" }
802
+ "linear": {
803
+ "gradient": { "think": "linear-gradient(180deg, #fff 20.19%, rgba(255, 255, 255, 0) 100%)" },
804
+ "think": { "select": "linear-gradient(180deg, #f5f6f7 20.19%, rgba(245, 246, 247, 0) 100%)" }
804
805
  },
805
- mask: { blur: "blur(2px)" },
806
- shadow: {
807
- lv1: {
808
- $: "0 2px 4px 0 rgba(0, 0, 0, 0.05)",
809
- blur: "0 4px 12px 0 rgba(0, 0, 0, 0.02)"
806
+ "mask": { "blur": "blur(2px)" },
807
+ "menu": { "backdrop": { "filter": "blur(40px) saturate(150%)" } },
808
+ "shadow": {
809
+ "lv1": {
810
+ "$": "0 2px 4px 0 rgba(0, 0, 0, 0.05)",
811
+ "blur": "0 4px 12px 0 rgba(0, 0, 0, 0.02)"
810
812
  },
811
- lv2: "0 4px 12px 0 rgba(0, 0, 0, 0.02), 0 2px 8px 0 rgba(0, 0, 0, 0.04)",
812
- lv3: "0 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.02), 0 12px 32px 0 rgba(0, 0, 0, 0.08)"
813
+ "lv2": "0 4px 12px 0 rgba(0, 0, 0, 0.02), 0 2px 8px 0 rgba(0, 0, 0, 0.04)",
814
+ "lv3": "0 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.02), 0 12px 32px 0 rgba(0, 0, 0, 0.08)"
813
815
  },
814
- specific: {
815
- bubble: {
816
- $: "var(--dsw-static-deepseek-50)",
817
- highlight: "var(--dsw-static-deepseek-200)"
816
+ "specific": {
817
+ "bubble": {
818
+ "$": "var(--dsw-static-deepseek-50)",
819
+ "highlight": "var(--dsw-static-deepseek-200)"
818
820
  },
819
- input: { major: "var(--dsw-static-neutral-bluish-00)" },
820
- login: { input: "var(--dsw-static-neutral-bluish-50)" },
821
- menu: "var(--dsw-alias-bg-layer-3)",
822
- selector: "var(--dsw-static-neutral-bluish-60)",
823
- sidebar: {
824
- fill: "var(--dsw-static-neutral-bluish-50)",
825
- nav: { item: {
826
- active: {
827
- $: "var(--dsw-static-neutral-bluish-100)",
828
- accent: "var(--dsw-static-deepseek-100)"
821
+ "input": { "major": "var(--dsw-static-neutral-bluish-00)" },
822
+ "login": { "input": "var(--dsw-static-neutral-bluish-50)" },
823
+ "menu": "rgba(248, 249, 250, 0.58)",
824
+ "selector": "var(--dsw-static-neutral-bluish-60)",
825
+ "sidebar": {
826
+ "fill": "var(--dsw-static-neutral-bluish-50)",
827
+ "nav": { "item": {
828
+ "active": {
829
+ "$": "var(--dsw-static-neutral-bluish-100)",
830
+ "accent": "var(--dsw-static-deepseek-100)"
829
831
  },
830
- hover: "var(--dsw-static-neutral-bluish-75)"
832
+ "hover": "var(--dsw-static-neutral-bluish-75)"
831
833
  } }
832
834
  },
833
- tip: "var(--dsw-static-neutral-bluish-60)"
835
+ "tip": "var(--dsw-static-neutral-bluish-60)"
834
836
  },
835
- static: {
836
- amber: {
837
+ "static": {
838
+ "amber": {
837
839
  "100": "rgb(254, 245, 231)",
838
840
  "400": "rgb(247, 173, 49)",
839
841
  "500": "rgb(245, 158, 11)",
840
842
  "600": "rgb(221, 134, 41)",
841
843
  "900": "rgb(39, 36, 31)"
842
844
  },
843
- blue: {
845
+ "blue": {
844
846
  "50": "rgb(239, 246, 255)",
845
847
  "75": "rgb(229, 240, 255)",
846
848
  "100": "rgb(219, 234, 254)",
@@ -854,26 +856,26 @@ window.__ModuleLoader__.load({
854
856
  "950": "rgb(23, 37, 84)",
855
857
  "50p": "rgb(234, 243, 255)"
856
858
  },
857
- deepseek: {
859
+ "deepseek": {
858
860
  "50": "rgb(237, 243, 254)",
859
861
  "100": "rgb(228, 237, 253)",
860
862
  "200": "rgb(211, 226, 255)",
861
863
  "300": "rgb(183, 200, 254)",
862
- "400": "rgb(103, 158, 254)",
864
+ "400": "rgb(122, 170, 255)",
863
865
  "450": "rgb(86, 134, 254)",
864
866
  "500": "rgb(65, 118, 230)",
865
867
  "600": "rgb(72, 104, 178)",
866
- "700": { delete: "rgb(47, 76, 143)" },
868
+ "700": { "delete": "rgb(47, 76, 143)" },
867
869
  "800": "rgb(52, 65, 91)",
868
870
  "900": "rgb(40, 49, 66)"
869
871
  },
870
- green: {
872
+ "green": {
871
873
  "100": "rgb(230, 250, 237)",
872
874
  "400": "rgb(78, 209, 126)",
873
875
  "500": "rgb(34, 197, 94)",
874
876
  "900": "rgb(35, 60, 44)"
875
877
  },
876
- neutral: {
878
+ "neutral": {
877
879
  "50": "rgb(250, 250, 250)",
878
880
  "100": "rgb(245, 245, 245)",
879
881
  "150": "rgb(237, 237, 237)",
@@ -890,7 +892,7 @@ window.__ModuleLoader__.load({
890
892
  "900": "rgb(15, 15, 15)",
891
893
  "1000": "rgb(0, 0, 0)",
892
894
  "00": "rgb(255, 255, 255)",
893
- bluish: {
895
+ "bluish": {
894
896
  "50": "rgb(249, 250, 251)",
895
897
  "60": "rgb(245, 246, 247)",
896
898
  "75": "rgb(241, 243, 245)",
@@ -912,7 +914,7 @@ window.__ModuleLoader__.load({
912
914
  "00": "rgb(255, 255, 255)"
913
915
  }
914
916
  },
915
- red: {
917
+ "red": {
916
918
  "50": "rgb(254, 242, 242)",
917
919
  "100": "rgb(254, 226, 226)",
918
920
  "400": "rgb(242, 90, 90)",