@next-core/brick-container 2.47.1 → 2.48.0

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 (8) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/index.html +1 -1
  3. package/dist/{main.436c9281eb6569d3eef8.css → main.c528752e5ea4b67514d2.css} +67 -25
  4. package/dist/main.c528752e5ea4b67514d2.css.map +1 -0
  5. package/dist/{main.8176d1f0e80ac7976e74.js → main.dc2385dee9cddaecabbd.js} +2 -2
  6. package/dist/{main.8176d1f0e80ac7976e74.js.map → main.dc2385dee9cddaecabbd.js.map} +1 -1
  7. package/package.json +11 -11
  8. package/dist/main.436c9281eb6569d3eef8.css.map +0 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [2.48.0](https://github.com/easyops-cn/next-core/compare/@next-core/brick-container@2.47.1...@next-core/brick-container@2.48.0) (2022-01-07)
7
+
8
+
9
+ ### Features
10
+
11
+ * general-radio style ([7065687](https://github.com/easyops-cn/next-core/commit/7065687063a4e14e3696f3feb6996f5629ede9c8))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [2.47.1](https://github.com/easyops-cn/next-core/compare/@next-core/brick-container@2.47.0...@next-core/brick-container@2.47.1) (2022-01-07)
7
18
 
8
19
  **Note:** Version bump only for package @next-core/brick-container
package/dist/index.html CHANGED
@@ -1 +1 @@
1
- <!doctype html><html lang="zh-CN" data-theme="light" data-mode="default"><head><meta charset="utf-8"><title>DevOps 管理专家</title><base href="<!--# echo var='base_href' default='/' -->"><link rel="shortcut icon" type="image/png" href="<!--# echo var='core_root' default='' -->assets/favicon.png"/><script>(!("documentMode" in document)&&CSS.supports("display","grid")&&window.customElements)||(location.href="<!--# echo var='base_href' default='/' -->browse-happy.html")</script><link href="<!--# echo var='core_root' default='' -->main.436c9281eb6569d3eef8.css" rel="stylesheet"></head><body><div id="root-layout"><nav id="menu-bar-mount-point" class="print-hide"></nav><div id="root-content"><header id="app-bar-mount-point" class="print-hide"></header><div id="main-mount-point"></div><div id="legacy-iframe-mount-point"></div></div><div id="loading-bar-mount-point"><div class="global-loading-bar initial-loading-bar"><div></div></div></div></div><div id="bg-mount-point"></div><div id="portal-mount-point"></div><script src="<!--# echo var='core_root' default='' -->dll.2cf9ab82.js"></script><script src="<!--# echo var='core_root' default='' -->polyfill.cdf468d8ec73cc7a5766.js"></script><script src="<!--# echo var='core_root' default='' -->main.8176d1f0e80ac7976e74.js"></script></body></html>
1
+ <!doctype html><html lang="zh-CN" data-theme="light" data-mode="default"><head><meta charset="utf-8"><title>DevOps 管理专家</title><base href="<!--# echo var='base_href' default='/' -->"><link rel="shortcut icon" type="image/png" href="<!--# echo var='core_root' default='' -->assets/favicon.png"/><script>(!("documentMode" in document)&&CSS.supports("display","grid")&&window.customElements)||(location.href="<!--# echo var='base_href' default='/' -->browse-happy.html")</script><link href="<!--# echo var='core_root' default='' -->main.c528752e5ea4b67514d2.css" rel="stylesheet"></head><body><div id="root-layout"><nav id="menu-bar-mount-point" class="print-hide"></nav><div id="root-content"><header id="app-bar-mount-point" class="print-hide"></header><div id="main-mount-point"></div><div id="legacy-iframe-mount-point"></div></div><div id="loading-bar-mount-point"><div class="global-loading-bar initial-loading-bar"><div></div></div></div></div><div id="bg-mount-point"></div><div id="portal-mount-point"></div><script src="<!--# echo var='core_root' default='' -->dll.2cf9ab82.js"></script><script src="<!--# echo var='core_root' default='' -->polyfill.cdf468d8ec73cc7a5766.js"></script><script src="<!--# echo var='core_root' default='' -->main.dc2385dee9cddaecabbd.js"></script></body></html>
package/dist/{main.436c9281eb6569d3eef8.css → main.c528752e5ea4b67514d2.css} RENAMED
@@ -115,9 +115,12 @@ html[data-theme="dark-v2"],
115
115
  --color-fill-bg-container-2: var(--palette-gray-1);
116
116
  --color-fill-bg-container-3: var(--palette-gray-1);
117
117
  --color-fill-bg-container-4: var(--palette-gray-1);
118
+ --color-fill-bg-container-5: var(--palette-gray-8);
118
119
 
119
120
  --color-fill-bg-base-1: var(--palette-gray-3);
120
- --color-fill-bg-base-2: #d9ffff;
121
+ --color-fill-bg-base-2: rgb(255, 255, 255, 0.08);
122
+ --color-fill-bg-base-3: #f3f4f7;
123
+ --color-fill-bg-base-4: var(--palette-gray-2);
121
124
  --color-text-divider-line: var(--palette-gray-4);
122
125
  --color-border-divider-line: var(--palette-gray-5);
123
126
  --color-header-text: var(--palette-gray-9);
@@ -194,7 +197,11 @@ html[data-theme="dark-v2"],
194
197
  --fullscreen-overlay-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
195
198
  --hover-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.8);
196
199
  --slide-up-shadow: 0px -4px 12px 0px rgba(0, 0, 0, 0.15);
197
-
200
+ --menu-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.24);
201
+ --input-shadow: 0px 0px 0px 2px rgba(189, 225, 255, 1);
202
+ --input-success-shadow: 0px 0px 0px 2px rgba(229, 255, 199, 1);
203
+ --input-error-shadow: 0px 0px 0px 2px rgba(255, 218, 201, 1);
204
+ --chart-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
198
205
  --border-width-base: 1px;
199
206
  --border-width-double-base: 2px;
200
207
  --no-border-width: 0;
@@ -206,14 +213,17 @@ html[data-theme="dark-v2"],
206
213
  --app-submenu-active-bg: #e0eeff;
207
214
 
208
215
  --checkbox-bg-hover: #ebf3fd;
216
+ --checkbox-bg-active: var(--palette-gray-3);
209
217
 
210
218
  /* component CSS variables */
211
219
 
212
220
  /*** basic antd variables ***/
221
+ --antd-primary-color: var(--color-brand);
213
222
  --antd-border-color-split-lighten-80: #fff;
214
223
  --antd-border-color-split: #f0f0f0;
215
224
  --antd-heading-color: rgba(0, 0, 0, 0.85);
216
225
  --antd-component-background: #fff;
226
+ --antd-border-color-base: #d9d9d9;
217
227
 
218
228
  /*** menu ***/
219
229
  --antd-menu-bg: #4e93ef;
@@ -258,12 +268,25 @@ html[data-theme="dark-v2"],
258
268
  /*** checkbox ***/
259
269
  --antd-checkbox-color: var(--color-brand);
260
270
  --antd-checkbox-bg-hover: var(--checkbox-bg-hover);
261
- --antd-checkbox-checked: #f5f5f5;
271
+ --antd-checkbox-checked: var(--checkbox-bg-active);
262
272
 
263
273
  /*** card ***/
264
274
  --antd-card-background: var(--antd-component-background);
265
- --antd-heading-color: var(--color-normal-text);
266
275
  --antd-card-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.04);
