@semi-bot/semi-theme-tt4d 1.0.5 → 1.0.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.
Files changed (9) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/raw.json +189 -112
  4. package/scss/_font.scss +8 -8
  5. package/scss/global.scss +182 -109
  6. package/scss/mixin.scss +12 -3
  7. package/scss/variables.scss +4 -4
  8. package/semi.css +215 -142
  9. package/semi.min.css +1 -1
package/README.md CHANGED
@@ -9,7 +9,7 @@ Compatible with Semi Foundation Version 2.88.3 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
12
- 按照TTEP配置基础色阶
12
+ TTEP 字体/圆角/间距/阴影
13
13
 
14
14
 
15
15
  ## Manual
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-tt4d",
3
- "version": "1.0.5",
3
+ "version": "1.0.7",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -473,120 +473,194 @@
473
473
  "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-blue-5), 0.2)"
474
474
  },
475
475
  "light": {
476
- "bg/--semi-color-bg-0": "rgba(var(--semi-white),1)",
477
- "bg/--semi-color-bg-1": "rgba(var(--semi-white), 1)",
478
- "bg/--semi-color-bg-2": "rgba(var(--semi-white), 1)",
479
- "bg/--semi-color-bg-3": "rgba(var(--semi-white), 1)",
480
- "bg/--semi-color-bg-4": "rgba(var(--semi-white), 1)",
481
- "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
482
- "link/--semi-color-link": "rgba(var(--semi-blue-5),1)",
476
+ "bg/--semi-color-bg-0": "rgba(255,255,255,1)",
477
+ "bg/--semi-color-bg-1": "rgba(245,245,245, 1)",
478
+ "bg/--semi-color-bg-2": "rgba(221,221,221, 1)",
479
+ "bg/--semi-color-bg-3": "rgba(32,32,32,1)",
480
+ "bg/--semi-color-bg-4": "rgba(255,255,255,1)",
481
+ "info/--semi-color-info": "rgba(var(--semi-cyan-4), 1)",
482
+ "link/--semi-color-link": "rgba(32,32,32,1)",
483
483
  "nav/--semi-color-nav-bg": "rgba(var(--semi-white),1)",
484
- "black/--semi-color-black": "rgba(var(--semi-black), 1)",
484
+ "black/--semi-color-black": "rgba(0,0,0,0.05)",
485
485
  "data/--semi-color-data-0": "rgba(0,117,219,1)",
486
- "data/--semi-color-data-1": "rgba(142,212,231,1)",
487
- "data/--semi-color-data-2": "rgba(245,135,0,1)",
488
- "data/--semi-color-data-3": "rgba(220,183,252,1)",
489
- "data/--semi-color-data-4": "rgba(87,105,255,1)",
490
- "data/--semi-color-data-5": "rgba(243,204,53,1)",
491
- "data/--semi-color-data-6": "rgba(254,128,144,1)",
492
- "data/--semi-color-data-7": "rgba(139,215,210,1)",
493
- "data/--semi-color-data-8": "rgba(131,176,35,1)",
494
- "data/--semi-color-data-9": "rgba(233,165,229,1)",
495
- "fill/--semi-color-fill-0": "rgba(var(--semi-grey-9),0.05)",
496
- "fill/--semi-color-fill-1": "rgba(var(--semi-grey-9),0.09)",
497
- "fill/--semi-color-fill-2": "rgba(var(--semi-grey-9),0.13)",
498
- "text/--semi-color-text-0": "rgba(var(--semi-grey-9),1)",
499
- "text/--semi-color-text-1": "rgba(var(--semi-grey-9),0.65)",
500
- "text/--semi-color-text-2": "rgba(var(--semi-grey-9),0.48)",
501
- "text/--semi-color-text-3": "rgba(var(--semi-grey-9),0.35)",
502
- "white/--semi-color-white": "rgba(var(--semi-white), 1)",
503
- "bg/--semi-color-bg-0-grey": "rgba(var(--semi-grey-0),1)",
504
- "data/--semi-color-data-10": "rgba(48,167,206,1)",
505
- "data/--semi-color-data-11": "rgba(249,192,100,1)",
506
- "data/--semi-color-data-12": "rgba(177,113,249,1)",
507
- "data/--semi-color-data-13": "rgba(93,173,233,1)",
508
- "data/--semi-color-data-14": "rgba(198,164,0,1)",
509
- "data/--semi-color-data-15": "rgba(255,170,178,1)",
510
- "data/--semi-color-data-16": "rgba(51,176,171,1)",
511
- "data/--semi-color-data-17": "rgba(182,215,129,1)",
512
- "data/--semi-color-data-18": "rgba(212,88,212,1)",
513
- "data/--semi-color-data-19": "rgba(188,198,255,1)",
514
- "border/--semi-color-border": "rgba(var(--semi-grey-9),0.1)",
515
- "danger/--semi-color-danger": "rgba(var(--semi-red-5),1)",
516
- "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
486
+ "data/--semi-color-data-1": "rgba(255,74,103,1)",
487
+ "data/--semi-color-data-2": "rgba(45,204,211,1)",
488
+ "data/--semi-color-data-3": "rgba(139,127,255,1)",
489
+ "data/--semi-color-data-4": "rgba(245,141,0,1)",
490
+ "data/--semi-color-data-5": "rgba(248,204,16,1)",
491
+ "data/--semi-color-data-6": "rgba(250,69,160,1)",
492
+ "data/--semi-color-data-7": "rgba(128,195,255,1)",
493
+ "data/--semi-color-data-8": "rgba(0,163,127,1)",
494
+ "data/--semi-color-data-9": "rgba(74,214,116,1)",
495
+ "fill/--semi-color-fill-0": "rgba(255,255,255,0.05)",
496
+ "fill/--semi-color-fill-1": "rgba(0,0,0,0.05)",
497
+ "fill/--semi-color-fill-2": "rgba(0,0,0,0.12)",
498
+ "fill/--semi-color-fill-3": "rgba(0,0,0,0.17)",
499
+ "fill/--semi-color-fill-4": "rgba(0,0,0,1)",
500
+ "text/--semi-color-text-0": "rgba(0,0,0,1)",
501
+ "text/--semi-color-text-1": "rgba(32,32,32,1)",
502
+ "text/--semi-color-text-2": "rgba(0,0,0,0.65)",
503
+ "text/--semi-color-text-3": "rgba(0,0,0,0.48)",
504
+ "text/--semi-color-text-4": "rgba(0,0,0,0.34)",
505
+ "white/--semi-color-white": "rgba(255,255,255,0.05)",
506
+ "data/--semi-color-data-10": "rgba(113,89,255,1)",
507
+ "data/--semi-color-data-11": "rgba(255,165,171,1)",
508
+ "data/--semi-color-data-12": "rgba(0,158,178,1)",
509
+ "data/--semi-color-data-13": "rgba(183,183,255,1)",
510
+ "data/--semi-color-data-14": "rgba(237,101,39,1)",
511
+ "data/--semi-color-data-15": "rgba(255,172,0,1)",
512
+ "data/--semi-color-data-16": "rgba(255,120,189,1)",
513
+ "data/--semi-color-data-17": "rgba(18,145,252,1)",
514
+ "data/--semi-color-data-18": "rgba(0,213,170,1)",
515
+ "data/--semi-color-data-19": "rgba(0,165,69,1)",
516
+ "black/--semi-color-black-1": "rgba(0,0,0,0.08)",
517
+ "black/--semi-color-black-2": "rgba(0,0,0,0.12)",
518
+ "black/--semi-color-black-3": "rgba(0,0,0,0.17)",
519
+ "black/--semi-color-black-4": "rgba(0,0,0,0.34)",
520
+ "black/--semi-color-black-5": "rgba(0,0,0,0.42)",
521
+ "black/--semi-color-black-6": "rgba(0,0,0,0.48)",
522
+ "black/--semi-color-black-7": "rgba(0,0,0,0.65)",
523
+ "black/--semi-color-black-8": "rgba(0,0,0,0.8)",
524
+ "black/--semi-color-black-9": "rgba(0,0,0,1)",
525
+ "border/--semi-color-border": "rgba(0,0,0,0.05)",
526
+ "danger/--semi-color-danger": "rgba(var(--semi-orange-5), 1)",
527
+ "shadow/--semi-color-shadow": "rgba(var(--semi-black),0.04)",
528
+ "white/--semi-color-white-1": "rgba(255,255,255,0.08)",
529
+ "white/--semi-color-white-2": "rgba(255,255,255,0.15)",
530
+ "white/--semi-color-white-3": "rgba(255,255,255,0.3)",
531
+ "white/--semi-color-white-4": "rgba(255,255,255,0.4)",
532
+ "white/--semi-color-white-5": "rgba(255,255,255,0.5)",
533
+ "white/--semi-color-white-6": "rgba(255,255,255,0.65)",
534
+ "white/--semi-color-white-7": "rgba(255,255,255,0.7)",
535
+ "white/--semi-color-white-8": "rgba(255,255,255,0.8)",
536
+ "white/--semi-color-white-9": "rgba(255,255,255,1)",
537
+ "Grey/--semi-color-Grey-hover": "rgba(var(--semi-grey-6), 1)",
517
538
  "default/--semi-color-default": "rgba(var(--semi-grey-0),1)",
518
- "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
519
- "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
520
- "primary/--semi-color-primary": "rgba(var(--semi-brand-5),1)",
521
- "success/--semi-color-success": "rgba(var(--semi-light-green-5), 1)",
522
- "warning/--semi-color-warning": "rgba(var(--semi-orange-5),1)",
523
- "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
524
- "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
525
- "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
526
- "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5), 1)",
527
- "focus/--semi-color-focus-border": "rgba(var(--semi-grey-9),1)",
528
- "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
529
- "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
539
+ "info/--semi-color-info-hover": "rgba(var(--semi-cyan-5), 1)",
540
+ "link/--semi-color-link-hover": "rgba(0,0,0,1)",
541
+ "primary/--semi-color-primary": "rgba(241,32,74,1)",
542
+ "success/--semi-color-success": "rgba(var(--semi-green-4), 1)",
543
+ "warning/--semi-color-warning": "rgba(var(--semi-amber-4), 1)",
544
+ "Grey/--semi-color-Grey-active": "rgba(var(--semi-grey-7), 1)",
545
+ "info/--semi-color-info-active": "rgba(0,107,146,1)",
546
+ "link/--semi-color-link-active": "rgba(0,0,0,1)",
547
+ "Grey/--semi-color-Grey-default": "rgba(var(--semi-grey-5), 1)",
548
+ "divider/--semi-color-divider-0": "rgba(0,0,0,0.12)",
549
+ "divider/--semi-color-divider-1": "rgba(0,0,0,0.05)",
550
+ "link/--semi-color-link-disable": "rgba(0,0,0,0.34)",
551
+ "link/--semi-color-link-visited": "rgba(0,0,0,0.65)",
552
+ "tertiary/--semi-color-tertiary": "rgba(var(--semi-indigo-5), 1)",
553
+ "text/--semi-color-text-white-0": "rgba(255,255,255,1)",
554
+ "text/--semi-color-text-white-1": "rgba(255,255,255,0.7)",
555
+ "text/--semi-color-text-white-2": "rgba(255,255,255,0.5)",
556
+ "Grey/--semi-color-Grey-disabled": "rgba(var(--semi-grey-0), 1)",
557
+ "Grey/--semi-color-Grey-light-bg": "rgba(var(--semi-grey-1), 1)",
558
+ "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5),1)",
559
+ "info/--semi-color-info-disabled": "rgba(var(--semi-cyan-1), 1)",
560
+ "info/--semi-color-info-light-bg": "rgba(var(--semi-cyan-0), 1)",
561
+ "overlay/--semi-color-overlay-bg": "rgba(22,22,26,0.6)",
530
562
  "select/--semi-color-select-fill": "rgba(var(--semi-grey-9),0.09)",
531
- "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6),1)",
563
+ "urgent/--semi-color-urgent-line": "rgba(var(--semi-red-2),1)",
564
+ "border/--semi-color-border-hover": "rgba(0,0,0,0.12)",
565
+ "border/--semi-color-border-solid": "rgba(0,0,0,0.08)",
566
+ "danger/--semi-color-danger-hover": "rgba(var(--semi-orange-6), 1)",
532
567
  "highlight/--semi-color-highlight": "rgba(var(--semi-black),1)",
533
- "secondary/--semi-color-secondary": "rgba(var(--semi-grey-9),1)",
534
- "danger/--semi-color-danger-active": "rgba(var(--semi-red-7),1)",
568
+ "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5),1)",
569
+ "urgent/--semi-color-urgent-hover": "rgba(var(--semi-red-6), 1)",
570
+ "Grey/--semi-color-Grey-light-line": "rgba(var(--semi-grey-3),1)",
571
+ "border/--semi-color-border-active": "rgba(0,0,0, 1)",
572
+ "danger/--semi-color-danger-active": "rgba(var(--semi-orange-7), 1)",
535
573
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1),1)",
574
+ "info/--semi-color-info-light-line": "rgba(var(--semi-cyan-2),1)",
575
+ "overlay/--semi-color-overlay-mask": "rgba(51,51,51,0.6)",
576
+ "urgent/--semi-color-urgent-active": "rgba(var(--semi-red-7), 1)",
577
+ "Grey/--semi-color-Grey-light-hover": "rgba(var(--semi-grey-4), 1)",
578
+ "danger/--semi-color-danger-disable": "rgba(var(--semi-orange-1), 1)",
536
579
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
537
- "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
538
- "success/--semi-color-success-hover": "rgba(var(--semi-light-green-6), 1)",
539
- "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
580
+ "info/--semi-color-info-light-hover": "rgba(var(--semi-blue-6),1)",
581
+ "primary/--semi-color-primary-hover": "rgba(225,5,67,1)",
582
+ "success/--semi-color-success-hover": "rgba(var(--semi-green-5), 1)",
583
+ "urgent/--semi-color-urgent-default": "rgba(var(--semi-red-5), 1)",
584
+ "warning/--semi-color-warning-hover": "rgba(var(--semi-amber-5), 1)",
585
+ "danger/--semi-color-danger-light-bg": "rgba(var(--semi-orange-0), 1)",
540
586
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
541
587
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8),0.04)",
542
588
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9),0.35)",
543
589
  "highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-4), 1)",
