@next-core/brick-container 2.48.0 → 2.50.1

package/dist/{main.c528752e5ea4b67514d2.css → main.6434351334040f6c33b2.css}

@@ -140,6 +140,7 @@ html[data-theme="dark-v2"],
   --color-info-hover: var(--palette-blue-4);
   --color-info-active: var(--palette-blue-8);
   --color-info-bg: var(--palette-blue-2);
+  --color-info-icon-bg: var(--palette-blue-1);
   --color-info-outline: var(--palette-blue-3);
 
   --color-warning: var(--palette-amber-6);
@@ -215,6 +216,15 @@ html[data-theme="dark-v2"],
   --checkbox-bg-hover: #ebf3fd;
   --checkbox-bg-active: var(--palette-gray-3);
 
+  --chart-legend-font-size: 12px;
+  --chart-tooltips-font-size: 12px;
+  --chart-tooltips-font-size: 12px;
+  --chart-axis-x-font-size: 10px;
+  --chart-axis-y-font-size: 10px;
+  --chart-tooltip-bg: rgba(255, 255, 255, 0.95);
+  --chart-auxiliary-text: #9aa1a9;
+  --chart-outline-select: var(--palette-gray-10);
+
   /* component CSS variables */
 
   /***  basic antd variables  ***/
@@ -224,6 +234,10 @@ html[data-theme="dark-v2"],
   --antd-heading-color: rgba(0, 0, 0, 0.85);
   --antd-component-background: #fff;
   --antd-border-color-base: #d9d9d9;
+  --text-color-disabled: #bfbfbf;
+  --antd-background-color-base: #f5f5f5;
+  --antd-item-active-bg: var(--antd-background-color-light);
+  --antd-item-hover-bg: #f5f5f5;
 
   /*** menu ***/
   --antd-menu-bg: #4e93ef;
@@ -287,6 +301,79 @@ html[data-theme="dark-v2"],
   /*** radio button ***/
   --antd-radio-dot-color-fade-8: rgb(0 113 235 0.08);
   --antd-radio-dot-color: var(--antd-primary-color);
+
+  /*** divider ***/
+  --antd-divider-radiation-color: linear-gradient(
+      to right,
+      transparent,
+      #f9f9f9,
+      #979797,
+      #979797
+    )
+    no-repeat;
+  --antd-divider-radiation-text-color: #262626;
+  --antd-divider-radiation-proportion-normal-text-color: #595959;
+  --antd-divider-radiation-proportion-strong-text-color: #262626;
+
+  /*** statistic card ***/
+  --statistic-card-item-title-color: rgba(140, 140, 140, 1);
+  --statistic-card-itme-value-color: #262626;
+
+  /*** base chart ***/
+  --antd-chart-legend-text-color: #595959;
+  --antd-chart-legend-unchecked-text-color: #d8d8d8;
+  --antd-chart-legend-unchecked-mark-color: #d8d8d8;
+  --antd-chart-legend-pageNavigator-marker-color: #000;
+  --antd-chart-legend-pageNavigator-marker-inactive-color: #000;
+  --antd-chart-legend-pageNavigator-text-color: #8c8c8c;
+  --antd-chart-tooltip-bg: rgb(255, 255, 255);
+  --antd-chart-tooltip-boxShadow: 0px 0px 10px #aeaeae;
+  --antd-chart-tooltip-color: var(--antd-chart-legend-text-color);
+  --antd-chart-label-color: var(--antd-chart-legend-text-color);
+
+  /*** general-button ***/
+  --antd-btn-special-icon-type-color: var(--palette-gray-7);
+  --antd-btn-special-icon-type-bg: var(--palette-gray-3);
+  --antd-btn-special-icon-type-hover-color: var(--color-brand);
+  --antd-btn-special-icon-type-hover-bg: #d8ecff;
+  --antd-btn-special-icon-type-disabled-color: var(--palette-gray-6);
+  --antd-btn-special-icon-type-disabled-bg: var(--palette-gray-3);
+
+  --antd-btn-primary-color: #fff;
+  --antd-btn-primary-bg: var(--antd-primary-color);
+  --antd-btn-primary-bg-image: linear-gradient(
+    45deg,
+    rgba(0, 113, 235, 1) 0%,
+    rgba(101, 178, 255, 1) 100%
+  );
+  --antd-btn-primary-hover-bg: var(--bg-color-button-primary-hover);
+  --antd-btn-primary-active-bg: var(--bg-color-button-primary-pressed);
+
+  --antd-btn-default-color: var(--palette-gray-8);
+  --antd-btn-default-border: var(--antd-border-color-base);
+  --antd-btn-default-bg: var(--antd-component-background);
+  --antd-btn-default-active-border-color: #0063ce;
+  --antd-btn-default-active-color: #116ac2;
+  --antd-btn-default-hover-color: #53a7fb;
+  --antd-btn-default-hover-border-color: #53a7fb;
+
+  --antd-btn-danger-bg-image: linear-gradient(45deg, #f0493c 0%, #fc796f 100%);
+  --antd-btn-danger-color: #fff;
+  --antd-btn-danger-hover-bg: var(--bg-color-button-danger-hover);
+  --antd-btn-danger-active-bg: var(--bg-color-button-danger-pressed);
+
+  --antd-btn-link-hover-color: var(--bg-color-button-link-hover);
+  --antd-btn-link-active-color: var(--bg-color-button-link-pressed);
+
+  --antd-btn-fade-text-color: #8c8c8c;
+  --antd-btn-text-hover-color: var(--bg-color-button-link-hover);
+  --antd-btn-text-active-color: var(--bg-color-button-link-pressed);
+
+  /*** anchor ***/
+  --antd-anchor-radio-type-title-color: #6e6e6e;
+  --antd-anchor-radio-type-bg: var(--color-fill-bg-base-1);
+  --antd-anchor-radio-type-title-active-color: #262626;
+  --antd-anchor-radio-type-title-active-bg: var(--antd-component-background);
 }
 
 html[data-theme="dark-v2"],