276
+
277
+ /*** radio dashboard ***/
278
+ --antd-dashboard-radio-bg: #f2f5f9;
279
+ --antd-dashboard-radio-item-bg: #f0f3fa;
280
+ --antd-dashboard-radio-item-color: #777f99;
281
+ --antd-dashboard-radio-item-disabled-color: var(--color-disabled-text);
282
+ --antd-dashboard-radio-item-checked-bg: var(--antd-component-background);
283
+ --antd-dashboard-radio-item-checked-color: var(--color-info);
284
+ --antd-dashboard-radio-item-checked-shadow: 0 0 0 3px rgb(0, 113, 235, 0.08);
285
+ --antd-radio-solid-checked-color: var(--antd-component-background);
286
+
287
+ /*** radio button ***/
288
+ --antd-radio-dot-color-fade-8: rgb(0 113 235 0.08);
289
+ --antd-radio-dot-color: var(--antd-primary-color);
267
290
  }
268
291
 
269
292
  html[data-theme="dark-v2"],
@@ -291,8 +314,10 @@ html[data-theme="dark-v2"],
291
314
  --color-fill-bg-container-2: #2a2a2b;
292
315
  --color-fill-bg-container-3: #313132;
293
316
  --color-fill-bg-container-4: #373739;
317
+ --color-fill-bg-container-5: #373739;
294
318
 
295
319
  --color-fill-bg-base-2: var(--palette-gray-3);
320
+ --color-fill-bg-base-3: var(--palette-gray-2);
296
321
  --color-auxiliary-text: var(--palette-gray-9);
297
322
  --color-strong-text: var(--palette-gray-10);
298
323
  --color-normal-text: var(--palette-gray-9);
@@ -309,6 +334,10 @@ html[data-theme="dark-v2"],
309
334
  --hover-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.8);
310
335
  --slide-up-shadow: 0px -6px 18px 0px rgba(0, 0, 0, 0.14);
311
336
  --menu-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.24);