544
- "primary/--semi-color-primary-active": "rgba(var(--semi-brand-7), 1)",
545
- "success/--semi-color-success-active": "rgba(var(--semi-light-green-7), 1)",
546
- "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
547
- "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-6), 1)",
590
+ "primary/--semi-color-primary-active": "rgba(178,0,47,1)",
591
+ "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
592
+ "urgent/--semi-color-urgent-disabled": "rgba(var(--semi-red-2), 1)",
593
+ "urgent/--semi-color-urgent-light-bg": "rgba(var(--semi-red-0), 1)",
594
+ "warning/--semi-color-warning-active": "rgba(var(--semi-amber-7), 1)",
595
+ "overlay/--semi-color-overlay-overlay": "rgba(0,0,0,0.65)",
596
+ "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-indigo-6), 1)",
597
+ "warning/--semi-color-warning-disable": "rgba(var(--semi-amber-1), 1)",
598
+ "border/--semi-color-border-components": "rgba(0,0,0,0.17)",
599
+ "danger/--semi-color-danger-light-line": "rgba(var(--semi-orange-1),1)",
548
600
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
549
- "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
550
- "sequence/--semi-color-sequence-blue-0": "rgba(231,244,251,1)",
551
- "sequence/--semi-color-sequence-blue-1": "rgba(198,228,248,1)",
552
- "sequence/--semi-color-sequence-blue-2": "rgba(144,201,241,1)",
553
- "sequence/--semi-color-sequence-blue-3": "rgba(144,201,241,1)",
554
- "sequence/--semi-color-sequence-blue-4": "rgba(93,173,233,1)",
555
- "sequence/--semi-color-sequence-blue-5": "rgba(45,145,226,1)",
556
- "sequence/--semi-color-sequence-blue-7": "rgba(0,95,183,1)",
557
- "sequence/--semi-color-sequence-blue-8": "rgba(0,74,148,1)",
558
- "sequence/--semi-color-sequence-blue-9": "rgba(0,36,76,1)",
559
- "success/--semi-color-success-disabled": "rgba(var(--semi-light-green-2), 1)",
560
- "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-7), 1)",
561
- "secondary/--semi-color-secondary-hover": "rgba(var(--semi-grey-8),1)",
562
- "sequence/--semi-color-sequence-blue-10": "rgba(0,25,56,1)",
563
- "secondary/--semi-color-secondary-active": "rgba(var(--semi-grey-7),1)",
564
- "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-1), 1)",
565
- "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-2),1)",
566
- "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-grey-2), 1)",
567
- "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-0), 1)",
568
- "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-1), 1)",
569
- "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-2), 1)",
601
+ "primary/--semi-color-primary-disabled": "rgba(241,32,74,0.4)",
602
+ "success/--semi-color-success-disabled": "rgba(var(--semi-green-1), 1)",
603
+ "success/--semi-color-success-light-bg": "rgba(var(--semi-green-0), 1)",
604
+ "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-indigo-7), 1)",
605
+ "warning/--semi-color-warning-light-bg": "rgba(var(--semi-amber-0), 1)",
606
+ "danger/--semi-color-danger-light-hover": "rgba(var(--semi-orange-6), 1)",
607
+ "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6),1)",
608
+ "urgent/--semi-color-urgent-light-hover": "rgba(var(--semi-red-3), 1)",
609
+ "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
610
+ "success/--semi-color-success-light-line": "rgba(var(--semi-green-1),1)",
611
+ "warning/--semi-color-warning-light-line": "rgba(var(--semi-amber-1),1)",
612
+ "info-light/--semi-color-info-light-hover": "rgba(var(--semi-cyan-3),1)",
613
+ "primary/--semi-color-primary-light-hover": "rgba(var(--semi-blue-6),1)",
614
+ "success/--semi-color-success-light-hover": "rgba(var(--semi-green-6), 1)",
615
+ "warning/--semi-color-warning-light-hover": "rgba(var(--semi-blue-6),1)",
616
+ "info-light/--semi-color-info-light-active": "rgba(var(--semi-cyan-2), 1)",
617
+ "primary/--semi-color-primary-light-active": "rgba(0,0,0, 1)",
618
+ "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
619
+ "info-light/--semi-color-info-light-default": "rgba(var(--semi-cyan-0), 1)",
620
+ "primary/--semi-color-primary-light-default": "rgba(0,0,0, 1)",
621
+ "primary/--semi-color-primary-light-disable": "rgba(0,0,0,0.02)",
622
+ "TikTok-Brand/--semi-color-TikTok-Brand-Dawn": "rgba(237,187,232,1)",
623
+ "TikTok-Brand/--semi-color-TikTok-Brand-Glow": "rgba(251,235,53,1)",
624
+ "TikTok-Brand/--semi-color-TikTok-Brand-Muse": "rgba(237,212,178,1)",
625
+ "TikTok-Brand/--semi-color-TikTok-Brand-Black": "rgba(0,0,0,1)",
626
+ "TikTok-Brand/--semi-color-TikTok-Brand-Blaze": "rgba(241,32,74,1)",
627
+ "TikTok-Brand/--semi-color-TikTok-Brand-Ember": "rgba(74,5,5,1)",
628
+ "TikTok-Brand/--semi-color-TikTok-Brand-Glint": "rgba(45,204,211,1)",
629
+ "TikTok-Brand/--semi-color-TikTok-Brand-White": "rgba(255,255,255,1)",
630
+ "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-orange-2),1)",
631
+ "TikTok-Brand/--semi-color-TikTok-Brand-Thrive": "rgba(3,54,36,1)",
632
+ "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-orange-1),1)",
633
+ "TikTok-Brand/--semi-color-TikTok-Brand-Shimmer": "rgba(186,246,240,1)",
570
634
  "UIShapeSecondary/--semi-color-UIShapeSecondary": "rgba(var(--semi-light-blue-5),1)",
