@next-core/brick-container 2.41.1 → 2.42.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.
@@ -1,7 +1,333 @@
1
1
  :root,
2
2
  [data-override-theme="light"] {
3
+ --palette-red-1: #fff5f0;
4
+ --palette-red-2: #ffdac9;
5
+ --palette-red-3: #ffbba1;
6
+ --palette-red-4: #ff9a78;
7
+ --palette-red-5: #ff754f;
8
+ --palette-red-6: #f24c25;
9
+ --palette-red-7: #cc3014;
10
+ --palette-red-8: #a61b08;
11
+ --palette-red-9: #800b00;
12
+ --palette-red-10: #590400;
13
+
14
+ --palette-green-1: #f6ffed;
15
+ --palette-green-2: #d9f7be;
16
+ --palette-green-3: #b7eb8f;
17
+ --palette-green-4: #95de64;
18
+ --palette-green-5: #73d13d;
19
+ --palette-green-6: #52c41a;
20
+ --palette-green-7: #389e0d;
21
+ --palette-green-8: #237804;
22
+ --palette-green-9: #135200;
23
+ --palette-green-10: #092b00;
24
+
25
+ --palette-blue-1: #e6f4ff;
26
+ --palette-blue-2: #bde1ff;
27
+ --palette-blue-3: #94cbff;
28
+ --palette-blue-4: #6bb3ff;
29
+ --palette-blue-5: #4297ff;
30
+ --palette-blue-6: #1a7aff;
31
+ --palette-blue-7: #0b5ad9;
32
+ --palette-blue-8: #003eb3;
33
+ --palette-blue-9: #002c8c;
34
+ --palette-blue-10: #001d66;
35
+
36
+ --palette-amber-1: #fffde6;
37
+ --palette-amber-2: #fff6a6;
38
+ --palette-amber-3: #ffee7d;
39
+ --palette-amber-4: #ffe354;
40
+ --palette-amber-5: #ffd52b;
41
+ --palette-amber-6: #f7bf02;
42
+ --palette-amber-7: #d19900;
43
+ --palette-amber-8: #ab7800;
44
+ --palette-amber-9: #855800;
45
+ --palette-amber-10: #5e3c00;
46
+ }
47
+
48
+ html[data-theme="dark-v2"],
49
+ [data-override-theme="dark-v2"] {
50
+ --palette-red-1: #2c1818;
51
+ --palette-red-2: #441e19;
52
+ --palette-red-3: #59271e;
53
+ --palette-red-4: #7a2f20;
54
+ --palette-red-5: #a63a22;
55
+ --palette-red-6: #d24525;
56
+ --palette-red-7: #e86d4c;
57
+ --palette-red-8: #f39575;
58
+ --palette-red-9: #f8b89f;
59
+ --palette-red-10: #fad8c8;
60
+
61
+ --palette-green-1: #1d2e17;
62
+ --palette-green-2: #284818;
63
+ --palette-green-3: #355d1c;
64
+ --palette-green-4: #447f1d;
65
+ --palette-green-5: #58ae1f;
66
+ --palette-green-6: #6cdc20;
67
+ --palette-green-7: #8be845;
68
+ --palette-green-8: #acf36f;
69
+ --palette-green-9: #c8f898;
70
+ --palette-green-10: #e0fac1;
71
+
72
+ --palette-blue-1: #141d31;
73
+ --palette-blue-2: #14284a;
74
+ --palette-blue-3: #18355f;
75
+ --palette-blue-4: #184481;
76
+ --palette-blue-5: #1957af;
77
+ --palette-blue-6: #1a6bdd;
78
+ --palette-blue-7: #3e8ae8;
79
+ --palette-blue-8: #67abf4;
80
+ --palette-blue-9: #90c6f8;
81
+ --palette-blue-10: #baddfa;
82
+
83
+ --palette-amber-1: #2d2616;
84
+ --palette-amber-2: #463814;
85
+ --palette-amber-3: #5b4a13;
86
+ --palette-amber-4: #7c6310;
87
+ --palette-amber-5: #a9850c;
88
+ --palette-amber-6: #d6a707;
89
+ --palette-amber-7: #e8c22c;
90
+ --palette-amber-8: #f3d954;
91
+ --palette-amber-9: #f8e87d;
92
+ --palette-amber-10: #faf2a5;
93
+ }
94
+ :root,
95
+ [data-override-theme="light"] {
96
+ /* Basic CSS variables Refs: https://tapd.easyops.local/pages/viewpage.action?pageId=36045937 */
97
+
98
+ --palette-gray-1: #fff;
99
+ --palette-gray-2: #fafafa;
100
+ --palette-gray-3: #f5f5f5;
101
+ --palette-gray-4: #e8e8e8;
102
+ --palette-gray-5: #d9d9d9;
103
+ --palette-gray-6: #bfbfbf;
104
+ --palette-gray-7: #8c8c8c;
105
+ --palette-gray-8: #595959;
106
+ --palette-gray-9: #262626;
107
+ --palette-gray-10: #000;
108
+
3
109
  --color-brand: #0071eb;
110
+ --color-brand-hover: var(--palette-blue-4);
111
+ --color-brand-active: var(--palette-blue-8);
112
+ --color-fill-global-bg-1: #f7f8fa;
113
+ --color-fill-global-bg-2: var(--palette-gray-1);
114
+ --color-fill-bg-container-1: var(--palette-gray-1);
115
+ --color-fill-bg-container-2: var(--palette-gray-1);
116
+ --color-fill-bg-container-3: var(--palette-gray-1);
117
+ --color-fill-bg-container-4: var(--palette-gray-1);
118
+
119
+ --color-fill-bg-base-1: var(--palette-gray-3);
120
+ --color-fill-bg-base-2: #d9ffff;
121
+ --color-text-divider-line: var(--palette-gray-4);
122
+ --color-border-divider-line: var(--palette-gray-5);
123
+ --color-header-text: var(--palette-gray-9);
124
+ --color-strong-text: var(--palette-gray-10);
125
+ --color-normal-text: var(--palette-gray-8);
126
+ --color-auxiliary-text: var(--palette-gray-8);
127
+ --color-secondary-text: var(--palette-gray-7);
128
+ --color-disabled-text: var(--palette-gray-6);
129
+
130
+ --color-success: var(--palette-green-6);
131
+ --color-success-hover: var(--palette-green-4);
132
+ --color-success-active: var(--palette-green-8);
133
+ --color-success-bg: var(--palette-green-2);
134
+ --color-success-outline: var(--palette-green-3);
135
+
136
+ --color-info: var(--palette-blue-6);
137
+ --color-info-hover: var(--palette-blue-4);
138
+ --color-info-active: var(--palette-blue-8);
139
+ --color-info-bg: var(--palette-blue-2);
140
+ --color-info-outline: var(--palette-blue-3);
141
+
142
+ --color-warning: var(--palette-amber-6);
143
+ --color-warning-hover: var(--palette-amber-4);
144
+ --color-warning-active: var(--palette-amber-8);
145
+ --color-warning-bg: var(--palette-amber-2);
146
+ --color-warning-outline: var(--palette-amber-3);
147
+
148
+ --color-error: var(--palette-red-6);
149
+ --color-error-hover: var(--palette-red-4);
150
+ --color-error-active: var(--palette-red-8);
151
+ --color-error-bg: var(--palette-red-2);
152
+ --color-error-outline: var(--palette-red-3);
153
+
154
+ --small-border-radius: 2px;
155
+ --medius-border-radius: 4px;
156
+ --larger-border-radius: 6px;
157
+ --container-border-radius: 500px;
158
+ --no-border-radius: 0px;
159
+ --special-border-radius: 0 0 6px 6px;
160
+
161
+ --normal-font-size: 14px;
162
+ --title-font-size: 16px;
163
+ --special-title-font-size: 20px;
164
+ --sub-menu-title-font-size: 18px;
165
+ --card-title-font-size: 16px;
166
+ --statistical-title-font-size: 16px;
167
+ --sub-title-font-size-small: 12px;
168
+ --sub-title-font-size: 14px;
169
+ --auxiliary-font-size: 14px;
170
+ --auxiliary-font-size-small: 12px;
171
+ --bread-crumbs-font-size: 12px;
172
+ --overview-data-font-size: 30px;
173
+ --special-data-font-size: 20px;
174
+ --normal-data-font-size: 16px;
175
+ --chart-legend-font-size: 12px;
176
+ --chart-tooltips-font-size: 12px;
177
+ --chart-axis-x-font-size: 10px;
178
+ --chart-axis-y-font-size: 10px;
179
+
180
+ --font-weight-600: 600;
181
+ --font-weight-500: 500;
182
+ --font-weight-400: 400;
183
+ --font-weight-200: 200;
184
+
185
+ --line-height-base: 1.5;
186
+
187
+ --mask-bg: rgba(11, 26, 47, 0.45);
188
+
189
+ --base-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
190
+ --feedback-container-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
191
+ --right-slide-shadow: -2px 0px 8px 0px rgba(0, 0, 0, 0.14);
192
+ --left-slide-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.14);
193
+ --connected-overlay-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
194
+ --fullscreen-overlay-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
195
+ --hover-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.8);
196
+ --slide-up-shadow: 0px -4px 12px 0px rgba(0, 0, 0, 0.15);
197
+
198
+ --border-width-base: 1px;
199
+ --border-width-double-base: 2px;
200
+ --no-border-width: 0;
201
+
202
+ /* component CSS variables */
203
+
204
+ /*** menu ***/
205
+ --antd-menu-bg: #4e93ef;
206
+ --antd-menu-color: #fff;
207
+ --antd-menu-highlight-color: var(--color-brand);
208
+ --antd-menu-title-bg: rgba(255, 255, 255, 0.1);
209
+ --antd-menu-popup-bg: #fff;
210
+ --antd-menu-title-color: var(--antd-menu-color);
211
+ --antd-menu-shadow: 3px 0px 8px 0px rgba(218, 218, 218, 0.44);
212
+ --antd-menu-item-active-bg: #3e86e6;
213
+ --antd-menu-item-hover: var(--antd-menu-item-active-bg);
214
+ --antd-menu-item-selected-bg: var(--color-brand);
215
+ --ant-menu-submenu-selected-bg: rgba(0, 99, 206, 0.2);
216
+ --ant-menu-item-group-title-color: rgba(255, 255, 255, 0.65);
217
+ --ant-menu-collapse-bar-bg-channel: 194, 225, 255;
218
+ --ant-menu-collapse-bar-bg: rgba(
219
+ var(--ant-menu-collapse-bar-bg-channel),
220
+ 0.1
221
+ );
222
+ --ant-menu-collapse-bar-border-color: rgba(
223
+ var(--ant-menu-collapse-bar-bg-channel),
224
+ 0.15
225
+ );
226
+ --antd-app-submenu-title: rgba(0, 0, 0, 0.85);
227
+ --antd-app-submenu-bg: var(--antd-menu-popup-bg);
228
+ --antd-app-submenu-active-bg: #e0eeff;
229
+ --antd-app-submenu-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.04);
230
+ --antd-app-submenu-group-title-color: var(--antd-text-color-secondary);
231
+
232
+ /*** divider ***/
233
+ --antd-divider-color: rgba(0, 0, 0, 6%);
234
+
235
+ /*** appp bar ***/
236
+ --app-bar-bg: rgba(255, 255, 255, 1);
237
+ --app-bar-shadow: 0px 3px 20px 0px rgba(128, 128, 128, 0.2);
238
+ --app-bar-dropdown-menu-item-color: var(--text-color-default);
239
+ --app-bar-dropdown-menu-item-hover-bg: var(--theme-blue-background);
240
+
241
+ /*** dropdown ***/
242
+ --antd-dropdown-menu-bg: var(--antd-component-background);
243
+ }
244
+
245
+ html[data-theme="dark-v2"],
246
+ [data-override-theme="dark-v2"] {
247
+ /* Basic CSS variables Refs: https://tapd.easyops.local/pages/viewpage.action?pageId=36045937 */
248
+
249
+ /*** 在 :root 定义的变量和使用的色板值一样的话,不需要在这额外定义 ***/
250
+ --palette-gray-1: rgba(255, 255, 255, 0);
251
+ --palette-gray-2: rgba(255, 255, 255, 0.04);
252
+ --palette-gray-3: rgba(255, 255, 255, 0.08);
253
+ --palette-gray-4: rgba(255, 255, 255, 0.12);
254
+ --palette-gray-5: rgba(255, 255, 255, 0.02);
255
+ --palette-gray-6: rgba(255, 255, 255, 0.03);
256
+ --palette-gray-7: rgba(255, 255, 255, 0.45);
257
+ --palette-gray-8: rgba(255, 255, 255, 0.65);
258
+ --palette-gray-9: rgba(255, 255, 255, 0.85);
259
+ --palette-gray-10: rgba(255, 255, 255, 1);
260
+
261
+ --body-background: #17171a;
262
+
263
+ --color-brand: var(--palette-blue-6);
264
+ --color-fill-global-bg-1: var(--palette-gray-1);
265
+
266
+ --color-fill-bg-container-1: #232324;
267
+ --color-fill-bg-container-2: #2a2a2b;
268
+ --color-fill-bg-container-3: #313132;
269
+ --color-fill-bg-container-4: #373739;
270
+
271
+ --color-fill-bg-base-2: var(--palette-gray-3);
272
+ --color-auxiliary-text: var(--palette-gray-9);
273
+
274
+ --mask-bg: rgba(23, 23, 26, 0.6);
275
+
276
+ --base-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.1);
277
+ --feedback-container-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.14);
278
+ --right-slide-shadow: -2px 0px 8px 0px rgba(0, 0, 0, 0.14);
279
+ --left-slide-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.14);
280
+ --connected-overlay-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.14);
281
+ --fullscreen-overlay-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.24);
282
+ --hover-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.8);
283
+ --slide-up-shadow: 0px -6px 18px 0px rgba(0, 0, 0, 0.14);
284
+ --menu-shadow: 6px 0px 18px 0px rgba(0, 0, 0, 0.24);
285
+
286
+ /* 全局字体颜色基准 */
287
+ --antd-text-color: var(--color-normal-text);
288
+ --antd-text-color-secondary: var(--color-secondary-text);
4
289
 
