@semi-bot/semi-theme-laiye 1.0.7 → 1.0.9

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 (8) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/raw.json +4 -3
  4. package/scss/global.scss +5 -5
  5. package/scss/local.scss +1 -0
  6. package/scss/mixin.scss +2 -2
  7. package/semi.css +8 -8
  8. package/semi.min.css +1 -1
package/README.md CHANGED
@@ -9,7 +9,7 @@ Compatible with Semi Foundation Version 2.94.0 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
12
- 翻页器圆角调整
12
+ 上传组件圆角优化为8px
13
13
 
14
14
 
15
15
  ## Manual
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-laiye",
3
- "version": "1.0.7",
3
+ "version": "1.0.9",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -471,7 +471,7 @@
471
471
  "data/--semi-color-data-7": "rgba(139, 215, 210, 1)",
472
472
  "data/--semi-color-data-8": "rgba(131, 176, 35, 1)",
473
473
  "data/--semi-color-data-9": "rgba(233, 165, 229, 1)",
474
- "fill/--semi-color-fill-0": "rgba(var(--semi-grey-0),0.05)",
474
+ "fill/--semi-color-fill-0": "rgba(var(--semi-grey-8),0.05)",
475
475
  "fill/--semi-color-fill-1": "rgba(var(--semi-grey-8),0.09)",
476
476
  "fill/--semi-color-fill-2": "rgba(var(--semi-grey-8),0.13)",
477
477
  "text/--semi-color-text-0": "rgba(var(--semi-grey-9),1)",
@@ -632,8 +632,8 @@
632
632
  "shadow": {
633
633
  "shadow-0": "none",
634
634
  "shadow-1": "none",
635
- "shadow-2": "0px 2px 4px 0px var(--semi-color-fill-2),0px 0px 1px 0px var(--semi-color-fill-2)",
636
- "shadow-knob": "0px 4px 6px 0px var(--semi-color-fill-0),0px 0px 1px 0px var(--semi-color-fill-2)",
635
+ "shadow-2": "0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16)",
636
+ "shadow-knob": "0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30)",
637
637
  "shadow-elevated": "0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10)"
638
638
  },
639
639
  "spacing": {
@@ -758,6 +758,7 @@
758
758
  "$color-upload_drag_area_icon": "var(--semi-color-text-2)"
759
759
  },
760
760
  "radius": {
761
+ "$radius-upload_drag_area": "8px",
761
762
  "$radius-upload_picture_add": "8px",
762
763
  "$radius-upload_picture_file_card_img": "8px"
763
764
  }
package/scss/global.scss CHANGED
@@ -20,7 +20,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
20
20
  --semi-color-data-7: rgba(139, 215, 210, 1);
21
21
  --semi-color-data-8: rgba(131, 176, 35, 1);
22
22
  --semi-color-data-9: rgba(233, 165, 229, 1);
23
- --semi-color-fill-0: rgba(var(--semi-grey-0),0.05);
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
26
  --semi-color-text-0: rgba(var(--semi-grey-9),1);
@@ -104,8 +104,8 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
104
104
  --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
105
105
  --semi-shadow-0: none;
106
106
  --semi-shadow-1: none;
107
- --semi-shadow-2: 0px 2px 4px 0px var(--semi-color-fill-2),0px 0px 1px 0px var(--semi-color-fill-2);
108
- --semi-shadow-knob: 0px 4px 6px 0px var(--semi-color-fill-0),0px 0px 1px 0px var(--semi-color-fill-2);
107
+ --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
108
+ --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
109
109
  --semi-border-radius-full: 9999px;
110
110
  --semi-border-radius-large: 16px;
111
111
  --semi-border-radius-small: 4px;
@@ -219,8 +219,8 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
219
219
  --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
220
220
  --semi-shadow-0: none;
221
221
  --semi-shadow-1: none;
222
- --semi-shadow-2: 0px 2px 4px 0px var(--semi-color-fill-2),0px 0px 1px 0px var(--semi-color-fill-2);
223
- --semi-shadow-knob: 0px 4px 6px 0px var(--semi-color-fill-0),0px 0px 1px 0px var(--semi-color-fill-2);
222
+ --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
223
+ --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
224
224
  --semi-border-radius-full: 9999px;
225
225
  --semi-border-radius-large: 16px;
226
226
  --semi-border-radius-small: 4px;
package/scss/local.scss CHANGED
@@ -35,6 +35,7 @@ $color-switch_checked-bg-default: var(--semi-color-primary);
35
35
  $color-switch_spin_checked-bg-default: var(--semi-color-primary-hover);