@@ -351,6 +438,11 @@ html[data-theme="dark-v2"],
   --checkbox-bg-hover: var(--palette-gray-3);
   --checkbox-bg-active: var(--palette-blue-2);
   --dashboard-radio-item-shadow: 0px 0px 0px 2px rgba(20, 40, 74, 0.15);
+
+  --chart-tooltip-bg: rgba(23, 23, 26, 0.95);
+  --chart-auxiliary-text: var(--palette-gray-9);
+  --chart-outline-select: var(--palette-gray-10);
+
   /* component CSS variables */
 
   /***  basic antd variables  ***/
@@ -360,8 +452,15 @@ html[data-theme="dark-v2"],
 
   --antd-border-color-split: var(--color-text-divider-line);
   --antd-heading-color: var(--color-header-text);
+  --antd-component-background: var(--color-fill-bg-container-1);
   --antd-border-color-base: var(--color-border-divider-line);
 
+  --text-color-disabled: var(--color-disabled-text);
+  --antd-background-color-base: var(--color-fill-bg-base-1);
+
+  --antd-item-active-bg: var(--palette-gray-3);
+  --antd-item-hover-bg: var(--palette-gray-3);
+
   /*** menu ***/
   --antd-menu-bg: var(--menu-bg);
   --antd-menu-color: var(--color-header-text);
@@ -415,6 +514,78 @@ html[data-theme="dark-v2"],
   /*** radio button ***/
   --antd-radio-solid-checked-color: var(--color-normal-text);
   --antd-radio-dot-color: var(--antd-primary-color);