290
+ /* component CSS variables */
291
+
292
+ /* menu */
293
+ --antd-menu-bg: var(--palette-gray-3);
294
+ --antd-menu-color: var(--color-normal-text);
295
+ --antd-menu-highlight-color: var(--palette-gray-2);
296
+ --antd-menu-shadow: var(--menu-shadow);
297
+ --antd-menu-popup-bg: var(--color-fill-bg-container-4);
298
+ --antd-menu-title-bg: var(--color-fill-bg-base-2);
299
+ --antd-menu-title-color: var(--color-strong-text);
300
+ --antd-menu-item-active-bg: var(--color-brand);
301
+ --antd-menu-item-hover: var(--palette-gray-2);
302
+ --antd-menu-item-selected-bg: var(--palette-blue-6);
303
+ --ant-menu-submenu-selected-bg: var(--antd-menu-item-hover);
304
+ --ant-menu-item-group-title-color: var(--color-strong-text);
305
+ --ant-menu-collapse-bar-bg: var(--palette-gray-3);
306
+ --ant-menu-collapse-bar-border-color: var(--palette-gray-3);
307
+
308
+ --antd-app-submenu-title: var(--color-header-text);
309
+ --antd-app-submenu-bg: var(--palette-gray-2);
310
+ --antd-app-submenu-active-bg: var(--palette-blue-1);
311
+ --antd-app-submenu-shadow: var(--base-shadow);
312
+ --antd-app-submenu-group-title-color: var(--antd-text-color-secondary);
313
+
314
+ /*** divider ***/
315
+ --antd-divider-color: var(--color-text-divider-line);
316
+
317
+ /*** appp bar ***/
318
+ --app-bar-bg: var(--color-fill-bg-container-1);
319
+ --app-bar-shadow: var(--feedback-container-shadow);
320
+ --app-bar-dropdown-menu-item-color: var(--color-normal-text);
321
+ --app-bar-dropdown-menu-item-hover-bg: var(--color-fill-bg-base-1);
322
+
323
+ /*** dropdown ***/
324
+ --antd-dropdown-menu-bg: var(--color-fill-bg-container-4);
325
+ }
326
+
327
+
328
+
329
+ :root,
330
+ [data-override-theme="light"] {
5
331
  --bg-color-table-head: var(--antd-table-header-bg);
6
332
  --bg-color-list-hover: var(--antd-background-color-light);
7
333
  --bg-color-input-focus: #d6e8fb;
@@ -7145,7 +7471,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
7145
7471
  line-height: 1.5715;
7146
7472
  list-style: none;
7147
7473
  font-feature-settings: 'tnum';
7148
- border-top: 1px solid rgba(0, 0, 0, 0.06);
7474
+ border-top: 1px solid var(--antd-divider-color);
7149
7475
  }
