@semi-bot/semi-theme-xushang 1.0.0 → 1.0.1

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 (7) hide show
  1. package/package.json +1 -1
  2. package/raw.json +58 -58
  3. package/scss/_palette.scss +20 -30
  4. package/scss/global.scss +28 -24
  5. package/scss/local.scss +4 -1
  6. package/semi.css +50 -56
  7. package/semi.min.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-xushang",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -23,16 +23,16 @@
23
23
  "--semi-blue-7": "153,205,242",
24
24
  "--semi-blue-8": "203,230,249",
25
25
  "--semi-blue-9": "234,245,252",
26
- "--semi-cyan-0": "3,51,68",
27
- "--semi-cyan-1": "5,78,102",
28
- "--semi-cyan-2": "8,107,136",
29
- "--semi-cyan-3": "12,136,170",
30
- "--semi-cyan-4": "0,162,201",
31
- "--semi-cyan-5": "56,186,214",
32
- "--semi-cyan-6": "100,204,224",
33
- "--semi-cyan-7": "148,222,235",
34
- "--semi-cyan-8": "200,239,245",
35
- "--semi-cyan-9": "232,248,250",
26
+ "--semi-cyan-0": "3,59,70",
27
+ "--semi-cyan-1": "5,90,105",
28
+ "--semi-cyan-2": "9,122,141",
29
+ "--semi-cyan-3": "12,155,176",
30
+ "--semi-cyan-4": "0,186,208",
31
+ "--semi-cyan-5": "58,205,220",
32
+ "--semi-cyan-6": "102,219,229",
33
+ "--semi-cyan-7": "150,232,237",
34
+ "--semi-cyan-8": "201,244,246",
35
+ "--semi-cyan-9": "233,250,251",
36
36
  "--semi-grey-0": "1,1,1",
37
37
  "--semi-grey-1": "2,2,2",
38
38
  "--semi-grey-2": "2,2,2",
@@ -197,16 +197,16 @@
197
197
  "--semi-blue-7": "0,74,149",
198
198
  "--semi-blue-8": "0,54,113",
199
199
  "--semi-blue-9": "0,36,77",
200
- "--semi-cyan-0": "230,247,250",
201
- "--semi-cyan-1": "195,238,244",
202
- "--semi-cyan-2": "140,220,233",
203
- "--semi-cyan-3": "89,201,223",
204
- "--semi-cyan-4": "42,182,212",
205
- "--semi-cyan-5": "0,162,201",
206
- "--semi-cyan-6": "0,132,168",
207
- "--semi-cyan-7": "0,104,134",
208
- "--semi-cyan-8": "0,76,101",
209
- "--semi-cyan-9": "0,50,67",
200
+ "--semi-cyan-0": "230,250,250",
201
+ "--semi-cyan-1": "196,244,246",
202
+ "--semi-cyan-2": "142,231,236",
203
+ "--semi-cyan-3": "91,217,227",
204
+ "--semi-cyan-4": "43,202,217",
205
+ "--semi-cyan-5": "0,186,208",
206
+ "--semi-cyan-6": "23,106,131",
207
+ "--semi-cyan-7": "10,65,81",
208
+ "--semi-cyan-8": "0,88,104",
209
+ "--semi-cyan-9": "0,57,69",
210
210
  "--semi-grey-0": "243,243,243",
211
211
  "--semi-grey-1": "216,216,216",
212
212
  "--semi-grey-2": "162,162,162",
@@ -327,16 +327,6 @@
327
327
  "--semi-yellow-7": "170,144,1",
328
328
  "--semi-yellow-8": "128,110,0",
329
329
  "--semi-yellow-9": "85,75,0",
330
- "--semi-Secondary-0": "243,243,243",
331
- "--semi-Secondary-1": "216,216,216",
332
- "--semi-Secondary-2": "162,162,162",
333
- "--semi-Secondary-3": "108,108,108",
334
- "--semi-Secondary-4": "54,54,54",
335
- "--semi-Secondary-5": "0,0,0",
336
- "--semi-Secondary-6": "0,0,0",
337
- "--semi-Secondary-7": "0,0,0",
338
- "--semi-Secondary-8": "0,0,0",
339
- "--semi-Secondary-9": "0,0,0",
340
330
  "--semi-light-blue-0": "235,248,254",
341
331
  "--semi-light-blue-1": "204,237,254",
342
332
  "--semi-light-blue-2": "154,217,253",