+
+  /*** divider ***/
+  --antd-divider-radiation-color: var(--color-text-divider-line);
+  --antd-divider-radiation-text-color: var(--color-header-text);
+  --antd-divider-radiation-proportion-normal-text-color: var(
+    --color-auxiliary-text
+  );
+  --antd-divider-radiation-proportion-strong-text-color: var(
+    --color-normal-text
+  );
+
+  /*** statistic card ***/
+  --statistic-card-item-title-color: var(--color-secondary-text);
+  --statistic-card-itme-value-color: var(--color-normal-text);
+
+  /*** base chart ***/
+  --antd-chart-legend-text-color: var(--color-auxiliary-text);
+  --antd-chart-legend-unchecked-text-color: var(--color-disabled-text);
+  --antd-chart-legend-unchecked-mark-color: var(--color-disabled-text);
+  --antd-chart-legend-pageNavigator-marker-color: var(--palette-gray-10);
+  --antd-chart-legend-pageNavigator-marker-inactive-color: var(
+    --palette-gray-6
+  );
+  --antd-chart-legend-pageNavigator-text-color: var(--color-secondary-text);
+  --antd-chart-tooltip-bg: var(--chart-tooltip-bg);
+  --antd-chart-tooltip-boxShadow: var(--chart-shadow);
+  --antd-chart-tooltip-color: var(--color-normal-text);
+  --antd-chart-label-color: var(--color-auxiliary-text);
+
+  /*** general-button ***/
+  --antd-btn-special-icon-type-color: var(--color-normal-text);
+  --antd-btn-special-icon-type-bg: var(--color-fill-bg-base-1);
+  --antd-btn-special-icon-type-hover-color: var(--color-brand-hover);
+  --antd-btn-special-icon-type-hover-bg: var(--color-info-icon-bg);
+  --antd-btn-special-icon-type-disabled-color: var(--color-disabled-text);
+  --antd-btn-special-icon-type-disabled-bg: var(--color-fill-bg-base-1);
+
+  --antd-btn-primary-color: var(--color-normal-text);
+  --antd-btn-primary-bg: var(--antd-primary-color);
+  --antd-btn-primary-bg-image: linear-gradient(
+    225deg,
+    #3e8ae8 0%,
+    #1a6bdd 100%
+  );
+  --antd-btn-primary-hover-bg: var(--color-info-hover);
+  --antd-btn-primary-active-bg: var(--color-info-active);
+
+  --antd-btn-default-color: var(--color-auxiliary-text);
+  --antd-btn-default-border: var(--color-border-divider-line);
+  --antd-btn-default-bg: var(--color-fill-bg-container-1);
+  --antd-btn-default-active-border-color: var(--color-brand);
+  --antd-btn-default-active-color: var(--color-info);
+  --antd-btn-default-hover-color: var(--color-brand-hover);
+  --antd-btn-default-hover-border-color: var(--color-brand-hover);
+
+  --antd-btn-danger-bg-image: linear-gradient(45deg, #d24525 0%, #7d3426 100%);
+  --antd-btn-danger-color: var(--color-normal-text);
+  --antd-btn-danger-hover-bg: var(--color-error-hover);
+  --antd-btn-danger-active-bg: var(--color-error-active);
+
+  --antd-btn-link-hover-color: var(--color-brand-hover);
+  --antd-btn-link-active-color: var(--color-brand-active);
+
+  --antd-btn-fade-text-color: var(--color-secondary-text);
+  --antd-btn-text-hover-color: var(--color-brand-hover);
+  --antd-btn-text-active-color: var(--color-brand-active);
+
+  /*** anchor ***/
+  --antd-anchor-radio-type-title-color: var(--color-auxiliary-text);
+  --antd-anchor-radio-type-bg: var(--color-fill-bg-base-1);
+  --antd-anchor-radio-type-title-active-color: var(--color-info);
+  --antd-anchor-radio-type-title-active-bg: var(--color-fill-bg-base-3);
 }
 
 
@@ -453,7 +624,6 @@ html[data-theme="dark-v2"],
   --text-color-default: #595959;
   --text-color-title: #262626;
   --text-color-secondary: #8c8c8c;
-  --text-color-disabled: #bfbfbf;
   --text-color-link: var(--antd-link-color);
 
   /* ui-v5 use menuBar and has subMenuBar, ui-v8 use sideBar. */
@@ -618,15 +788,12 @@ html[data-theme="dark-v2"],
   --body-background: #f3f4f7;
 
   /* antd basics */
-  --antd-background-color-base: #f5f5f5;
   --antd-background-color-light: #ebf3fd;
   --antd-box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
     0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
   --antd-column-active-bg: rgba(235, 243, 253, 0.8);
   --antd-disabled-color-fade-10: rgba(191, 191, 191, 0.9);
 
-  --antd-item-active-bg: var(--antd-background-color-light);
-  --antd-item-hover-bg: #f5f5f5;
   --antd-link-color: var(--antd-primary-color);
   --antd-link-hover-color: #2893f7;
   --antd-link-active-color: #0058c4;