7150
7476
  .ant-divider-vertical {
7151
7477
  position: relative;
@@ -7155,7 +7481,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
7155
7481
  margin: 0 8px;
7156
7482
  vertical-align: middle;
7157
7483
  border-top: 0;
7158
- border-left: 1px solid rgba(0, 0, 0, 0.06);
7484
+ border-left: 1px solid var(--antd-divider-color);
7159
7485
  }
7160
7486
  .ant-divider-horizontal {
7161
7487
  display: flex;
@@ -7173,7 +7499,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
7173
7499
  white-space: nowrap;
7174
7500
  text-align: center;
7175
7501
  border-top: 0;
7176
- border-top-color: rgba(0, 0, 0, 0.06);
7502
+ border-top-color: var(--antd-divider-color);
7177
7503
  }
7178
7504
  .ant-divider-horizontal.ant-divider-with-text::before,
7179
7505
  .ant-divider-horizontal.ant-divider-with-text::after {
@@ -7208,7 +7534,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
7208
7534
  }
7209
7535
  .ant-divider-dashed {
7210
7536
  background: none;
7211
- border-color: rgba(0, 0, 0, 0.06);
7537
+ border-color: var(--antd-divider-color);
7212
7538
  border-style: dashed;
7213
7539
  border-width: 1px 0 0;
7214
7540
  }
