@next-core/brick-container 2.41.3 → 2.42.3

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,339 @@
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
+ /*** basic antd variables ***/
205
+ --antd-border-color-split-lighten-80: #fff;
206
+ --antd-border-color-split: #f0f0f0;
207
+
208
+ /*** menu ***/
209
+ --antd-menu-bg: #4e93ef;
210
+ --antd-menu-color: #fff;
211
+ --antd-menu-highlight-color: var(--color-brand);
212
+ --antd-menu-title-bg: rgba(255, 255, 255, 0.1);
213
+ --antd-menu-popup-bg: #fff;
214
+ --antd-menu-title-color: var(--antd-menu-color);
215
+ --antd-menu-shadow: 3px 0px 8px 0px rgba(218, 218, 218, 0.44);
216
+ --antd-menu-item-active-bg: #3e86e6;
217
+ --antd-menu-item-hover: var(--antd-menu-item-active-bg);
218
+ --antd-menu-item-selected-bg: var(--color-brand);
219
+ --ant-menu-submenu-selected-bg: rgba(0, 99, 206, 0.2);
220
+ --ant-menu-item-group-title-color: rgba(255, 255, 255, 0.65);
221
+ --ant-menu-collapse-bar-bg-channel: 194, 225, 255;
222
+ --ant-menu-collapse-bar-bg: rgba(
223
+ var(--ant-menu-collapse-bar-bg-channel),
224
+ 0.1
225
+ );
226
+ --ant-menu-collapse-bar-border-color: rgba(
227
+ var(--ant-menu-collapse-bar-bg-channel),
228
+ 0.15
229
+ );
230
+ --antd-app-submenu-title: rgba(0, 0, 0, 0.85);
231
+ --antd-app-submenu-bg: var(--antd-menu-popup-bg);
232
+ --antd-app-submenu-active-bg: #e0eeff;
233
+ --antd-app-submenu-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.04);
234
+ --antd-app-submenu-group-title-color: var(--antd-text-color-secondary);
235
+
236
+ /*** divider ***/
237
+ --antd-divider-color: rgba(0, 0, 0, 6%);
238
+
239
+ /*** appp bar ***/
240
+ --app-bar-bg: rgba(255, 255, 255, 1);
241
+ --app-bar-shadow: 0px 3px 20px 0px rgba(128, 128, 128, 0.2);
242
+ --app-bar-dropdown-menu-item-color: var(--text-color-default);
243
+ --app-bar-dropdown-menu-item-hover-bg: var(--theme-blue-background);
244
+
245
+ /*** dropdown ***/
246
+ --antd-dropdown-menu-bg: var(--antd-component-background);
247
+ }
248
+
249
+ html[data-theme="dark-v2"],
250
+ [data-override-theme="dark-v2"] {
251
+ /* Basic CSS variables Refs: https://tapd.easyops.local/pages/viewpage.action?pageId=36045937 */
252
+
253
+ /*** 在 :root 定义的变量和使用的色板值一样的话,不需要在这额外定义 ***/
254
+ --palette-gray-1: rgba(255, 255, 255, 0);
255
+ --palette-gray-2: rgba(255, 255, 255, 0.04);
256
+ --palette-gray-3: rgba(255, 255, 255, 0.08);
257
+ --palette-gray-4: rgba(255, 255, 255, 0.12);
258
+ --palette-gray-5: rgba(255, 255, 255, 0.02);
259
+ --palette-gray-6: rgba(255, 255, 255, 0.03);
260
+ --palette-gray-7: rgba(255, 255, 255, 0.45);
261
+ --palette-gray-8: rgba(255, 255, 255, 0.65);
262
+ --palette-gray-9: rgba(255, 255, 255, 0.85);
263
+ --palette-gray-10: rgba(255, 255, 255, 1);
264
+
265
+ --body-background: #17171a;
266
+
267
+ --color-brand: var(--palette-blue-6);
268
+ --color-fill-global-bg-1: var(--palette-gray-1);
269
+
270
+ --color-fill-bg-container-1: #232324;
271
+ --color-fill-bg-container-2: #2a2a2b;
272
+ --color-fill-bg-container-3: #313132;
273
+ --color-fill-bg-container-4: #373739;
274
+
275
+ --color-fill-bg-base-2: var(--palette-gray-3);
276
+ --color-auxiliary-text: var(--palette-gray-9);
277
+
278
+ --mask-bg: rgba(23, 23, 26, 0.6);
279
+
280
+ --base-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.1);
281
+ --feedback-container-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.14);
282
+ --right-slide-shadow: -2px 0px 8px 0px rgba(0, 0, 0, 0.14);
283
+ --left-slide-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.14);
284
+ --connected-overlay-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.14);
285
+ --fullscreen-overlay-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.24);
286
+ --hover-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.8);
287
+ --slide-up-shadow: 0px -6px 18px 0px rgba(0, 0, 0, 0.14);
288
+ --menu-shadow: 6px 0px 18px 0px rgba(0, 0, 0, 0.24);
289
+
290
+ /* component CSS variables */
291
+
292
+ /*** basic antd variables ***/
293
+ --antd-text-color: var(--color-normal-text);
294
+ --antd-text-color-secondary: var(--color-secondary-text);
295
+
296
+ --antd-border-color-split: var(--color-text-divider-line);
4
297
 
