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

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,530 @@ 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 全集(367 个),由 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
+ "code": { "diff": {
403
+ "added": "var(--dsw-static-green-500-a08)",
404
+ "deleted": "var(--dsw-static-red-600-a08)"
405
+ } },
406
+ "interactive": { "bg": {
407
+ "active": "rgba(38, 49, 72, 0.1)",
408
+ "hover": {
409
+ "$": "rgba(38, 49, 72, 0.06)",
410
+ "accent": "rgba(38, 49, 72, 0.14)",
411
+ "danger": "rgba(236, 19, 19, 0.05)",
412
+ "solid": "var(--dsw-static-neutral-bluish-75)"
409
413
  }
410
414
  } },
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)"
415
+ "label": {
416
+ "caption": "var(--dsw-static-neutral-bluish-400)",
417
+ "dimmed": "var(--dsw-static-neutral-bluish-200)",
418
+ "document": { "preview": "var(--dsw-static-neutral-bluish-200)" },
419
+ "primary": {
420
+ "$": "var(--dsw-static-neutral-bluish-1000)",
421
+ "bluish": "var(--dsw-static-blue-900)",
422
+ "dimmed": "var(--dsw-static-neutral-bluish-950)",
423
+ "foreground": "var(--dsw-static-neutral-bluish-00)",
424
+ "inverted": "var(--dsw-static-neutral-bluish-00)"
421
425
  },
422
- secondary: "var(--dsw-static-neutral-bluish-700)",
423
- tertiary: "var(--dsw-static-neutral-bluish-600)"
426
+ "secondary": "var(--dsw-static-neutral-bluish-700)",
427
+ "tertiary": "var(--dsw-static-neutral-bluish-600)"
424
428
  },
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)"
429
+ "link": "var(--dsw-static-deepseek-500)",
430
+ "markdown": {
431
+ "citation": "var(--dsw-static-neutral-bluish-100)",
432
+ "code": {
433
+ "block": {
434
+ "$": "var(--dsw-static-neutral-bluish-50)",
435
+ "banner": "var(--dsw-static-neutral-bluish-50)"
432
436
  },
433
- segment: {
434
- selected: "var(--dsw-static-neutral-bluish-00)",
435
- unselected: "var(--dsw-static-neutral-bluish-75)"
437
+ "segment": {
438
+ "selected": "var(--dsw-static-neutral-bluish-00)",
439
+ "unselected": "var(--dsw-static-neutral-bluish-75)"
436
440
  }
437
441
  },
438
- inline: { code: "var(--dsw-static-neutral-50)" },
439
- placeholder: "var(--dsw-static-neutral-bluish-60)",
440
- tag: "var(--dsw-static-neutral-bluish-75)"
442
+ "inline": { "code": "var(--dsw-static-neutral-50)" },
443
+ "placeholder": "var(--dsw-static-neutral-bluish-60)",
444
+ "tag": "var(--dsw-static-neutral-bluish-75)"
441
445
  },
442
- scrollbar: {
443
- bg: {
444
- l1: "var(--dsw-static-neutral-200)",
445
- l2: "var(--dsw-static-neutral-200)"
446
+ "scrollbar": {
447
+ "bg": {
448
+ "l1": "var(--dsw-static-neutral-200)",
449
+ "l2": "var(--dsw-static-neutral-200)"
446
450
  },
447
- hover: {
448
- l1: "var(--dsw-static-neutral-300)",
449
- l2: "var(--dsw-static-neutral-300)"
451
+ "hover": {
452
+ "l1": "var(--dsw-static-neutral-300)",
453
+ "l2": "var(--dsw-static-neutral-300)"
450
454
  }
451
455
  },
452
- state: {
453
- business: {
454
- primary: "var(--dsw-static-deepseek-500)",
455
- tertiary: "var(--dsw-static-deepseek-100)"
456
+ "state": {
457
+ "business": {
458
+ "primary": "var(--dsw-static-deepseek-500)",
459
+ "tertiary": "var(--dsw-static-deepseek-100)"
456
460
  },
457
- error: {
458
- primary: "var(--dsw-static-red-600)",
459
- secondary: "var(--dsw-static-red-400)"
461
+ "error": {
462
+ "primary": "var(--dsw-static-red-600)",
463
+ "secondary": "var(--dsw-static-red-400)"
460
464
  },
461
- success: {
462
- primary: "var(--dsw-static-green-500)",
463
- secondary: "var(--dsw-static-green-400)",
464
- tertiary: "var(--dsw-static-green-100)"
465
+ "idle": { "primary": "var(--dsw-static-neutral-300)" },
466
+ "success": {
467
+ "primary": "var(--dsw-static-green-500)",
468
+ "secondary": "var(--dsw-static-green-400)",
469
+ "tertiary": "var(--dsw-static-green-100)"
465
470
  },
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)"
471
+ "warn": {
472
+ "label": "var(--dsw-static-amber-600)",
473
+ "primary": "var(--dsw-static-amber-500)",
474
+ "secondary": "var(--dsw-static-amber-400)",
475
+ "tertiary": "var(--dsw-static-amber-100)"
471
476
  }
472
477
  },
473
- toast: { bg: "var(--dsw-static-neutral-bluish-800)" },
474
- tooltip: { bg: "var(--dsw-static-neutral-bluish-850)" }
478
+ "toast": { "bg": "var(--dsw-static-neutral-bluish-800)" },
479
+ "tooltip": { "bg": "var(--dsw-static-neutral-bluish-850)" }
475
480
  },
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)"
481
+ "corner": { "shape": "superellipse(1.5)" },
482
+ "elevation": {
483
+ "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)",
484
+ "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)",
485
+ "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)",
486
+ "stroke": {
487
+ "$": "0 0 0 0.5px var(--dsw-elevation-stroke-color)",
488
+ "color": "var(--dsw-alias-border-l4)"
484
489
  }
485
490
  },
486
- font: {
487
- base: {
491
+ "font": {
492
+ "base": {
488
493
  "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"
494
+ "$": "16px/24px var(--dsw-font-family)",
495
+ "font": {
496
+ "family": "var(--dsw-font-family)",
497
+ "size": "16px",
498
+ "style": "normal",
499
+ "weight": "400"
495
500
  },
496
- line: { height: "24px" }
501
+ "line": { "height": "24px" }
497
502
  },
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"
503
+ "strong": { "16": {
504
+ "$": "500 16px/24px var(--dsw-font-family)",
505
+ "font": {
506
+ "family": "var(--dsw-font-family)",
507
+ "size": "16px",
508
+ "style": "normal",
509
+ "weight": "500"
505
510
  },
506
- line: { height: "24px" }
511
+ "line": { "height": "24px" }
507
512
  } }
508
513
  },
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"
514
+ "family": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',\n 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
515
+ "l": { "20": {
516
+ "$": "500 20px/28px var(--dsw-font-family)",
517
+ "font": {
518
+ "family": "var(--dsw-font-family)",
519
+ "size": "20px",
520
+ "style": "normal",
521
+ "weight": "500"
517
522
  },
518
- line: { height: "28px" }
523
+ "line": { "height": "28px" }
519
524
  } },
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"
525
+ "m": { "18": {
526
+ "$": "500 16px/28px var(--dsw-font-family)",
527
+ "font": {
528
+ "family": "var(--dsw-font-family)",
529
+ "size": "16px",
530
+ "style": "normal",
531
+ "weight": "500"
527
532
  },
528
- line: { height: "28px" }
533
+ "line": { "height": "28px" }
529
534
  } },
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"
535
+ "markdown": {
536
+ "base": {
537
+ "$": "var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
538
+ "font": {
539
+ "family": "var(--dsw-font-family)",
540
+ "size": "var(--dsh-content-font-size, 14px)",
541
+ "style": "normal",
542
+ "weight": "400"
538
543
  },
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"
544
+ "italic": {
545
+ "$": "italic var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
546
+ "font": {
547
+ "family": "var(--dsw-font-family)",
548
+ "size": "var(--dsh-content-font-size, 14px)",
549
+ "style": "italic",
550
+ "weight": "400"
546
551
  },
547
- line: { height: "calc(24px + var(--dsh-content-font-delta))" }
552
+ "line": { "height": "calc(24px + var(--dsh-content-font-delta))" }
548
553
  },
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"
554
+ "line": { "height": "calc(24px + var(--dsh-content-font-delta))" },
555
+ "strong": {
556
+ "$": "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
557
+ "font": {
558
+ "family": "var(--dsw-font-family)",
559
+ "size": "var(--dsh-content-font-size, 14px)",
560
+ "style": "normal",
561
+ "weight": "600"
557
562
  },
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"
563
+ "italic": {
564
+ "$": "italic 600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
565
+ "font": {
566
+ "family": "var(--dsw-font-family)",
567
+ "size": "var(--dsh-content-font-size, 14px)",
568
+ "style": "italic",
569
+ "weight": "600"
565
570
  },
566
- line: { height: "calc(24px + var(--dsh-content-font-delta))" }
571
+ "line": { "height": "calc(24px + var(--dsh-content-font-delta))" }
567
572
  },
568
- line: { height: "calc(24px + var(--dsh-content-font-delta))" }
573
+ "line": { "height": "calc(24px + var(--dsh-content-font-delta))" }
569
574
  }
570
575
  },
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"
576
+ "code": {
577
+ "$": "12px/19px var(--ds-font-family-code)",
578
+ "block": {
579
+ "$": "11px/19px var(--ds-font-family-code)",
580
+ "font": {
581
+ "family": "var(--ds-font-family-code)",
582
+ "size": "11px",
583
+ "style": "normal",
584
+ "weight": "400"
580
585
  },
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"
586
+ "line": { "height": "19px" },
587
+ "small": {
588
+ "$": "11px/16px var(--ds-font-family-code)",
589
+ "font": {
590
+ "family": "var(--ds-font-family-code)",
591
+ "size": "11px",
592
+ "style": "normal",
593
+ "weight": "400"
589
594
  },
590
- line: { height: "16px" }
595
+ "line": { "height": "16px" }
591
596
  }
592
597
  },
593
- font: {
594
- family: "var(--ds-font-family-code)",
595
- size: "12px",
596
- style: "normal",
597
- weight: "400"
598
+ "font": {
599
+ "family": "var(--ds-font-family-code)",
600
+ "size": "12px",
601
+ "style": "normal",
602
+ "weight": "400"
598
603
  },
599
- line: { height: "19px" }
604
+ "line": { "height": "19px" }
600
605
  },
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"
606
+ "h1": {
607
+ "$": "700 calc(21px + var(--dsh-content-font-delta)) / calc(30px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
608
+ "font": {
609
+ "family": "var(--dsw-font-family)",
610
+ "size": "calc(21px + var(--dsh-content-font-delta))",
611
+ "style": "normal",
612
+ "weight": "700"
608
613
  },
609
- line: { height: "calc(30px + var(--dsh-content-font-delta))" }
614
+ "line": { "height": "calc(30px + var(--dsh-content-font-delta))" }
610
615
  },
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"
616
+ "h2": {
617
+ "$": "700 calc(19px + var(--dsh-content-font-delta)) / calc(28px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
618
+ "font": {
619
+ "family": "var(--dsw-font-family)",
620
+ "size": "calc(19px + var(--dsh-content-font-delta))",
621
+ "style": "normal",
622
+ "weight": "700"
618
623
  },
619
- line: { height: "calc(28px + var(--dsh-content-font-delta))" }
624
+ "line": { "height": "calc(28px + var(--dsh-content-font-delta))" }
620
625
  },
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"
626
+ "h3": {
627
+ "$": "700 calc(18px + var(--dsh-content-font-delta)) / calc(26px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
628
+ "font": {
629
+ "family": "var(--dsw-font-family)",
630
+ "size": "calc(18px + var(--dsh-content-font-delta))",
631
+ "style": "normal",
632
+ "weight": "700"
628
633
  },
629
- line: { height: "calc(26px + var(--dsh-content-font-delta))" }
634
+ "line": { "height": "calc(26px + var(--dsh-content-font-delta))" }
630
635
  },
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"
636
+ "h4": {
637
+ "$": "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
638
+ "font": {
639
+ "family": "var(--dsw-font-family)",
640
+ "size": "var(--dsh-content-font-size, 14px)",
641
+ "style": "normal",
642
+ "weight": "600"
638
643
  },
639
- line: { height: "calc(24px + var(--dsh-content-font-delta))" }
644
+ "line": { "height": "calc(24px + var(--dsh-content-font-delta))" }
640
645
  },
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"
646
+ "small": {
647
+ "$": "12px/20px var(--dsw-font-family)",
648
+ "font": {
649
+ "family": "var(--dsw-font-family)",
650
+ "size": "12px",
651
+ "style": "normal",
652
+ "weight": "400"
648
653
  },
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"
654
+ "italic": {
655
+ "$": "italic 12px/20px var(--dsw-font-family)",
656
+ "font": {
657
+ "family": "var(--dsw-font-family)",
658
+ "size": "12px",
659
+ "style": "italic",
660
+ "weight": "400"
656
661
  },
657
- line: { height: "20px" }
662
+ "line": { "height": "20px" }
658
663
  },
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"
664
+ "line": { "height": "20px" },
665
+ "strong": {
666
+ "$": "600 12px/20px var(--dsw-font-family)",
667
+ "font": {
668
+ "family": "var(--dsw-font-family)",
669
+ "size": "12px",
670
+ "style": "normal",
671
+ "weight": "600"
667
672
  },
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"
673
+ "italic": {
674
+ "$": "italic 600 12px/20px var(--dsw-font-family)",
675
+ "font": {
676
+ "family": "var(--dsw-font-family)",
677
+ "size": "12px",
678
+ "style": "italic",
679
+ "weight": "600"
675
680
  },
676
- line: { height: "20px" }
681
+ "line": { "height": "20px" }
677
682
  },
678
- line: { height: "20px" }
683
+ "line": { "height": "20px" }
679
684
  }
680
685
  },
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"
686
+ "table": {
687
+ "$": "var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
688
+ "font": {
689
+ "family": "var(--dsw-font-family)",
690
+ "size": "var(--dsh-content-font-size-secondary, 13px)",
691
+ "style": "normal",
692
+ "weight": "400"
688
693
  },
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"
694
+ "head": {
695
+ "$": "500 var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
696
+ "font": {
697
+ "family": "var(--dsw-font-family)",
698
+ "size": "var(--dsh-content-font-size-secondary, 13px)",
699
+ "style": "normal",
700
+ "weight": "500"
696
701
  },
697
- line: { height: "calc(22px + var(--dsh-content-font-delta-secondary, 0px))" }
702
+ "line": { "height": "calc(22px + var(--dsh-content-font-delta-secondary, 0px))" }
698
703
  },
699
- line: { height: "calc(22px + var(--dsh-content-font-delta-secondary, 0px))" }
704
+ "line": { "height": "calc(22px + var(--dsh-content-font-delta-secondary, 0px))" }
700
705
  }
701
706
  },
702
- s: {
707
+ "s": {
703
708
  "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"
709
+ "$": "14px/22px var(--dsw-font-family)",
710
+ "font": {
711
+ "family": "var(--dsw-font-family)",
712
+ "size": "14px",
713
+ "style": "normal",
714
+ "weight": "400"
710
715
  },
711
- line: { height: "22px" }
716
+ "line": { "height": "22px" }
712
717
  },
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"
718
+ "strong": { "14": {
719
+ "$": "500 14px/22px var(--dsw-font-family)",
720
+ "font": {
721
+ "family": "var(--dsw-font-family)",
722
+ "size": "14px",
723
+ "style": "normal",
724
+ "weight": "500"
720
725
  },
721
- line: { height: "22px" }
726
+ "line": { "height": "22px" }
722
727
  } }
723
728
  },
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"
729
+ "xl": { "24": {
730
+ "$": "600 24px/32px var(--dsw-font-family)",
731
+ "font": {
732
+ "family": "var(--dsw-font-family)",
733
+ "size": "24px",
734
+ "style": "normal",
735
+ "weight": "600"
731
736
  },
732
- line: { height: "32px" }
737
+ "line": { "height": "32px" }
733
738
  } },
734
- xs: {
739
+ "xs": {
735
740
  "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"
741
+ "$": "13px/20px var(--dsw-font-family)",
742
+ "font": {
743
+ "family": "var(--dsw-font-family)",
744
+ "size": "13px",
745
+ "style": "normal",
746
+ "weight": "400"
742
747
  },
743
- line: { height: "20px" }
748
+ "line": { "height": "20px" }
744
749
  },
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"
750
+ "strong": { "13": {
751
+ "$": "500 13px/20px var(--dsw-font-family)",
752
+ "font": {
753
+ "family": "var(--dsw-font-family)",
754
+ "size": "13px",
755
+ "style": "normal",
756
+ "weight": "500"
752
757
  },
753
- line: { height: "20px" }
758
+ "line": { "height": "20px" }
754
759
  } }
755
760
  },
756
- xxs: {
761
+ "xxs": {
757
762
  "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"
763
+ "$": "12px/18px var(--dsw-font-family)",
764
+ "font": {
765
+ "family": "var(--dsw-font-family)",
766
+ "size": "12px",
767
+ "style": "normal",
768
+ "weight": "400"
764
769
  },
765
- line: { height: "18px" }
770
+ "line": { "height": "18px" }
766
771
  },
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"
772
+ "strong": { "12": {
773
+ "$": "500 12px/18px var(--dsw-font-family)",
774
+ "font": {
775
+ "family": "var(--dsw-font-family)",
776
+ "size": "12px",
777
+ "style": "normal",
778
+ "weight": "500"
774
779
  },
775
- line: { height: "18px" }
780
+ "line": { "height": "18px" }
776
781
  } }
777
782
  },
778
- xxxs: {
783
+ "xxxs": {
779
784
  "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"
785
+ "$": "11px/14px var(--dsw-font-family)",
786
+ "font": {
787
+ "family": "var(--dsw-font-family)",
788
+ "size": "11px",
789
+ "style": "normal",
790
+ "weight": "400"
786
791
  },
787
- line: { height: "14px" }
792
+ "line": { "height": "14px" }
788
793
  },
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"
794
+ "strong": { "11": {
795
+ "$": "500 11px/14px var(--dsw-font-family)",
796
+ "font": {
797
+ "family": "var(--dsw-font-family)",
798
+ "size": "11px",
799
+ "style": "normal",
800
+ "weight": "500"
796
801
  },
797
- line: { height: "14px" }
802
+ "line": { "height": "14px" }
798
803
  } }
799
804
  }
800
805
  },
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%)" }
806
+ "linear": {
807
+ "gradient": { "think": "linear-gradient(180deg, #fff 20.19%, rgba(255, 255, 255, 0) 100%)" },
808
+ "think": { "select": "linear-gradient(180deg, #f5f6f7 20.19%, rgba(245, 246, 247, 0) 100%)" }
804
809
  },
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)"
810
+ "mask": { "blur": "blur(2px)" },
811
+ "menu": { "backdrop": { "filter": "blur(40px) saturate(150%)" } },
812
+ "shadow": {
813
+ "lv1": {
814
+ "$": "0 2px 4px 0 rgba(0, 0, 0, 0.05)",
815
+ "blur": "0 4px 12px 0 rgba(0, 0, 0, 0.02)"
810
816
  },
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)"
817
+ "lv2": "0 4px 12px 0 rgba(0, 0, 0, 0.02), 0 2px 8px 0 rgba(0, 0, 0, 0.04)",
818
+ "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
819
  },
814
- specific: {
815
- bubble: {
816
- $: "var(--dsw-static-deepseek-50)",
817
- highlight: "var(--dsw-static-deepseek-200)"
820
+ "specific": {
821
+ "bubble": {
822
+ "$": "var(--dsw-static-deepseek-50)",
823
+ "highlight": "var(--dsw-static-deepseek-200)"
818
824
  },
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)"
825
+ "input": { "major": "var(--dsw-static-neutral-bluish-00)" },
826
+ "login": { "input": "var(--dsw-static-neutral-bluish-50)" },
827
+ "menu": "rgba(248, 249, 250, 0.58)",
828
+ "selector": "var(--dsw-static-neutral-bluish-60)",
829
+ "sidebar": {
830
+ "fill": "var(--dsw-static-neutral-bluish-50)",
831
+ "nav": { "item": {
832
+ "active": {
833
+ "$": "var(--dsw-static-neutral-bluish-100)",
834
+ "accent": "var(--dsw-static-deepseek-100)"
829
835
  },
830
- hover: "var(--dsw-static-neutral-bluish-75)"
836
+ "hover": "var(--dsw-static-neutral-bluish-75)"
831
837
  } }
832
838
  },
833
- tip: "var(--dsw-static-neutral-bluish-60)"
839
+ "tip": "var(--dsw-static-neutral-bluish-60)"
834
840
  },
835
- static: {
836
- amber: {
841
+ "static": {
842
+ "amber": {
837
843
  "100": "rgb(254, 245, 231)",
838
844
  "400": "rgb(247, 173, 49)",
839
845
  "500": "rgb(245, 158, 11)",
840
846
  "600": "rgb(221, 134, 41)",
841
847
  "900": "rgb(39, 36, 31)"
842
848
  },
843
- blue: {
849
+ "blue": {
844
850
  "50": "rgb(239, 246, 255)",
845
851
  "75": "rgb(229, 240, 255)",
846
852
  "100": "rgb(219, 234, 254)",
@@ -854,26 +860,30 @@ window.__ModuleLoader__.load({
854
860
  "950": "rgb(23, 37, 84)",
855
861
  "50p": "rgb(234, 243, 255)"
856
862
  },
857
- deepseek: {
863
+ "deepseek": {
858
864
  "50": "rgb(237, 243, 254)",
859
865
  "100": "rgb(228, 237, 253)",
860
866
  "200": "rgb(211, 226, 255)",
861
867
  "300": "rgb(183, 200, 254)",
862
- "400": "rgb(103, 158, 254)",
868
+ "400": "rgb(122, 170, 255)",
863
869
  "450": "rgb(86, 134, 254)",
864
870
  "500": "rgb(65, 118, 230)",
865
871
  "600": "rgb(72, 104, 178)",
866
- "700": { delete: "rgb(47, 76, 143)" },
872
+ "700": { "delete": "rgb(47, 76, 143)" },
867
873
  "800": "rgb(52, 65, 91)",
868
874
  "900": "rgb(40, 49, 66)"
869
875
  },
870
- green: {
876
+ "green": {
871
877
  "100": "rgb(230, 250, 237)",
872
878
  "400": "rgb(78, 209, 126)",
873
- "500": "rgb(34, 197, 94)",
879
+ "500": {
880
+ "$": "rgb(34, 197, 94)",
881
+ "a08": "rgb(34 197 94 / 8%)",
882
+ "a12": "rgb(34 197 94 / 12%)"
883
+ },
874
884
  "900": "rgb(35, 60, 44)"
875
885
  },
876
- neutral: {
886
+ "neutral": {
877
887
  "50": "rgb(250, 250, 250)",
878
888
  "100": "rgb(245, 245, 245)",
879
889
  "150": "rgb(237, 237, 237)",
@@ -890,7 +900,7 @@ window.__ModuleLoader__.load({
890
900
  "900": "rgb(15, 15, 15)",
891
901
  "1000": "rgb(0, 0, 0)",
892
902
  "00": "rgb(255, 255, 255)",
893
- bluish: {
903
+ "bluish": {
894
904
  "50": "rgb(249, 250, 251)",
895
905
  "60": "rgb(245, 246, 247)",
896
906
  "75": "rgb(241, 243, 245)",
@@ -912,12 +922,18 @@ window.__ModuleLoader__.load({
912
922
  "00": "rgb(255, 255, 255)"
913
923
  }
914
924
  },
915
- red: {
925
+ "red": {
916
926
  "50": "rgb(254, 242, 242)",
917
927
  "100": "rgb(254, 226, 226)",
918
- "400": "rgb(242, 90, 90)",
928
+ "400": {
929
+ "$": "rgb(242, 90, 90)",
930
+ "a12": "rgb(242 90 90 / 12%)"
931
+ },
919
932
  "500": "rgb(239, 68, 68)",
920
- "600": "rgb(236, 19, 19)",
933
+ "600": {
934
+ "$": "rgb(236, 19, 19)",
935
+ "a08": "rgb(236 19 19 / 8%)"
936
+ },
921
937
  "900": "rgb(87, 12, 12)"
922
938
  }
923
939
  }