@@ -7567,7 +7893,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
7567
7893
  padding: 4px 0;
7568
7894
  text-align: left;
7569
7895
  list-style-type: none;
7570
- background-color: var(--antd-component-background);
7896
+ background-color: var(--antd-dropdown-menu-bg);
7571
7897
  background-clip: padding-box;
7572
7898
  border-radius: 6px;
7573
7899
  outline: none;
@@ -16123,7 +16449,7 @@ textarea.ant-mentions {
16123
16449
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
16124
16450
  }
16125
16451
  .ant-menu-submenu-popup > .ant-menu {
16126
- background-color: var(--antd-component-background);
16452
+ background-color: var(--antd-menu-popup-bg);
16127
16453
  }
16128
16454
  .ant-menu-submenu-expand-icon,
16129
16455
  .ant-menu-submenu-arrow {
@@ -22088,7 +22414,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
22088
22414
  overflow-y: auto;
22089
22415
  text-align: left;
22090
22416
  list-style-type: none;
22091
- background-color: var(--antd-component-background);
22417
+ background-color: var(--antd-dropdown-menu-bg);
22092
22418
  background-clip: padding-box;
22093
22419
  border-radius: 6px;
22094
22420
  outline: none;
@@ -27091,4 +27417,4 @@ html[data-mode="dashboard"] body.has-sub-menu #main-mount-point {
27091
27417
  }
27092
27418
 
27093
27419
 
27094
- /*# sourceMappingURL=main.768453e7268a4f4831b7.css.map*/
27420
+ /*# sourceMappingURL=main.efab5ab0c91d1c7d0f8e.css.map*/