337
+ --input-shadow: 0px 0px 0px 2px rgba(20, 40, 74, 1);
338
+ --input-success-shadow: 0px 0px 0px 2px rgba(40, 72, 24, 1);
339
+ --input-error-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1);
340
+ --chart-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.14);
312
341
 
313
342
  --menu-bg: var(--palette-gray-3);
314
343
  --menu-item-selected-bg: var(--palette-blue-6);
@@ -320,13 +349,18 @@ html[data-theme="dark-v2"],
320
349
  --app-submenu-active-bg: var(--palette-blue-1);
321
350
 
322
351
  --checkbox-bg-hover: var(--palette-gray-3);
352
+ --checkbox-bg-active: var(--palette-blue-2);
353
+ --dashboard-radio-item-shadow: 0px 0px 0px 2px rgba(20, 40, 74, 0.15);
323
354
  /* component CSS variables */
324
355
 
325
356
  /*** basic antd variables ***/
357
+ --antd-primary-color: var(--color-brand);
326
358
  --antd-text-color: var(--color-normal-text);
327
359
  --antd-text-color-secondary: var(--color-secondary-text);
328
360
 
329
361
  --antd-border-color-split: var(--color-text-divider-line);
362
+ --antd-heading-color: var(--color-header-text);
363
+ --antd-border-color-base: var(--color-border-divider-line);
330
364
 
331
365
  /*** menu ***/
332
366
  --antd-menu-bg: var(--menu-bg);
@@ -364,12 +398,23 @@ html[data-theme="dark-v2"],
364
398
  /*** checkbox ***/
365
399
  --antd-checkbox-color: var(--color-brand);
366
400
  --antd-checkbox-bg-hover: var(--checkbox-bg-hover);
367
- --antd-checkbox-checked: var(--color-info-bg);
401
+ --antd-checkbox-checked: var(--checkbox-bg-active);
368
402
 
369
403
  /*** card ***/
370
404
  --antd-card-background: var(--color-fill-bg-container-1);
371
- --antd-heading-color: var(--color-normal-text);
372
405
  --antd-card-shadow: var(--base-shadow);
406
+
407
+ /*** radio dashboard ***/
408
+ --antd-dashboard-radio-bg: var(--color-fill-bg-container-3);
409
+ --antd-dashboard-radio-item-bg: var(--color-fill-bg-container-3);
410
+ --antd-dashboard-radio-item-color: var(--color-normal-text);
411
+ --antd-dashboard-radio-item-disabled-color: var(--color-disabled-text);
412
+ --antd-dashboard-radio-item-checked-bg: var(--color-fill-bg-base-3);
413
+ --antd-dashboard-radio-item-checked-shadow: var(--radio-item-shadow);
414
+
415
+ /*** radio button ***/
416
+ --antd-radio-solid-checked-color: var(--color-normal-text);
417
+ --antd-radio-dot-color: var(--antd-primary-color);
373
418
  }
374
419
 
375
420
 
@@ -575,7 +620,6 @@ html[data-theme="dark-v2"],
575
620
  /* antd basics */
576
621
  --antd-background-color-base: #f5f5f5;
577
622
  --antd-background-color-light: #ebf3fd;
578
- --antd-border-color-base: #d9d9d9;
579
623
  --antd-box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
580
624
  0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
581
625
  --antd-column-active-bg: rgba(235, 243, 253, 0.8);
@@ -586,7 +630,6 @@ html[data-theme="dark-v2"],
586
630
  --antd-link-color: var(--antd-primary-color);
587
631
  --antd-link-hover-color: #2893f7;
588
632
  --antd-link-active-color: #0058c4;
589
- --antd-primary-color: var(--color-brand);
590
633
  --antd-text-color-secondary: rgba(0, 0, 0, 0.45);
591
634
  --antd-text-color: rgba(0, 0, 0, 0.85);
592
635
 
@@ -608,7 +651,6 @@ html[data-theme="dark-v2"],
608
651
  --antd-background-color-light
609
652
  );
610
653
  --antd-picker-basic-cell-hover-with-range-color: #9fcdff;
611
- --antd-radio-solid-checked-color: var(--antd-component-background);
612
654
  --antd-select-dropdown-bg: var(--antd-component-background);
613
655
  --antd-select-item-active-bg: var(--antd-item-active-bg);
614
656
  --antd-select-item-selected-bg: #f5f5f5;