@@ -470,7 +460,7 @@
470
460
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
471
461
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
472
462
  "nav/--semi-color-nav-bg": "rgba(var(--semi-white), 1)",
473
- "black/--semi-color-black": "rgba(var(--semi-black), 1)",
463
+ "black/--semi-color-black": "rgba(var(--semi-black),1)",
474
464
  "data/--semi-color-data-0": "rgba(87, 105, 255, 1)",
475
465
  "data/--semi-color-data-1": "rgba(142, 212, 231, 1)",
476
466
  "data/--semi-color-data-2": "rgba(245, 135, 0, 1)",
@@ -484,7 +474,7 @@
484
474
  "fill/--semi-color-fill-0": "rgba(var(--semi-grey-8),0.05)",
485
475
  "fill/--semi-color-fill-1": "rgba(var(--semi-grey-8),0.09)",
486
476
  "fill/--semi-color-fill-2": "rgba(var(--semi-grey-8),0.13)",
487
- "text/--semi-color-text-0": "rgba(var(--semi-grey-9),1)",
477
+ "text/--semi-color-text-0": "rgba(var(--semi-grey-9), 1)",
488
478
  "text/--semi-color-text-1": "rgba(var(--semi-grey-9),0.65)",
489
479
  "text/--semi-color-text-2": "rgba(var(--semi-grey-9),0.48)",
490
480
  "text/--semi-color-text-3": "rgba(var(--semi-grey-9),0.34)",
@@ -502,47 +492,51 @@
502
492
  "border/--semi-color-border": "rgba(var(--semi-grey-9),0.05)",
503
493
  "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
504
494
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
505
- "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
495
+ "default/--semi-color-default": "rgba(var(--semi-grey-9),0.05)",
506
496
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
507
497
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
508
498
  "primary/--semi-color-primary": "rgba(var(--semi-brand-5),1)",
509
- "success/--semi-color-success": "rgba(var(--semi-green-5), 1)",
510
- "warning/--semi-color-warning": "rgba(var(--semi-orange-5),1)",
499
+ "success/--semi-color-success": "rgba(var(--semi-light-green-5), 1)",
500
+ "text/--semi-color-text-white": "rgba(var(--semi-grey-6),1)",
501
+ "warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
511
502
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
512
503
  "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
513
504
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
514
- "tertiary/--semi-color-tertiary": "rgba(var(--semi-Secondary-9),0.05)",
515
- "text/--semi-color-text-disable": "rgba(255,255,255,1)",
516
- "focus/--semi-color-focus-border": "rgba(var(--semi-Secondary-9),1)",
517
- "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
505
+ "tertiary/--semi-color-tertiary": "rgba(var(--semi-cyan-5),1)",
506
+ "text/--semi-color-text-white-1": "rgba(255,255,255,1)",
507
+ "focus/--semi-color-focus-border": "rgba(var(--semi-grey-9), 1)",
508
+ "info/--semi-color-info-disabled": "rgba(var(--semi-blue-5),0.4)",
518
509
  "overlay/--semi-color-overlay-bg": "rgba(var(--semi-grey-9),0.6)",
519
510
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
520
- "highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
521
- "secondary/--semi-color-secondary": "rgba(var(--semi-Secondary-5),1)",
511
+ "highlight/--semi-color-highlight": "rgba(var(--semi-black),1)",
512
+ "secondary/--semi-color-secondary": "rgba(var(--semi-grey-5), 1)",
522
513
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
514
+ "danger/--semi-color-danger-diable": "rgba(var(--semi-red-6),0.4)",
523
515
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
524
516
  "primary/--semi-color-primary-text": "rgba(var(--semi-brand-6), 1)",
525
- "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
517
+ "default/--semi-color-default-hover": "rgba(var(--semi-grey-5),1)",
526
518
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
527
- "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
519
+ "success/--semi-color-success-hover": "rgba(var(--semi-light-green-6), 1)",
528
520
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
529
- "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
530
- "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
531
- "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
521
+ "default/--semi-color-default-active": "rgba(var(--semi-grey-2),1)",
522
+ "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8),0.04)",
523
+ "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9),0.35)",
532
524
  "highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-4), 1)",
533
525
  "primary/--semi-color-primary-active": "rgba(var(--semi-brand-7), 1)",