@@ -634,12 +801,6 @@ html[data-theme="dark-v2"],
   --antd-text-color: rgba(0, 0, 0, 0.85);
 
   /* antd components */
-  --antd-btn-default-bg: var(--antd-component-background);
-  --antd-btn-default-color: #595959;
-  --antd-btn-default-active-border-color: #0063ce;
-  --antd-btn-default-active-color: #116ac2;
-  --antd-btn-default-hover-border-color: #53a7fb;
-  --antd-btn-default-hover-color: #53a7fb;
   --antd-card-background: var(--antd-component-background);
   --antd-card-head-border-bottom-color: var(--antd-border-color-split);
   --antd-input-bg: var(--antd-component-background);
@@ -2990,7 +3151,7 @@ html {
   border-radius: 6px;
   color: var(--antd-btn-default-color);
   background: var(--antd-btn-default-bg);
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-btn-default-border);
 }
 .ant-btn > .anticon {
   line-height: 1;
@@ -3112,7 +3273,7 @@ html {
   display: inline-block;
 }
 .ant-btn-primary {
-  color: #fff;
+  color: var(--antd-btn-primary-color);
   background: #0071eb;
   border-color: #0071eb;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
@@ -3132,7 +3293,7 @@ html {
 }
 .ant-btn-primary:hover,
 .ant-btn-primary:focus {
-  color: #fff;
+  color: var(--antd-btn-primary-color);
   background: #2893f7;
   border-color: #2893f7;
 }
@@ -3151,7 +3312,7 @@ html {
   content: '';
 }
 .ant-btn-primary:active {
-  color: #fff;
+  color: var(--antd-btn-primary-color);
   background: #0058c4;
   border-color: #0058c4;
 }
@@ -3200,13 +3361,13 @@ html {
   border-left-color: #2893f7;
 }
 .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-btn-default-border);
 }
 .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
   border-right-color: #2893f7;
 }
 .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