571
- "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-0), 1)",
572
- "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-1), 1)",
573
- "success-light/--semi-color-success-light-hover": "rgba(var(--semi-light-green-1), 1)",
574
- "warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-1), 1)",
575
- "primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-2), 1)",
576
- "success-light/--semi-color-success-light-active": "rgba(var(--semi-light-green-2), 1)",
577
- "warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-2), 1)",
578
- "primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-0), 1)",
579
- "success-light/--semi-color-success-light-default": "rgba(var(--semi-light-green-0), 1)",
635
+ "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-orange-0), 1)",
636
+ "primary-light/--semi-color-primary-light-hover": "rgba(0,0,0,0.08)",
637
+ "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-2),1)",
638
+ "warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-amber-2),1)",
639
+ "primary-light/--semi-color-primary-light-active": "rgba(0,0,0,0.08)",
640
+ "success-light/--semi-color-success-light-active": "rgba(var(--semi-green-1),1)",
641
+ "warning-light/--semi-color-warning-light-active": "rgba(var(--semi-amber-1),1)",
642
+ "primary-light/--semi-color-primary-light-default": "rgba(0,0,0,0.05)",
643
+ "success-light/--semi-color-success-light-default": "rgba(var(--semi-green-0), 1)",
580
644
  "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-1), 1)",