534
- "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
526
+ "success/--semi-color-success-active": "rgba(var(--semi-light-green-7), 1)",
535
527
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
536
- "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-Secondary-9),0.12)",
528
+ "warning/--semi-color-warning-diable": "rgba(var(--semi-orange-5), 0.4)",
529
+ "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-cyan-6),1)",
537
530
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
538
531
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-5),0.4)",
539
- "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
540
- "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-Secondary-9),0.17)",
541
- "secondary/--semi-color-secondary-hover": "rgba(var(--semi-Secondary-4),0.95)",
542
- "secondary/--semi-color-secondary-active": "rgba(var(--semi-Secondary-4),0.88)",
532
+ "success/--semi-color-success-disabled": "rgba(var(--semi-light-green-5),0.4)",
533
+ "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-cyan-7),1)",
534
+ "secondary/--semi-color-secondary-hover": "rgba(var(--semi-grey-4),0.95)",
535
+ "tertiary/--semi-color-tertiary-disable": "rgba(var(--semi-cyan-5),0.4)",
536
+ "secondary/--semi-color-secondary-active": "rgba(var(--semi-grey-4),0.88)",
543
537
  "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-1), 1)",
544
538
  "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-2), 1)",
545
- "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-Secondary-2),1)",
539
+ "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-grey-5),0.4)",
546
540
  "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-0), 1)",
547
541
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-1), 1)",
548
542
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-2), 1)",
@@ -557,7 +551,7 @@
557
551
  "success-light/--semi-color-success-light-default": "rgba(var(--semi-green-0), 1)",
558
552
  "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-1), 1)",
559
553
  "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-0), 1)",
560
- "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-2), 1)",
554
+ "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-2),1)",
561
555
  "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-blue-1), 1)",
562
556
  "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-0), 1)",
563
557
  "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-blue-2), 1)",
@@ -691,10 +685,12 @@
691
685
  "components": {
692
686
  "button": {
693
687
  "color": {
688
+ "$color-button_light-bg-default": "var(--semi-color-fill-0)",
694
689
  "$color-button_disabled-text-hover": "var(--semi-color-text-disable)",
695
- "$color-button_tertiary-text-default": "var(--semi-color-text-1)",
690
+ "$color-button_tertiary-text-default": "var(--semi-color-white)",
696
691
  "$color-button_disabled_primary-bg-default": "var(--semi-color-primary-disabled)",
697
- "$color-button_disabled_solid-text-default": "var(--semi-color-text-disable)"
692
+ "$color-button_disabled_solid-text-default": "var(--semi-color-text-disable)",
693
+ "$color-button_tertiary_solid-text-default": "var(--semi-color-tertiary)"
698
694
  },
699
695
  "height": {
700
696
  "$height-button_small": "32px",
@@ -716,6 +712,11 @@
716
712
  "$height-cascader_small": "32px",
717
713
  "$height-cascader_default": "36px"
718
714
  }
715
+ },
716
+ "checkbox": {
717
+ "height": {
718
+ "$height-checkbox_inner": "20px"
719
+ }
719
720
  }
720
721
  },