-  border-right-color: var(--antd-border-color-base);
+  border-right-color: var(--antd-btn-default-border);
 }
 .ant-btn-group .ant-btn-primary:last-child:not(:first-child),
 .ant-btn-group .ant-btn-primary + .ant-btn-primary {
@@ -3214,7 +3375,7 @@ html {
 }
 .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
 .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
-  border-left-color: var(--antd-border-color-base);
+  border-left-color: var(--antd-btn-default-border);
 }
 .ant-btn-ghost {
   color: var(--antd-text-color);
@@ -3301,7 +3462,7 @@ html {
 .ant-btn-dashed {
   color: var(--antd-btn-default-color);
   background: var(--antd-btn-default-bg);
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-btn-default-border);
   border-style: dashed;
 }
 .ant-btn-dashed > a:only-child {
@@ -3382,7 +3543,7 @@ html {
   content: '';
 }
 .ant-btn-danger {
-  color: #fff;
+  color: var(--antd-btn-danger-color);
   background: #f0493c;
   border-color: #f0493c;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
@@ -3402,7 +3563,7 @@ html {
 }
 .ant-btn-danger:hover,
 .ant-btn-danger:focus {
-  color: #fff;
+  color: var(--antd-btn-danger-color);
   background: #fc7668;
   border-color: #fc7668;
 }
@@ -3421,7 +3582,7 @@ html {
   content: '';
 }
 .ant-btn-danger:active {
-  color: #fff;
+  color: var(--antd-btn-danger-color);
   background: #c92e28;
   border-color: #c92e28;
 }
@@ -3789,7 +3950,7 @@ html {
   content: '';
 }
 .ant-btn-dangerous.ant-btn-primary {
-  color: #fff;
+  color: var(--antd-btn-danger-color);
   background: #f0493c;
   border-color: #f0493c;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
@@ -3809,7 +3970,7 @@ html {
 }
 .ant-btn-dangerous.ant-btn-primary:hover,
 .ant-btn-dangerous.ant-btn-primary:focus {
-  color: #fff;
+  color: var(--antd-btn-danger-color);
   background: #fc7668;
   border-color: #fc7668;
 }
@@ -3828,7 +3989,7 @@ html {
   content: '';
 }
 .ant-btn-dangerous.ant-btn-primary:active {
-  color: #fff;
+  color: var(--antd-btn-danger-color);
   background: #c92e28;
   border-color: #c92e28;
 }
@@ -4824,11 +4985,11 @@ a.ant-btn-sm {
 .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
 .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
   border-right-color: #2893f7;
-  border-left-color: var(--antd-border-color-base);
+  border-left-color: var(--antd-btn-default-border);
 }
 .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
 .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
-  border-right-color: var(--antd-border-color-base);
+  border-right-color: var(--antd-btn-default-border);
   border-left-color: #2893f7;
 }
 .ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
@@ -25625,7 +25786,7 @@ div.ant-typography-edit-content.ant-typography-rtl {
   transition: initial;
 }
 .ant-btn-primary {
-  background-image: linear-gradient(45deg, #0071eb 0%, #65b2ff 100%);
+  background-image: var(--antd-btn-primary-bg-image);
   background-origin: border-box;
   border-color: transparent;
   text-shadow: none;
@@ -25636,16 +25797,16 @@ div.ant-typography-edit-content.ant-typography-rtl {
 }
 .ant-btn-primary:hover,
 .ant-btn-primary:focus {
-  background-color: var(--bg-color-button-primary-hover);
-  border-color: var(--bg-color-button-primary-hover);
+  background-color: var(--antd-btn-primary-hover-bg);
+  border-color: var(--antd-btn-primary-hover-bg);
 }
 .ant-btn-primary.active,
 .ant-btn-primary:active {
-  background-color: var(--bg-color-button-primary-pressed);
-  border-color: var(--bg-color-button-primary-pressed);
+  background-color: var(--antd-btn-primary-active-bg);
+  border-color: var(--antd-btn-primary-active-bg);
 }
 .ant-btn-danger {
-  background-image: linear-gradient(45deg, #f0493c 0%, #fc796f 100%);
+  background-image: var(--antd-btn-danger-bg-image);
   background-origin: border-box;
   border-color: transparent;
 }
@@ -25654,13 +25815,13 @@ div.ant-typography-edit-content.ant-typography-rtl {
 }
 .ant-btn-danger:hover,
 .ant-btn-danger:focus {
-  background-color: var(--bg-color-button-danger-hover);
-  border-color: var(--bg-color-button-danger-hover);
+  background-color: var(--antd-btn-danger-hover-bg);
+  border-color: var(--antd-btn-danger-hover-bg);
 }
 .ant-btn-danger.active,
 .ant-btn-danger:active {
-  background-color: var(--bg-color-button-danger-pressed);
-  border-color: var(--bg-color-button-danger-pressed);
+  background-color: var(--antd-btn-danger-active-bg);
+  border-color: var(--antd-btn-danger-active-bg);
 }
 .ant-btn-default:hover,
 .ant-btn-default:focus {
@@ -25674,23 +25835,23 @@ div.ant-typography-edit-content.ant-typography-rtl {
 }
 .ant-btn-link:hover,
 .ant-btn-link:focus {
-  color: var(--bg-color-button-link-hover);
+  color: var(--antd-btn-link-hover-color);
 }
 .ant-btn-link.active,
 .ant-btn-link:active {
-  color: var(--bg-color-button-link-pressed);
+  color: var(--antd-btn-link-active-color);
 }
 .ant-btn-text {
   color: var(--antd-btn-default-color);
 }
 .ant-btn-text:hover,
 .ant-btn-text:focus {
-  color: var(--bg-color-button-link-hover);
+  color: var(--antd-btn-text-hover-color);
   background-color: transparent;
 }
 .ant-btn-text.active,
 .ant-btn-text:active {
-  color: var(--bg-color-button-link-pressed);
+  color: var(--antd-btn-text-active-color);
   background-color: transparent;
 }
 .ant-btn-circle.ant-btn-sm {
@@ -27503,4 +27664,4 @@ html[data-mode="dashboard"] body.has-sub-menu #main-mount-point {
 }
 
 
-/*# sourceMappingURL=main.c528752e5ea4b67514d2.css.map*/
+/*# sourceMappingURL=main.6434351334040f6c33b2.css.map*/