@@ -18733,10 +18775,10 @@ textarea.ant-pagination-options-quick-jumper input {
18733
18775
  .ant-radio-wrapper:hover .ant-radio,
18734
18776
  .ant-radio:hover .ant-radio-inner,
18735
18777
  .ant-radio-input:focus + .ant-radio-inner {
18736
- border-color: #0071eb;
18778
+ border-color: var(--antd-radio-dot-color);
18737
18779
  }
18738
18780
  .ant-radio-input:focus + .ant-radio-inner {
18739
- box-shadow: 0 0 0 3px rgba(0, 113, 235, 0.08);
18781
+ box-shadow: 0 0 0 3px var(--antd-radio-dot-color-fade-8);
18740
18782
  }
18741
18783
  .ant-radio-checked::after {
18742
18784
  position: absolute;
@@ -18744,7 +18786,7 @@ textarea.ant-pagination-options-quick-jumper input {
18744
18786
  left: 0;
18745
18787
  width: 100%;
18746
18788
  height: 100%;
18747
- border: 1px solid #0071eb;
18789
+ border: 1px solid var(--antd-radio-dot-color);
18748
18790
  border-radius: 50%;
18749
18791
  visibility: hidden;
18750
18792
  animation: antRadioEffect 0.36s ease-in-out;
@@ -18776,7 +18818,7 @@ textarea.ant-pagination-options-quick-jumper input {
18776
18818
  display: table;
18777
18819
  width: 8px;
18778
18820
  height: 8px;
18779
- background-color: #0071eb;
18821
+ background-color: var(--antd-radio-dot-color);
18780
18822
  border-top: 0;
18781
18823
  border-left: 0;
18782
18824
  border-radius: 8px;
@@ -18796,7 +18838,7 @@ textarea.ant-pagination-options-quick-jumper input {
18796
18838
  opacity: 0;
18797
18839
  }
18798
18840
  .ant-radio-checked .ant-radio-inner {
18799
- border-color: #0071eb;
18841
+ border-color: var(--antd-radio-dot-color);
18800
18842
  }
18801
18843
  .ant-radio-checked .ant-radio-inner::after {
18802
18844
  transform: scale(1);
@@ -18887,10 +18929,10 @@ span.ant-radio + * {
18887
18929
  }
18888
18930
  .ant-radio-button-wrapper:hover {
18889
18931
  position: relative;
18890
- color: #0071eb;
18932
+ color: var(--antd-radio-dot-color);
18891
18933
  }
18892
18934
  .ant-radio-button-wrapper:focus-within {
18893
- box-shadow: 0 0 0 3px rgba(0, 113, 235, 0.08);
18935
+ box-shadow: 0 0 0 3px var(--antd-radio-dot-color-fade-8);
18894
18936
  }
18895
18937
  .ant-radio-button-wrapper .ant-radio-inner,
18896
18938
  .ant-radio-button-wrapper input[type='checkbox'],
@@ -18902,15 +18944,15 @@ span.ant-radio + * {
18902
18944
  }
18903
18945
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
18904
18946
  z-index: 1;
18905
- color: #0071eb;
18947
+ color: var(--antd-radio-dot-color);
18906
18948
  background: var(--antd-btn-default-bg);
18907
- border-color: #0071eb;
18949
+ border-color: var(--antd-radio-dot-color);
18908
18950
  }
18909
18951
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
18910
- background-color: #0071eb;
18952
+ background-color: var(--antd-radio-dot-color);
18911
18953
  }
18912
18954
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
18913
- border-color: #0071eb;
18955
+ border-color: var(--antd-radio-dot-color);
18914
18956
  }
18915
18957
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
18916
18958
  color: #2893f7;
@@ -18927,12 +18969,12 @@ span.ant-radio + * {
18927
18969
  background-color: #0058c4;
18928
18970
  }
18929
18971
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
18930
- box-shadow: 0 0 0 3px rgba(0, 113, 235, 0.08);
18972
+ box-shadow: 0 0 0 3px var(--antd-radio-dot-color-fade-8);
18931
18973
  }
18932
18974
  .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
18933
18975
  color: var(--antd-radio-solid-checked-color);
18934
- background: #0071eb;
18935
- border-color: #0071eb;
18976
+ background: var(--antd-radio-dot-color);
18977
+ border-color: var(--antd-radio-dot-color);
18936
18978
  }
18937
18979
  .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
18938
18980
  color: var(--antd-radio-solid-checked-color);
@@ -18945,7 +18987,7 @@ span.ant-radio + * {
18945
18987
  border-color: #0058c4;
18946
18988
  }
18947
18989
  .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
18948
- box-shadow: 0 0 0 3px rgba(0, 113, 235, 0.08);
18990
+ box-shadow: 0 0 0 3px var(--antd-radio-dot-color-fade-8);
18949
18991
  }
18950
18992
  .ant-radio-button-wrapper-disabled {
18951
18993
  color: var(--text-color-disabled);
@@ -27461,4 +27503,4 @@ html[data-mode="dashboard"] body.has-sub-menu #main-mount-point {
27461
27503
  }
27462
27504
 
27463
27505
 
27464
- /*# sourceMappingURL=main.436c9281eb6569d3eef8.css.map*/
27506
+ /*# sourceMappingURL=main.c528752e5ea4b67514d2.css.map*/