721
722
  "typography": {
@@ -767,7 +768,7 @@
767
768
  "presetColor": {
768
769
  "red": "#ff4c3a",
769
770
  "blue": "#0075DC",
770
- "cyan": "#00a2c9",
771
+ "cyan": "#00bad0",
771
772
  "grey": "#000000",
772
773
  "lime": "#94da06",
773
774
  "pink": "#f42551",
@@ -780,7 +781,6 @@
780
781
  "purple": "#af2cb8",
781
782
  "violet": "#7d40d0",
782
783
  "yellow": "#ffd107",
783
- "Secondary": "#000000",
784
784
  "light-blue": "#0694f9",
785
785
  "light-green": "#0be09b",
786
786
  "Secondary Muted": "#66ccff"
package/scss/_palette.scss CHANGED
@@ -21,16 +21,16 @@ body, body[theme-mode="dark"] .semi-always-light {
21
21
  --semi-blue-7: 0,74,149;
22
22
  --semi-blue-8: 0,54,113;
23
23
  --semi-blue-9: 0,36,77;
24
- --semi-cyan-0: 230,247,250;
25
- --semi-cyan-1: 195,238,244;
26
- --semi-cyan-2: 140,220,233;
27
- --semi-cyan-3: 89,201,223;
28
- --semi-cyan-4: 42,182,212;
29
- --semi-cyan-5: 0,162,201;
30
- --semi-cyan-6: 0,132,168;
31
- --semi-cyan-7: 0,104,134;
32
- --semi-cyan-8: 0,76,101;
33
- --semi-cyan-9: 0,50,67;
24
+ --semi-cyan-0: 230,250,250;
25
+ --semi-cyan-1: 196,244,246;
26
+ --semi-cyan-2: 142,231,236;
27
+ --semi-cyan-3: 91,217,227;
28
+ --semi-cyan-4: 43,202,217;
29
+ --semi-cyan-5: 0,186,208;
30
+ --semi-cyan-6: 23,106,131;
31
+ --semi-cyan-7: 10,65,81;
32
+ --semi-cyan-8: 0,88,104;
33
+ --semi-cyan-9: 0,57,69;
34
34
  --semi-grey-0: 243,243,243;
35
35
  --semi-grey-1: 216,216,216;
36
36
  --semi-grey-2: 162,162,162;
@@ -151,16 +151,6 @@ body, body[theme-mode="dark"] .semi-always-light {
151
151
  --semi-yellow-7: 170,144,1;
152
152
  --semi-yellow-8: 128,110,0;
153
153
  --semi-yellow-9: 85,75,0;
154
- --semi-Secondary-0: 243,243,243;
155
- --semi-Secondary-1: 216,216,216;
156
- --semi-Secondary-2: 162,162,162;
157
- --semi-Secondary-3: 108,108,108;
158
- --semi-Secondary-4: 54,54,54;
159
- --semi-Secondary-5: 0,0,0;
160
- --semi-Secondary-6: 0,0,0;
161
- --semi-Secondary-7: 0,0,0;
162
- --semi-Secondary-8: 0,0,0;
163
- --semi-Secondary-9: 0,0,0;
164
154
  --semi-light-blue-0: 235,248,254;
165
155
  --semi-light-blue-1: 204,237,254;
166
156
  --semi-light-blue-2: 154,217,253;
@@ -207,16 +197,16 @@ body[theme-mode="dark"], body .semi-always-dark {
207
197
  --semi-blue-7: 153,205,242;
208
198
  --semi-blue-8: 203,230,249;
209
199
  --semi-blue-9: 234,245,252;
210
- --semi-cyan-0: 3,51,68;
211
- --semi-cyan-1: 5,78,102;
212
- --semi-cyan-2: 8,107,136;
213
- --semi-cyan-3: 12,136,170;
214
- --semi-cyan-4: 0,162,201;
215
- --semi-cyan-5: 56,186,214;
216
- --semi-cyan-6: 100,204,224;
217
- --semi-cyan-7: 148,222,235;
218
- --semi-cyan-8: 200,239,245;
219
- --semi-cyan-9: 232,248,250;
200
+ --semi-cyan-0: 3,59,70;
201
+ --semi-cyan-1: 5,90,105;
202
+ --semi-cyan-2: 9,122,141;
203
+ --semi-cyan-3: 12,155,176;
204
+ --semi-cyan-4: 0,186,208;
205
+ --semi-cyan-5: 58,205,220;
206
+ --semi-cyan-6: 102,219,229;
207
+ --semi-cyan-7: 150,232,237;
208
+ --semi-cyan-8: 201,244,246;
209
+ --semi-cyan-9: 233,250,251;
220
210
  --semi-grey-0: 1,1,1;
221
211
  --semi-grey-1: 2,2,2;
222
212
  --semi-grey-2: 2,2,2;
package/scss/global.scss CHANGED
@@ -9,7 +9,7 @@ body, body[theme-mode="dark"] .semi-always-light {
9
9
  --semi-color-info: rgba(var(--semi-blue-5), 1);
10
10
  --semi-color-link: rgba(var(--semi-blue-5), 1);
11
11
  --semi-color-nav-bg: rgba(var(--semi-white), 1);
12
- --semi-color-black: rgba(var(--semi-black), 1);
12
+ --semi-color-black: rgba(var(--semi-black),1);
13
13
  --semi-color-data-0: rgba(87, 105, 255, 1);
14
14
  --semi-color-data-1: rgba(142, 212, 231, 1);
15
15
  --semi-color-data-2: rgba(245, 135, 0, 1);
@@ -23,7 +23,7 @@ body, body[theme-mode="dark"] .semi-always-light {
23
23
  --semi-color-fill-0: rgba(var(--semi-grey-8),0.05);
24
24
  --semi-color-fill-1: rgba(var(--semi-grey-8),0.09);
25
25
  --semi-color-fill-2: rgba(var(--semi-grey-8),0.13);
26
- --semi-color-text-0: rgba(var(--semi-grey-9),1);
26
+ --semi-color-text-0: rgba(var(--semi-grey-9), 1);
27
27
  --semi-color-text-1: rgba(var(--semi-grey-9),0.65);
28
28
  --semi-color-text-2: rgba(var(--semi-grey-9),0.48);
29
29
  --semi-color-text-3: rgba(var(--semi-grey-9),0.34);
@@ -41,47 +41,51 @@ body, body[theme-mode="dark"] .semi-always-light {
41
41
  --semi-color-border: rgba(var(--semi-grey-9),0.05);
42
42
  --semi-color-danger: rgba(var(--semi-red-5), 1);
43
43
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
44
- --semi-color-default: rgba(var(--semi-grey-0), 1);
44
+ --semi-color-default: rgba(var(--semi-grey-9),0.05);
45
45
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
46
46
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
47
47
  --semi-color-primary: rgba(var(--semi-brand-5),1);
48
- --semi-color-success: rgba(var(--semi-green-5), 1);
49
- --semi-color-warning: rgba(var(--semi-orange-5),1);
48
+ --semi-color-success: rgba(var(--semi-light-green-5), 1);
49
+ --semi-color-text-white: rgba(var(--semi-grey-6),1);
50
+ --semi-color-warning: rgba(var(--semi-orange-5), 1);
50
51
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
51
52
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
52
53
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
53
- --semi-color-tertiary: rgba(var(--semi-Secondary-9),0.05);
54
- --semi-color-text-disable: rgba(255,255,255,1);
55
- --semi-color-focus-border: rgba(var(--semi-Secondary-9),1);
56
- --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
54
+ --semi-color-tertiary: rgba(var(--semi-cyan-5),1);
55
+ --semi-color-text-white-1: rgba(255,255,255,1);
56
+ --semi-color-focus-border: rgba(var(--semi-grey-9), 1);
57
+ --semi-color-info-disabled: rgba(var(--semi-blue-5),0.4);
57
58
  --semi-color-overlay-bg: rgba(var(--semi-grey-9),0.6);
58
59
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
59
- --semi-color-highlight: rgba(var(--semi-black), 1);
60
- --semi-color-secondary: rgba(var(--semi-Secondary-5),1);
60
+ --semi-color-highlight: rgba(var(--semi-black),1);
61
+ --semi-color-secondary: rgba(var(--semi-grey-5), 1);
61
62
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
63
+ --semi-color-danger-diable: rgba(var(--semi-red-6),0.4);
62
64
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
63
65
  --semi-color-primary-text: rgba(var(--semi-brand-6), 1);
64
- --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
66
+ --semi-color-default-hover: rgba(var(--semi-grey-5),1);
65
67
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
66
- --semi-color-success-hover: rgba(var(--semi-green-6), 1);
68
+ --semi-color-success-hover: rgba(var(--semi-light-green-6), 1);
67
69
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
68
- --semi-color-default-active: rgba(var(--semi-grey-2), 1);
69
- --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
70
- --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
70
+ --semi-color-default-active: rgba(var(--semi-grey-2),1);
71
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
72
+ --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
71
73
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
72
74
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
73
- --semi-color-success-active: rgba(var(--semi-green-7), 1);
75
+ --semi-color-success-active: rgba(var(--semi-light-green-7), 1);
74
76
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
75
- --semi-color-tertiary-hover: rgba(var(--semi-Secondary-9),0.12);
77
+ --semi-color-warning-diable: rgba(var(--semi-orange-5), 0.4);
78
+ --semi-color-tertiary-hover: rgba(var(--semi-cyan-6),1);
76
79
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
77
80
  --semi-color-primary-disabled: rgba(var(--semi-brand-5),0.4);
78
- --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
79
- --semi-color-tertiary-active: rgba(var(--semi-Secondary-9),0.17);
80
- --semi-color-secondary-hover: rgba(var(--semi-Secondary-4),0.95);
81
- --semi-color-secondary-active: rgba(var(--semi-Secondary-4),0.88);
81
+ --semi-color-success-disabled: rgba(var(--semi-light-green-5),0.4);
82
+ --semi-color-tertiary-active: rgba(var(--semi-cyan-7),1);
83
+ --semi-color-secondary-hover: rgba(var(--semi-grey-4),0.95);
84
+ --semi-color-tertiary-disable: rgba(var(--semi-cyan-5),0.4);
85
+ --semi-color-secondary-active: rgba(var(--semi-grey-4),0.88);
82
86
  --semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
83
87
  --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
84
- --semi-color-secondary-disabled: rgba(var(--semi-Secondary-2),1);
88
+ --semi-color-secondary-disabled: rgba(var(--semi-grey-5),0.4);
85
89
  --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
86
90
  --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
87
91
  --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
@@ -96,7 +100,7 @@ body, body[theme-mode="dark"] .semi-always-light {
96
100
  --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
97
101
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
98
102
  --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
99
- --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
103
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-2),1);
100
104
  --semi-color-secondary-light-hover: rgba(var(--semi-blue-1), 1);
101
105
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
102
106
  --semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
package/scss/local.scss CHANGED
@@ -1,7 +1,9 @@
1
+ $color-button_light-bg-default: var(--semi-color-fill-0);
1
2
  $color-button_disabled-text-hover: var(--semi-color-text-disable);
2
- $color-button_tertiary-text-default: var(--semi-color-text-1);
3
+ $color-button_tertiary-text-default: var(--semi-color-white);
3
4
  $color-button_disabled_primary-bg-default: var(--semi-color-primary-disabled);
4
5
  $color-button_disabled_solid-text-default: var(--semi-color-text-disable);
6
+ $color-button_tertiary_solid-text-default: var(--semi-color-tertiary);
5
7
  $height-button_small: 32px;
6
8
  $height-button_default: 36px;
7
9
  $height-button_iconOnly_default: 36px;
@@ -12,3 +14,4 @@ $color-cascader_option-icon-default: var(--semi-color-text-3);
12
14
  $color-cascader_placeholder-text-default: var(--semi-color-text-3);
13
15
  $height-cascader_small: 32px;
14
16
  $height-cascader_default: 36px;
17
+ $height-checkbox_inner: 20px;
package/semi.css CHANGED
@@ -23,16 +23,16 @@ body, body[theme-mode=dark] .semi-always-light {
23
23
  --semi-blue-7: 0,74,149;
24
24
  --semi-blue-8: 0,54,113;
25
25
  --semi-blue-9: 0,36,77;
26
- --semi-cyan-0: 230,247,250;
27
- --semi-cyan-1: 195,238,244;
28
- --semi-cyan-2: 140,220,233;
29
- --semi-cyan-3: 89,201,223;
30
- --semi-cyan-4: 42,182,212;
31
- --semi-cyan-5: 0,162,201;
32
- --semi-cyan-6: 0,132,168;
33
- --semi-cyan-7: 0,104,134;
34
- --semi-cyan-8: 0,76,101;
35
- --semi-cyan-9: 0,50,67;
26
+ --semi-cyan-0: 230,250,250;
27
+ --semi-cyan-1: 196,244,246;
28
+ --semi-cyan-2: 142,231,236;
29
+ --semi-cyan-3: 91,217,227;
30
+ --semi-cyan-4: 43,202,217;
31
+ --semi-cyan-5: 0,186,208;
32
+ --semi-cyan-6: 23,106,131;
33
+ --semi-cyan-7: 10,65,81;
34
+ --semi-cyan-8: 0,88,104;
35
+ --semi-cyan-9: 0,57,69;
36
36
  --semi-grey-0: 243,243,243;
37
37
  --semi-grey-1: 216,216,216;
38
38
  --semi-grey-2: 162,162,162;
@@ -153,16 +153,6 @@ body, body[theme-mode=dark] .semi-always-light {
153
153
  --semi-yellow-7: 170,144,1;
154
154
  --semi-yellow-8: 128,110,0;
155
155
  --semi-yellow-9: 85,75,0;
156
- --semi-Secondary-0: 243,243,243;
157
- --semi-Secondary-1: 216,216,216;
158
- --semi-Secondary-2: 162,162,162;
159
- --semi-Secondary-3: 108,108,108;
160
- --semi-Secondary-4: 54,54,54;
161
- --semi-Secondary-5: 0,0,0;
162
- --semi-Secondary-6: 0,0,0;
163
- --semi-Secondary-7: 0,0,0;
164
- --semi-Secondary-8: 0,0,0;
165
- --semi-Secondary-9: 0,0,0;
166
156
  --semi-light-blue-0: 235,248,254;
167
157
  --semi-light-blue-1: 204,237,254;
168
158
  --semi-light-blue-2: 154,217,253;
@@ -208,16 +198,16 @@ body[theme-mode=dark], body .semi-always-dark {
208
198
  --semi-blue-7: 153,205,242;
209
199
  --semi-blue-8: 203,230,249;
210
200
  --semi-blue-9: 234,245,252;
211
- --semi-cyan-0: 3,51,68;
212
- --semi-cyan-1: 5,78,102;
213
- --semi-cyan-2: 8,107,136;
214
- --semi-cyan-3: 12,136,170;
215
- --semi-cyan-4: 0,162,201;
216
- --semi-cyan-5: 56,186,214;
217
- --semi-cyan-6: 100,204,224;
218
- --semi-cyan-7: 148,222,235;
219
- --semi-cyan-8: 200,239,245;
220
- --semi-cyan-9: 232,248,250;
201
+ --semi-cyan-0: 3,59,70;
202
+ --semi-cyan-1: 5,90,105;
203
+ --semi-cyan-2: 9,122,141;
204
+ --semi-cyan-3: 12,155,176;
205
+ --semi-cyan-4: 0,186,208;
206
+ --semi-cyan-5: 58,205,220;
207
+ --semi-cyan-6: 102,219,229;
208
+ --semi-cyan-7: 150,232,237;
209
+ --semi-cyan-8: 201,244,246;
210
+ --semi-cyan-9: 233,250,251;
221
211
  --semi-grey-0: 1,1,1;
222
212
  --semi-grey-1: 2,2,2;
223
213
  --semi-grey-2: 2,2,2;
@@ -369,7 +359,7 @@ body, body[theme-mode=dark] .semi-always-light {
369
359
  --semi-color-info: rgba(var(--semi-blue-5), 1);
370
360
  --semi-color-link: rgba(var(--semi-blue-5), 1);
371
361
  --semi-color-nav-bg: rgba(var(--semi-white), 1);
372
- --semi-color-black: rgba(var(--semi-black), 1);
362
+ --semi-color-black: rgba(var(--semi-black),1);
373
363
  --semi-color-data-0: rgba(87, 105, 255, 1);
374
364
  --semi-color-data-1: rgba(142, 212, 231, 1);
375
365
  --semi-color-data-2: rgba(245, 135, 0, 1);
@@ -383,7 +373,7 @@ body, body[theme-mode=dark] .semi-always-light {
383
373
  --semi-color-fill-0: rgba(var(--semi-grey-8),0.05);
384
374
  --semi-color-fill-1: rgba(var(--semi-grey-8),0.09);
385
375
  --semi-color-fill-2: rgba(var(--semi-grey-8),0.13);
386
- --semi-color-text-0: rgba(var(--semi-grey-9),1);
376
+ --semi-color-text-0: rgba(var(--semi-grey-9), 1);
387
377
  --semi-color-text-1: rgba(var(--semi-grey-9),0.65);
388
378
  --semi-color-text-2: rgba(var(--semi-grey-9),0.48);
389
379
  --semi-color-text-3: rgba(var(--semi-grey-9),0.34);
@@ -401,47 +391,51 @@ body, body[theme-mode=dark] .semi-always-light {
401
391
  --semi-color-border: rgba(var(--semi-grey-9),0.05);
402
392
  --semi-color-danger: rgba(var(--semi-red-5), 1);
403
393
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
404
- --semi-color-default: rgba(var(--semi-grey-0), 1);
394
+ --semi-color-default: rgba(var(--semi-grey-9),0.05);
405
395
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
406
396
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
407
397
  --semi-color-primary: rgba(var(--semi-brand-5),1);
408
- --semi-color-success: rgba(var(--semi-green-5), 1);
409
- --semi-color-warning: rgba(var(--semi-orange-5),1);
398
+ --semi-color-success: rgba(var(--semi-light-green-5), 1);
399
+ --semi-color-text-white: rgba(var(--semi-grey-6),1);
400
+ --semi-color-warning: rgba(var(--semi-orange-5), 1);
410
401
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
411
402
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
412
403
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
413
- --semi-color-tertiary: rgba(var(--semi-Secondary-9),0.05);
414
- --semi-color-text-disable: rgba(255,255,255,1);
415
- --semi-color-focus-border: rgba(var(--semi-Secondary-9),1);
416
- --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
404
+ --semi-color-tertiary: rgba(var(--semi-cyan-5),1);
405
+ --semi-color-text-white-1: rgba(255,255,255,1);
406
+ --semi-color-focus-border: rgba(var(--semi-grey-9), 1);
407
+ --semi-color-info-disabled: rgba(var(--semi-blue-5),0.4);
417
408
  --semi-color-overlay-bg: rgba(var(--semi-grey-9),0.6);
418
409
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
419
- --semi-color-highlight: rgba(var(--semi-black), 1);
420
- --semi-color-secondary: rgba(var(--semi-Secondary-5),1);
410
+ --semi-color-highlight: rgba(var(--semi-black),1);
411
+ --semi-color-secondary: rgba(var(--semi-grey-5), 1);
421
412
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
413
+ --semi-color-danger-diable: rgba(var(--semi-red-6),0.4);
422
414
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
423
415
  --semi-color-primary-text: rgba(var(--semi-brand-6), 1);
424
- --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
416
+ --semi-color-default-hover: rgba(var(--semi-grey-5),1);
425
417
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
426
- --semi-color-success-hover: rgba(var(--semi-green-6), 1);
418
+ --semi-color-success-hover: rgba(var(--semi-light-green-6), 1);
427
419
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
428
- --semi-color-default-active: rgba(var(--semi-grey-2), 1);
429
- --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
430
- --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
420
+ --semi-color-default-active: rgba(var(--semi-grey-2),1);
421
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
422
+ --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
431
423
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
432
424
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
433
- --semi-color-success-active: rgba(var(--semi-green-7), 1);
425
+ --semi-color-success-active: rgba(var(--semi-light-green-7), 1);
434
426
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
435
- --semi-color-tertiary-hover: rgba(var(--semi-Secondary-9),0.12);
427
+ --semi-color-warning-diable: rgba(var(--semi-orange-5), 0.4);
428
+ --semi-color-tertiary-hover: rgba(var(--semi-cyan-6),1);
436
429
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
437
430
  --semi-color-primary-disabled: rgba(var(--semi-brand-5),0.4);
438
- --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
439
- --semi-color-tertiary-active: rgba(var(--semi-Secondary-9),0.17);
440
- --semi-color-secondary-hover: rgba(var(--semi-Secondary-4),0.95);
441
- --semi-color-secondary-active: rgba(var(--semi-Secondary-4),0.88);
431
+ --semi-color-success-disabled: rgba(var(--semi-light-green-5),0.4);
432
+ --semi-color-tertiary-active: rgba(var(--semi-cyan-7),1);
433
+ --semi-color-secondary-hover: rgba(var(--semi-grey-4),0.95);
434
+ --semi-color-tertiary-disable: rgba(var(--semi-cyan-5),0.4);
435
+ --semi-color-secondary-active: rgba(var(--semi-grey-4),0.88);
442
436
  --semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
443
437
  --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
444
- --semi-color-secondary-disabled: rgba(var(--semi-Secondary-2),1);
438
+ --semi-color-secondary-disabled: rgba(var(--semi-grey-5),0.4);
445
439
  --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
446
440
  --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
447
441
  --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
@@ -456,7 +450,7 @@ body, body[theme-mode=dark] .semi-always-light {
456
450
  --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
457
451
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
458
452
  --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
459
- --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
453
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-2),1);
460
454
  --semi-color-secondary-light-hover: rgba(var(--semi-blue-1), 1);
461
455
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
462
456
  --semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
@@ -2260,7 +2254,7 @@ body {
2260
2254
  }
2261
2255
  .semi-button-tertiary {
2262
2256
  background-color: var(--semi-color-tertiary);
2263
- color: var(--semi-color-text-1);
2257
+ color: var(--semi-color-white);
2264
2258
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
2265
2259
  transform: scale(var(--semi-transform_scale-none));
2266
2260
  }
@@ -2285,7 +2279,7 @@ body {
2285
2279
  border: 1px solid var(--semi-color-border);
2286
2280
  }
2287
2281
  .semi-button-tertiary.semi-button-light, .semi-button-tertiary.semi-button-outline, .semi-button-tertiary.semi-button-borderless {
2288
- color: var(--semi-color-text-1);
2282
+ color: var(--semi-color-tertiary);
2289
2283
  }
2290
2284
  .semi-button-primary {
2291
2285
  background-color: var(--semi-color-primary);