581
- "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-0), 1)",
645
+ "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-amber-0), 1)",
582
646
  "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-2),1)",
583
- "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-grey-1), 1)",
647
+ "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-blue-1),1)",
584
648
  "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-0),1)",
585
- "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-grey-2), 1)",
649
+ "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-blue-2),1)",
586
650
  "UIShapeSecondary/--semi-color-UIShapeSecondary-hover": "rgba(var(--semi-light-blue-6),1)",
587
- "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-grey-0), 1)",
651
+ "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-0), 1)",
588
652
  "UIShapeSecondary/--semi-color-UIShapeSecondary-active": "rgba(var(--semi-light-blue-7),1)",
589
- "UIShapeSecondary/--semi-color-UIShapeSecondary-disabled": "rgba(var(--semi-light-blue-2), 1)"
653
+ "UIShapeSecondary/--semi-color-UIShapeSecondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
654
+ "Data-Sequential-Color/--semi-color-Data-Sequential-Color-0": "rgba(224,240,255,1)",
655
+ "Data-Sequential-Color/--semi-color-Data-Sequential-Color-1": "rgba(200,229,255,1)",
656
+ "Data-Sequential-Color/--semi-color-Data-Sequential-Color-2": "rgba(168,214,255,1)",
657
+ "Data-Sequential-Color/--semi-color-Data-Sequential-Color-3": "rgba(128,195,255,1)",
658
+ "Data-Sequential-Color/--semi-color-Data-Sequential-Color-4": "rgba(81,172,255,1)",
659
+ "Data-Sequential-Color/--semi-color-Data-Sequential-Color-5": "rgba(18,145,252,1)",
660
+ "Data-Sequential-Color/--semi-color-Data-Sequential-Color-6": "rgba(0,117,219,1)",
661
+ "Data-Sequential-Color/--semi-color-Data-Sequential-Color-7": "rgba(0,92,175,1)",
662
+ "Data-Sequential-Color/--semi-color-Data-Sequential-Color-8": "rgba(3,69,134,1)",
663
+ "Data-Sequential-Color/--semi-color-Data-Sequential-Color-9": "rgba(1,46,93,1)"
590
664
  }
