@semi-bot/semi-theme-ceos 1.0.6-beta.0 → 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 +3 -1
  3. package/scss/global.scss +6 -2
  4. package/scss/mixin.scss +7 -1
  5. package/semi.css +6 -2
  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.6-beta.0",
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,8 +669,10 @@
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-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)",
674
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": {
package/scss/global.scss CHANGED
@@ -111,8 +111,10 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
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;
@@ -230,8 +232,10 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
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,11 +8,17 @@
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
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
  };
package/semi.css CHANGED
@@ -491,8 +491,10 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
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;
@@ -609,8 +611,10 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
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;