36
36
  $color-switch_checked_disabled-bg-default: var(--semi-color-info-disabled);
37
37
  $color-upload_drag_area_icon: var(--semi-color-text-2);
38
+ $radius-upload_drag_area: 8px;
38
39
  $radius-upload_picture_add: 8px;
39
40
  $radius-upload_picture_file_card_img: 8px;
40
41
  $radius-cascader: 8px;
package/scss/mixin.scss CHANGED
@@ -5,10 +5,10 @@
5
5
  box-shadow: none;
6
6
  };
7
7
  @mixin shadow-2 {
8
- box-shadow: 0px 2px 4px 0px var(--semi-color-fill-2),0px 0px 1px 0px var(--semi-color-fill-2);
8
+ box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
9
9
  };
10
10
  @mixin shadow-knob {
11
- box-shadow: 0px 4px 6px 0px var(--semi-color-fill-0),0px 0px 1px 0px var(--semi-color-fill-2);
11
+ box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
12
12
  };
13
13
  @mixin shadow-elevated {
14
14
  box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
package/semi.css CHANGED
@@ -370,7 +370,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
370
370
  --semi-color-data-7: rgba(139, 215, 210, 1);
371
371
  --semi-color-data-8: rgba(131, 176, 35, 1);
372
372
  --semi-color-data-9: rgba(233, 165, 229, 1);
373
- --semi-color-fill-0: rgba(var(--semi-grey-0),0.05);
373
+ --semi-color-fill-0: rgba(var(--semi-grey-8),0.05);
374
374
  --semi-color-fill-1: rgba(var(--semi-grey-8),0.09);
375
375
  --semi-color-fill-2: rgba(var(--semi-grey-8),0.13);
376
376
  --semi-color-text-0: rgba(var(--semi-grey-9),1);
@@ -454,8 +454,8 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
454
454
  --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
455
455
  --semi-shadow-0: none;
456
456
  --semi-shadow-1: none;
457
- --semi-shadow-2: 0px 2px 4px 0px var(--semi-color-fill-2),0px 0px 1px 0px var(--semi-color-fill-2);
458
- --semi-shadow-knob: 0px 4px 6px 0px var(--semi-color-fill-0),0px 0px 1px 0px var(--semi-color-fill-2);
457
+ --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
458
+ --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
459
459
  --semi-border-radius-full: 9999px;
460
460
  --semi-border-radius-large: 16px;
461
461
  --semi-border-radius-small: 4px;
@@ -568,8 +568,8 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
568
568
  --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
569
569
  --semi-shadow-0: none;
570
570
  --semi-shadow-1: none;
571
- --semi-shadow-2: 0px 2px 4px 0px var(--semi-color-fill-2),0px 0px 1px 0px var(--semi-color-fill-2);
572
- --semi-shadow-knob: 0px 4px 6px 0px var(--semi-color-fill-0),0px 0px 1px 0px var(--semi-color-fill-2);
571
+ --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
572
+ --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
573
573
  --semi-border-radius-full: 9999px;
574
574
  --semi-border-radius-large: 16px;
575
575
  --semi-border-radius-small: 4px;
@@ -19873,7 +19873,7 @@ img[src=""], img:not([src]) {
19873
19873
  top: 14px;
19874
19874
  }
19875
19875
  .semi-slider-handle {
19876
- box-shadow: 0px 4px 6px 0px var(--semi-color-fill-0), 0px 0px 1px 0px var(--semi-color-fill-2);
19876
+ box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
19877
19877
  box-sizing: border-box;
19878
19878
  touch-action: none;
19879
19879
  position: absolute;
@@ -20743,7 +20743,7 @@ img[src=""], img:not([src]) {
20743
20743
  background-color: var(--semi-color-fill-1);
20744
20744
  }
20745
20745
  .semi-switch-knob {
20746
- box-shadow: 0px 4px 6px 0px var(--semi-color-fill-0), 0px 0px 1px 0px var(--semi-color-fill-2);
20746
+ box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
20747
20747
  cursor: pointer;
20748
20748
  border-radius: 9px;
20749
20749
  background-color: rgba(var(--semi-white), 1);
@@ -25715,7 +25715,7 @@ p.semi-typography-extended,
25715
25715
  transform: translate(-50%, -50%);
25716
25716
  }
25717
25717
  .semi-upload-drag-area {
25718
- border-radius: var(--semi-border-radius-small);
25718
+ border-radius: 8px;
25719
25719
  border: 2px dashed var(--semi-color-border);
25720
25720
  width: 100%;
25721
25721
  padding: 12px;