@semi-bot/semi-theme-zjcb 1.0.0 → 1.0.2

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 (10) hide show
  1. package/README.md +4 -2
  2. package/package.json +1 -1
  3. package/raw.json +416 -364
  4. package/scss/_palette.scss +350 -340
  5. package/scss/animation.scss +1 -1
  6. package/scss/custom.scss +0 -0
  7. package/scss/global.scss +51 -11
  8. package/scss/variables.scss +8 -0
  9. package/semi.css +18098 -14017
  10. package/semi.min.css +1 -1
package/scss/animation.scss CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- body{
2
+ body, :host {
3
3
  --semi-transform_scale-none:scale(1,1);
4
4
  --semi-transform_scale-small:scale(1,1);
5
5
  --semi-transform_scale-medium:scale(1,1);
package/scss/custom.scss ADDED
File without changes
package/scss/global.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @import './_palette.scss';
2
2
 
3
- body, body[theme-mode="dark"] .semi-always-light {
3
+ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
4
4
  --semi-color-bg-0: rgba(var(--semi-white), 1);
5
5
  --semi-color-bg-1: rgba(var(--semi-white), 1);
6
6
  --semi-color-bg-2: rgba(var(--semi-white), 1);
@@ -10,14 +10,34 @@ body, body[theme-mode="dark"] .semi-always-light {
10
10
  --semi-color-link: rgba(var(--semi-blue-5), 1);
11
11
  --semi-color-nav-bg: rgba(var(--semi-white), 1);
12
12
  --semi-color-black: rgba(var(--semi-black), 1);
13
+ --semi-color-data-0: rgba(87, 105, 255, 1);
14
+ --semi-color-data-1: rgba(142, 212, 231, 1);
15
+ --semi-color-data-2: rgba(245, 135, 0, 1);
16
+ --semi-color-data-3: rgba(220, 183, 252, 1);
17
+ --semi-color-data-4: rgba(74, 156, 247, 1);
18
+ --semi-color-data-5: rgba(243, 204, 53, 1);
19
+ --semi-color-data-6: rgba(254, 128, 144, 1);
20
+ --semi-color-data-7: rgba(139, 215, 210, 1);
21
+ --semi-color-data-8: rgba(131, 176, 35, 1);
22
+ --semi-color-data-9: rgba(233, 165, 229, 1);
13
23
  --semi-color-fill-0: rgba(var(--semi-grey-8), 0.05);
14
- --semi-color-fill-1: rgba(var(--semi-grey-8), 0.09);
24
+ --semi-color-fill-1: rgba(var(--semi-grey-8),0.09);
15
25
  --semi-color-fill-2: rgba(var(--semi-grey-8), 0.13);
16
26
  --semi-color-text-0: rgba(var(--semi-grey-9), 1);
17
- --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
18
- --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
27
+ --semi-color-text-1: rgba(var(--semi-grey-9),0.8);
28
+ --semi-color-text-2: rgba(var(--semi-grey-9),0.6);
19
29
  --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
20
30
  --semi-color-white: rgba(var(--semi-white), 1);
31
+ --semi-color-data-10: rgba(48, 167, 206, 1);
32
+ --semi-color-data-11: rgba(249, 192, 100, 1);
33
+ --semi-color-data-12: rgba(177, 113, 249, 1);
34
+ --semi-color-data-13: rgba(119, 182, 249, 1);
35
+ --semi-color-data-14: rgba(200, 143, 2, 1);
36
+ --semi-color-data-15: rgba(255, 170, 178, 1);
37
+ --semi-color-data-16: rgba(51, 176, 171, 1);
38
+ --semi-color-data-17: rgba(182, 215, 129, 1);
39
+ --semi-color-data-18: rgba(212, 88, 212, 1);
40
+ --semi-color-data-19: rgba(188, 198, 255, 1);
21
41
  --semi-color-border: rgba(var(--semi-grey-9), 0.08);
22
42
  --semi-color-danger: rgba(var(--semi-red-5), 1);
23
43
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
@@ -30,7 +50,7 @@ body, body[theme-mode="dark"] .semi-always-light {
30
50
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
31
51
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
32
52
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
33
- --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
53
+ --semi-color-tertiary: rgba(var(--semi-grey-6),1);
34
54
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
35
55
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
36
56
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
@@ -38,23 +58,23 @@ body, body[theme-mode="dark"] .semi-always-light {
38
58
  --semi-color-highlight: rgba(var(--semi-black), 1);
39
59
  --semi-color-secondary: rgba(var(--semi-blue-5), 1);
40
60
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
41
- --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
61
+ --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
42
62
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
43
63
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
44
64
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
45
65
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
46
66
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
47
- --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
48
- --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
67
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
68
+ --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
49
69
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
50
70
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
51
71
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
52
72
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
53
73
  --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
54
- --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
74
+ --semi-color-disabled-border: rgba(var(--semi-grey-1),1);
55
75
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
56
76
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
57
- --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
77
+ --semi-color-tertiary-active: rgba(var(--semi-grey-9),1);
58
78
  --semi-color-secondary-hover: rgba(var(--semi-blue-6), 1);
59
79
  --semi-color-secondary-active: rgba(var(--semi-blue-7), 1);
60
80
  --semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
@@ -95,7 +115,7 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
95
115
 
96
116
 
97
117
  }
98
- body[theme-mode="dark"], body .semi-always-dark {
118
+ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
99
119
  --semi-color-bg-0: rgba(22, 22, 26, 1);
100
120
  --semi-color-bg-1: rgba(35, 36, 41, 1);
101
121
  --semi-color-bg-2: rgba(53, 54, 60, 1);
@@ -105,6 +125,16 @@ body[theme-mode="dark"], body .semi-always-dark {
105
125
  --semi-color-link: rgba(var(--semi-blue-5), 1);
106
126
  --semi-color-nav-bg: rgba(35, 36, 41, 1);
107
127
  --semi-color-black: rgba(var(--semi-black), 1);
128
+ --semi-color-data-0: rgba(94, 109, 194, 1);
129
+ --semi-color-data-1: rgba(8, 104, 120, 1);
130
+ --semi-color-data-2: rgba(250, 173, 63, 1);
131
+ --semi-color-data-3: rgba(76, 43, 156, 1);
132
+ --semi-color-data-4: rgba(16, 125, 248, 1);
133
+ --semi-color-data-5: rgba(248, 202, 16, 1);
134
+ --semi-color-data-6: rgba(195, 30, 87, 1);
135
+ --semi-color-data-7: rgba(5, 119, 115, 1);
136
+ --semi-color-data-8: rgba(154, 207, 13, 1);
137
+ --semi-color-data-9: rgba(117, 29, 138, 1);
108
138
  --semi-color-fill-0: rgba(var(--semi-white), 0.05);
109
139
  --semi-color-fill-1: rgba(var(--semi-white), 0.09);
110
140
  --semi-color-fill-2: rgba(var(--semi-white), 0.13);
@@ -113,6 +143,16 @@ body[theme-mode="dark"], body .semi-always-dark {
113
143
  --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
114
144
  --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
115
145
  --semi-color-white: rgba(228, 231, 245, 1);
146
+ --semi-color-data-10: rgba(16, 162, 180, 1);
147
+ --semi-color-data-11: rgba(208, 110, 11, 1);
148
+ --semi-color-data-12: rgba(113, 66, 197, 1);
149
+ --semi-color-data-13: rgba(7, 100, 212, 1);
150
+ --semi-color-data-14: rgba(251, 232, 110, 1);
151
+ --semi-color-data-15: rgba(160, 19, 73, 1);
152
+ --semi-color-data-16: rgba(11, 179, 167, 1);
153
+ --semi-color-data-17: rgba(98, 138, 6, 1);
154
+ --semi-color-data-18: rgba(162, 48, 179, 1);
155
+ --semi-color-data-19: rgba(40, 51, 138, 1);
116
156
  --semi-color-border: rgba(var(--semi-white), 0.08);
117
157
  --semi-color-danger: rgba(var(--semi-red-5), 1);
118
158
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
package/scss/variables.scss CHANGED
@@ -43,6 +43,14 @@ $z-tooltip: 1060; // tooltip 组件 z-index
43
43
  $z-image_preview: 1070; // Image 组件预览层z-index
44
44
  $z-image_preview_header: 1; // Image 组件预览层中 header 部分 z-index
45
45
  // $z-avatar-default: 100;
46
+ $z-image_preview: 1070; // Image 组件预览层z-index
47
+ $z-image_preview_header: 1; // Image 组件预览层中 header 部分 z-index
48
+
49
+ // 正在拖拽中的元素的 z-index，需要高于所有的弹出层组件 z-index
50
+ $z-transfer_right_item_drag_item_move: 2000; // 穿梭框右侧面板中正在拖拽元素的z-index
51
+ $z-tagInput_drag_item_move: 2000; // 标签输入框中正在拖拽元素的z-index
52
+ $z-resizable_handler: 2000; // 伸缩框组件中handler的z-index
53
+
46
54
 
47
55
  // font
48
56