@semi-bot/semi-theme-ceos 1.0.5 → 1.0.6-beta.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 (6) hide show
  1. package/package.json +1 -1
  2. package/raw.json +4 -2
  3. package/scss/global.scss +8 -4
  4. package/scss/mixin.scss +8 -2
  5. package/semi.css +12 -8
  6. package/semi.min.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-ceos",
3
- "version": "1.0.5",
3
+ "version": "1.0.6-beta.1",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -669,9 +669,11 @@
669
669
  "shadow-0": "none",
670
670
  "shadow-1": "none",
671
671
  "shadow-2": "0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16)",
672
- "shadow-app": "0px 15px 20px 0px var(--semi-color-border)",
672
+ "shadow-app": "0px 15px 20px 0px var(--semi-color-shadow),8px 8px 16px -16px rgba(3,3,3,0.08),1px 12px 42px -4px rgba(10,10,10,0.08)",
673
673
  "shadow-knob": "0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30)",
674
- "shadow-elevated": "0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10)"
674
+ "shadow-text": "0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2)",
675
+ "shadow-dropdown": "0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2)",
676
+ "shadow-elevated": "0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12)"
675
677
  },
676
678
  "spacing": {
677
679
  "$spacing-base": "16px",
package/scss/global.scss CHANGED
@@ -107,12 +107,14 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
107
107
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
108
108
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
109
109
  -webkit-font-smoothing: antialiased;;
110
- --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
110
+ --semi-shadow-elevated: 0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12);
111
111
  --semi-shadow-0: none;
112
112
  --semi-shadow-1: none;
113
113
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
114
- --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-border);
114
+ --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-shadow),8px 8px 16px -16px rgba(3,3,3,0.08),1px 12px 42px -4px rgba(10,10,10,0.08);
115
115
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
116
+ --semi-shadow-text: 0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2);
117
+ --semi-shadow-dropdown: 0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2);
116
118
  --semi-border-radius-full: 9999px;
117
119
  --semi-border-radius-large: 12px;
118
120
  --semi-border-radius-small: 4px;
@@ -226,12 +228,14 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
226
228
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
227
229
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
228
230
  -webkit-font-smoothing: antialiased;;
229
- --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
231
+ --semi-shadow-elevated: 0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12);
230
232
  --semi-shadow-0: none;
231
233
  --semi-shadow-1: none;
232
234
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
233
- --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-border);
235
+ --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-shadow),8px 8px 16px -16px rgba(3,3,3,0.08),1px 12px 42px -4px rgba(10,10,10,0.08);
234
236
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
237
+ --semi-shadow-text: 0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2);
238
+ --semi-shadow-dropdown: 0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2);
235
239
  --semi-border-radius-full: 9999px;
236
240
  --semi-border-radius-large: 12px;
237
241
  --semi-border-radius-small: 4px;
package/scss/mixin.scss CHANGED
@@ -8,13 +8,19 @@
8
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-app {
11
- box-shadow: 0px 15px 20px 0px var(--semi-color-border);
11
+ box-shadow: 0px 15px 20px 0px var(--semi-color-shadow),8px 8px 16px -16px rgba(3,3,3,0.08),1px 12px 42px -4px rgba(10,10,10,0.08);
12
12
  };
13
13
  @mixin shadow-knob {
14
14
  box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
15
15
  };
16
+ @mixin shadow-text {
17
+ box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2);
18
+ };
19
+ @mixin shadow-dropdown {
20
+ box-shadow: 0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2);
21
+ };
16
22
  @mixin shadow-elevated {
17
- box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
23
+ box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12);
18
24
  };
19
25
 
20
26
  @mixin box-sizing() {
package/semi.css CHANGED
@@ -487,12 +487,14 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
487
487
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
488
488
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
489
489
  -webkit-font-smoothing: antialiased;
490
- --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
490
+ --semi-shadow-elevated: 0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12);
491
491
  --semi-shadow-0: none;
492
492
  --semi-shadow-1: none;
493
493
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
494
- --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-border);
494
+ --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-shadow),8px 8px 16px -16px rgba(3,3,3,0.08),1px 12px 42px -4px rgba(10,10,10,0.08);
495
495
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
496
+ --semi-shadow-text: 0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2);
497
+ --semi-shadow-dropdown: 0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2);
496
498
  --semi-border-radius-full: 9999px;
497
499
  --semi-border-radius-large: 12px;
498
500
  --semi-border-radius-small: 4px;
@@ -605,12 +607,14 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
605
607
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
606
608
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
607
609
  -webkit-font-smoothing: antialiased;
608
- --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
610
+ --semi-shadow-elevated: 0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12);
609
611
  --semi-shadow-0: none;
610
612
  --semi-shadow-1: none;
611
613
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
612
- --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-border);
614
+ --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-shadow),8px 8px 16px -16px rgba(3,3,3,0.08),1px 12px 42px -4px rgba(10,10,10,0.08);
613
615
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
616
+ --semi-shadow-text: 0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2);
617
+ --semi-shadow-dropdown: 0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2);
614
618
  --semi-border-radius-full: 9999px;
615
619
  --semi-border-radius-large: 12px;
616
620
  --semi-border-radius-small: 4px;
@@ -8231,7 +8235,7 @@ body, :host {
8231
8235
  }
8232
8236
  .semi-dropdown-wrapper {
8233
8237
  overflow-y: auto;
8234
- box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
8238
+ box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08), 0px 10px 40px 0px rgba(0, 0, 0, 0.12);
8235
8239
  position: relative;
8236
8240
  z-index: 1050;
8237
8241
  border-radius: var(--semi-border-radius-medium);
@@ -16764,7 +16768,7 @@ img[src=""], img:not([src]) {
16764
16768
  }
16765
16769
 
16766
16770
  .semi-notification-notice {
16767
- box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
16771
+ box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08), 0px 10px 40px 0px rgba(0, 0, 0, 0.12);
16768
16772
  border-radius: var(--semi-border-radius-medium);
16769
16773
  padding-top: 16px;
16770
16774
  padding-right: 12px;
@@ -17396,7 +17400,7 @@ img[src=""], img:not([src]) {
17396
17400
  position: relative;
17397
17401
  background-color: var(--semi-color-bg-3);
17398
17402
  backdrop-filter: none;
17399
- box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
17403
+ box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08), 0px 10px 40px 0px rgba(0, 0, 0, 0.12);
17400
17404
  z-index: 1030;
17401
17405
  border-radius: var(--semi-border-radius-medium);
17402
17406
  font-size: 14px;
@@ -23529,7 +23533,7 @@ img[src=""], img:not([src]) {
23529
23533
  }
23530
23534
  .semi-toast-content {
23531
23535
  pointer-events: all;
23532
- box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
23536
+ box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08), 0px 10px 40px 0px rgba(0, 0, 0, 0.12);
23533
23537
  font-size: 14px;
23534
23538
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
23535
23539
  line-height: 20px;