591
665
  },
592
666
  "extra": {
@@ -893,9 +967,12 @@
893
967
  "custom": "",
894
968
  "shadow": {
895
969
  "shadow-0": "none",
896
- "shadow-1": "0px 2px 4px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30)",
897
- "shadow-2": "0px 4px 14px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30)",
898
- "shadow-knob": "0px 2px 4px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30)",
970
+ "shadow-1": "0px 0px 0px 0px rgba(0,0,0,0.08),0px 0px 0px 0px rgba(0,0,0,0)",
971
+ "shadow-2": "0px 2px 4px 0px rgba(0,0,0,0.14),0px 0px 1px 0px rgba(0,0,0,0.16)",
972
+ "shadow-L": "0px 24px 48px -12px rgba(17,24,39,0.18),0px 4px 4px -2px rgba(17,24,39,0.04)",
973
+ "shadow-M": "0px 4px 6px -2px rgba(17,24,39,0.03),0px 12px 16px -4px rgba(17,24,39,0.08),0px 2px 2px -1px rgba(17,24,39,0.04)",
974
+ "shadow-S": "0px 4px 6px -1px rgba(17,24,39,0.1)",
975
+ "shadow-knob": "0px 4px 6px 0px rgba(0,0,0,0.10),0px 0px 1px 0px rgba(0,0,0,0.30)",
899
976
  "shadow-elevated": "0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10)"
900
977
  },
901
978
  "spacing": {
@@ -1344,33 +1421,33 @@
1344
1421
  "typography": {
1345
1422
  "Header": {
1346
1423
  "header-1": {
1347
- "fontSize": "72px",
1424
+ "fontSize": "40px",
1348
1425
  "fontFamily": "TikTokFont, 'Segoe UI', 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
1349
- "lineHeight": "80px",
1426
+ "lineHeight": "48px",
1350
1427
  "letterSpacing": "0em"
1351
1428
  },
1352
1429
  "header-2": {
1353
- "fontSize": "48px",
1430
+ "fontSize": "28px",
1354
1431
  "fontFamily": " TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
1355
- "lineHeight": "56px",
1432
+ "lineHeight": "40px",
1356
1433
  "letterSpacing": "0em"
1357
1434
  },
1358
1435
  "header-3": {
1359
1436
  "fontSize": "28px",
1360
1437
  "fontFamily": " TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
1361
- "lineHeight": "35px",
1438
+ "lineHeight": "36px",
1362
1439
  "letterSpacing": "0em"
1363
1440
  },
1364
1441
  "header-4": {
1365
- "fontSize": "24px",
1442
+ "fontSize": "20px",
1366
1443
  "fontFamily": " TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
1367
1444
  "lineHeight": "30px",
1368
1445
  "letterSpacing": "0em"
1369
1446
  },
1370
1447
  "header-5": {
1371
- "fontSize": "20px",
1448
+ "fontSize": "18px",
1372
1449
  "fontFamily": " TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
1373
- "lineHeight": "25px",
1450
+ "lineHeight": "22px",
1374
1451
  "letterSpacing": "0em"
1375
1452
  },
1376
1453
  "header-6": {
@@ -1418,14 +1495,14 @@
1418
1495
  },
1419
1496
  "border-radius": {
1420
1497
  "--semi-border-radius-full": "9999px",
1421
- "--semi-border-radius-large": "16px",
1422
- "--semi-border-radius-small": "6px",
1423
- "--semi-border-radius-circle": "50%",
1424
- "--semi-border-radius-medium": "8px",
1498
+ "--semi-border-radius-large": "24px",
1499
+ "--semi-border-radius-small": "12px",
1500
+ "--semi-border-radius-circle": "8px",
1501
+ "--semi-border-radius-medium": "6px",
1425
1502
  "--semi-border-radius-extra-small": "4px"
1426
1503
  },
1427
1504
  "typography-base": {
1428
- "scale": 1.25,
1505
+ "scale": "default",
1429
1506
  "default": true,
1430
1507
  "wordSpace": 0,
1431
1508
  "fontFamily": " TikTokFont, 'Segoe UI', 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
package/scss/_font.scss CHANGED
@@ -1,15 +1,15 @@
1
1
  @mixin font-size-header-1 {
2
- font-size: 72px;
2
+ font-size: 40px;
3
3
  font-family: TikTokFont, 'Segoe UI', 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
4
- line-height: 80px;
4
+ line-height: 48px;
5
5
  letter-spacing: 0em;
6
6
 
7
7
 
8
8
  }
9
9
  @mixin font-size-header-2 {
10
- font-size: 48px;
10
+ font-size: 28px;
11
11
  font-family: TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
12
- line-height: 56px;
12
+ line-height: 40px;
13
13
  letter-spacing: 0em;
14
14
 
15
15
 
@@ -17,13 +17,13 @@ letter-spacing: 0em;
17
17
  @mixin font-size-header-3 {
18
18
  font-size: 28px;
19
19
  font-family: TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
20
- line-height: 35px;
20
+ line-height: 36px;
21
21
  letter-spacing: 0em;
22
22
 
23
23
 
24
24
  }
25
25
  @mixin font-size-header-4 {
26
- font-size: 24px;
26
+ font-size: 20px;
27
27
  font-family: TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
28
28
  line-height: 30px;
29
29
  letter-spacing: 0em;
@@ -31,9 +31,9 @@ letter-spacing: 0em;
31
31
 
32
32
  }
33
33
  @mixin font-size-header-5 {
34
- font-size: 20px;
34
+ font-size: 18px;
35
35
  font-family: TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
36
- line-height: 25px;
36
+ line-height: 22px;
37
37
  letter-spacing: 0em;
38
38
 
39
39