298
+ /*** menu ***/
299
+ --antd-menu-bg: var(--palette-gray-3);
300
+ --antd-menu-color: var(--color-normal-text);
301
+ --antd-menu-highlight-color: var(--palette-gray-2);
302
+ --antd-menu-shadow: var(--menu-shadow);
303
+ --antd-menu-popup-bg: var(--color-fill-bg-container-4);
304
+ --antd-menu-title-bg: var(--color-fill-bg-base-2);
305
+ --antd-menu-title-color: var(--color-strong-text);
306
+ --antd-menu-item-active-bg: var(--color-brand);
307
+ --antd-menu-item-hover: var(--palette-gray-2);
308
+ --antd-menu-item-selected-bg: var(--palette-blue-6);
309
+ --ant-menu-submenu-selected-bg: var(--antd-menu-item-hover);
310
+ --ant-menu-item-group-title-color: var(--color-strong-text);
311
+ --ant-menu-collapse-bar-bg: var(--palette-gray-3);
312
+ --ant-menu-collapse-bar-border-color: var(--palette-gray-3);
313
+
314
+ --antd-app-submenu-title: var(--color-header-text);
315
+ --antd-app-submenu-bg: var(--palette-gray-2);
316
+ --antd-app-submenu-active-bg: var(--palette-blue-1);
317
+ --antd-app-submenu-shadow: var(--base-shadow);
318
+ --antd-app-submenu-group-title-color: var(--antd-text-color-secondary);
319
+
320
+ /*** divider ***/
321
+ --antd-divider-color: var(--color-text-divider-line);
322
+
323
+ /*** appp bar ***/
324
+ --app-bar-bg: var(--color-fill-bg-container-1);
325
+ --app-bar-shadow: var(--feedback-container-shadow);
326
+ --app-bar-dropdown-menu-item-color: var(--color-normal-text);
327
+ --app-bar-dropdown-menu-item-hover-bg: var(--color-fill-bg-base-1);
328
+
329
+ /*** dropdown ***/
330
+ --antd-dropdown-menu-bg: var(--color-fill-bg-container-4);
331
+ }
332
+
333
+
334
+
335
+ :root,
336
+ [data-override-theme="light"] {
5
337
  --bg-color-table-head: var(--antd-table-header-bg);
6
338
  --bg-color-list-hover: var(--antd-background-color-light);
7
339
  --bg-color-input-focus: #d6e8fb;
@@ -203,8 +535,6 @@
203
535
  --antd-background-color-base: #f5f5f5;
204
536
  --antd-background-color-light: #ebf3fd;
205
537
  --antd-border-color-base: #d9d9d9;
206
- --antd-border-color-split-lighten-80: #fff;
207
- --antd-border-color-split: #f0f0f0;
208
538
  --antd-box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
209
539
  0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
210
540
  --antd-column-active-bg: rgba(235, 243, 253, 0.8);
@@ -7145,7 +7475,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
7145
7475
  line-height: 1.5715;
7146
7476
  list-style: none;
7147
7477
  font-feature-settings: 'tnum';
7148
- border-top: 1px solid rgba(0, 0, 0, 0.06);
7478
+ border-top: 1px solid var(--antd-divider-color);
7149
7479
  }
7150
7480
  .ant-divider-vertical {
7151
7481
  position: relative;
@@ -7155,7 +7485,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
7155
7485
  margin: 0 8px;
7156
7486
  vertical-align: middle;
7157
7487
  border-top: 0;
7158
- border-left: 1px solid rgba(0, 0, 0, 0.06);
7488
+ border-left: 1px solid var(--antd-divider-color);
7159
7489
  }
7160
7490
  .ant-divider-horizontal {
7161
7491
  display: flex;
@@ -7173,7 +7503,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
7173
7503
  white-space: nowrap;
7174
7504
  text-align: center;
7175
7505
  border-top: 0;
7176
- border-top-color: rgba(0, 0, 0, 0.06);
7506
+ border-top-color: var(--antd-divider-color);
7177
7507
  }
7178
7508
  .ant-divider-horizontal.ant-divider-with-text::before,
7179
7509
  .ant-divider-horizontal.ant-divider-with-text::after {
@@ -7208,7 +7538,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
7208
7538
  }
7209
7539
  .ant-divider-dashed {
7210
7540
  background: none;
7211
- border-color: rgba(0, 0, 0, 0.06);
7541
+ border-color: var(--antd-divider-color);
7212
7542
  border-style: dashed;
7213
7543
  border-width: 1px 0 0;
7214
7544
  }
@@ -7567,7 +7897,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
7567
7897
  padding: 4px 0;
7568
7898
  text-align: left;
7569
7899
  list-style-type: none;
7570
- background-color: var(--antd-component-background);
7900
+ background-color: var(--antd-dropdown-menu-bg);
7571
7901
  background-clip: padding-box;
7572
7902
  border-radius: 6px;
7573
7903
  outline: none;
@@ -16123,7 +16453,7 @@ textarea.ant-mentions {
16123
16453
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
16124
16454
  }
16125
16455
  .ant-menu-submenu-popup > .ant-menu {
16126
- background-color: var(--antd-component-background);
16456
+ background-color: var(--antd-menu-popup-bg);
16127
16457
  }
16128
16458
  .ant-menu-submenu-expand-icon,
16129
16459
  .ant-menu-submenu-arrow {
@@ -22088,7 +22418,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
22088
22418
  overflow-y: auto;
22089
22419
  text-align: left;
22090
22420
  list-style-type: none;
22091
- background-color: var(--antd-component-background);
22421
+ background-color: var(--antd-dropdown-menu-bg);
22092
22422
  background-clip: padding-box;
22093
22423
  border-radius: 6px;
22094
22424
  outline: none;
@@ -27091,4 +27421,4 @@ html[data-mode="dashboard"] body.has-sub-menu #main-mount-point {
27091
27421
  }
27092
27422
 
27093
27423
 
27094
- /*# sourceMappingURL=main.768453e7268a4f4831b7.css.map*/
27424
+ /*# sourceMappingURL=main.a9fd049d756aceb072bc.css.map*/