@zyzgroup/core-web 0.1.90 → 0.1.93

package/dist/css/better.css

@@ -153,6 +153,11 @@ body {
     */
     -ms-interpolation-mode: bicubic;
   }
+  /* .img-rect {
+    aspect-ratio: 1 / 1;
+    height: 0;
+    padding-top: 100%;
+  } */
 
   pre {
     max-width: 100%;

package/dist/css/font.css

@@ -73,3 +73,111 @@
   font-weight: bold;
   font-style: normal;
 }
+
+@font-face {
+  font-family: Optimistic Text;
+  src: url(../fonts/react/Optimistic_Text_W_Rg.woff2) format("woff2");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* vietnamese */
+@font-face {
+  font-family: "Signika Negative";
+  font-style: normal;
+  font-weight: 300;
+  src: url(https://fonts.gstatic.com/s/signikanegative/v26/E218_cfngu7HiRpPX3ZpNE4kY5zKYvqhr7vr5zfbRQ.woff2)
+    format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
+    U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Signika Negative";
+  font-style: normal;
+  font-weight: 300;
+  src: url(https://fonts.gstatic.com/s/signikanegative/v26/E218_cfngu7HiRpPX3ZpNE4kY5zKYvuhr7vr5zfbRQ.woff2)
+    format("woff2");
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
+    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
+    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Signika Negative";
+  font-style: normal;
+  font-weight: 300;
+  src: url(https://fonts.gstatic.com/s/signikanegative/v26/E218_cfngu7HiRpPX3ZpNE4kY5zKYvWhr7vr5zc.woff2)
+    format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
+    U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Signika Negative";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/signikanegative/v26/E218_cfngu7HiRpPX3ZpNE4kY5zKYvqhr7vr5zfbRQ.woff2)
+    format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
+    U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Signika Negative";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/signikanegative/v26/E218_cfngu7HiRpPX3ZpNE4kY5zKYvuhr7vr5zfbRQ.woff2)
+    format("woff2");
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
+    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
+    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Signika Negative";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/signikanegative/v26/E218_cfngu7HiRpPX3ZpNE4kY5zKYvWhr7vr5zc.woff2)
+    format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
+    U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Signika Negative";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/signikanegative/v26/E218_cfngu7HiRpPX3ZpNE4kY5zKYvqhr7vr5zfbRQ.woff2)
+    format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
+    U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Signika Negative";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/signikanegative/v26/E218_cfngu7HiRpPX3ZpNE4kY5zKYvuhr7vr5zfbRQ.woff2)
+    format("woff2");
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
+    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
+    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Signika Negative";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/signikanegative/v26/E218_cfngu7HiRpPX3ZpNE4kY5zKYvWhr7vr5zc.woff2)
+    format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
+    U+2212, U+2215, U+FEFF, U+FFFD;
+}

package/dist/css/theme.css

@@ -22,8 +22,8 @@
   --yz-padding-vertical: 10px;
   --yz-padding-vertical-double: 20px;
 
-  --yz-font-size: 16px; /* 1.4 line-height : 上下单边距 = 3px */
-  --yz-font-size-secondary: 14px; /* 1.4 line-height : 上下单边距 = 3px */
+  --yz-font-size: 16px; /* 1.4 line-height：上下单边距 = 3px */
+  --yz-font-size-secondary: 14px; /* 1.4 line-height：上下单边距 = 3px */
 
   --yz-disabled-opacity: 0.4;
 
@@ -44,20 +44,9 @@
   --yz-input-height: 44px;
   --yz-input-border-radius: 4px;
 
-  /* 组件：颜色反向 */
-  --yz-foreground-reverse: #ffffff;
-  --yz-foreground-border-reverse: #e6e6e6;
-  --yz-panel-reverse: #f5f5f5;
-  --yz-panel-border-reverse: #b3b3b3;
-  --yz-gap-reverse: #cccccc;
-  --yz-placeholder-reverse: #8f8f8f;
-  --yz-font-reverse: #333333;
-  --yz-font-secondary-reverse: #666666;
-  --yz-font-tertiary-reverse: #999999;
-
-  /* 组件：颜色加深 */
-  --yz-foreground-common: #ffffff;
-  --yz-foreground-border-common: #e6e6e6;
+  /* 组件：深色模式下：颜色加深 */
+  --yz-background-common: #ffffff;
+  --yz-background-border-common: #e6e6e6;
   --yz-panel-common: #f5f5f5;
   --yz-panel-border-common: #b3b3b3;
   --yz-gap-common: #cccccc;
@@ -66,7 +55,18 @@
   --yz-font-secondary-common: #666666;
   --yz-font-tertiary-common: #999999;
 
-  /* 预定义颜色：颜色加深 */
+  /* 组件：深色模式下：颜色反向 */
+  --yz-background-reverse: #ffffff;
+  --yz-background-border-reverse: #e6e6e6;
+  --yz-panel-reverse: #f5f5f5;
+  --yz-panel-border-reverse: #b3b3b3;
+  --yz-gap-reverse: #cccccc;
+  --yz-placeholder-reverse: #8f8f8f;
+  --yz-font-reverse: #333333;
+  --yz-font-secondary-reverse: #666666;
+  --yz-font-tertiary-reverse: #999999;
+
+  /* 预定义颜色：深色模式下：颜色加深 */
   --yz-xg-blue: #5a82f0;
   --yz-xg-blue-panel: #e6f0ff; /* #e3eeff */
   --yz-xg-blue-panel-border: #a0b4f0;
@@ -77,11 +77,14 @@
   --yz-xg-red-panel-border: #fac8c8;
   --yz-xg-red-gradient: #fa8c78;
 
+  --yz-xg-green: #00be5a;
+  --yz-xg-green-gradient: #00e678;
+
   --yz-xg-yellow: #fa8c00;
   --yz-xg-yellow-gradient: #ffb400;
 
-  --yz-xg-green: #00be5a;
-  --yz-xg-green-gradient: #00e678;
+  --yz-xg-newenergy: #64c896;
+  --yz-xg-newenergy-panel: #ebfaf2;
 
   --yz-ks-green: #328a8c;
   --yz-ks-green-panel: #ebf4f4;
@@ -89,15 +92,29 @@
   --yz-yz-green: #29c999;
   --yz-yz-green-panel: #eef8f8;
 
-  --yz-xg-newenergy: #64c896;
-  --yz-xg-newenergy-panel: #ebfaf2;
+  /* 系统通用颜色：深色模式下：颜色加深 */
+  --yz-foreground: var(--yz-xg-blue, #5a82f0);
+
+  --yz-success: rgb(44, 122, 57);
+  --yz-error: rgb(171, 43, 63);
+  --yz-warning: rgb(150, 108, 30);
+
+  --yz-rainbow-red: rgb(235, 95, 87);
+  --yz-rainbow-orange: rgb(245, 139, 87);
+  --yz-rainbow-yellow: rgb(250, 195, 95);
+  --yz-rainbow-green: rgb(145, 200, 130);
+  --yz-rainbow-blue: rgb(130, 170, 220);
+  --yz-rainbow-indigo: rgb(155, 130, 200);
+  --yz-rainbow-violet: rgb(200, 130, 180);
 
-  /* 预定义颜色模式：xg-blue:信鸽蓝 */
-  --yz-pattern-xg-blue-primary: var(--yz-xg-blue, #5a82f0);
+  /* 预定义颜色模式：深色模式下：颜色加深 */
+
+  /* 预定义颜色模式：xg-blue：信鸽蓝 */
+  --yz-pattern-xg-blue-primary: var(--yz-xg-blue);
   --yz-pattern-xg-blue-secondary: var(--yz-xg-blue-panel);
   --yz-pattern-xg-blue-gradient: var(--yz-xg-blue-gradient);
-  --yz-pattern-xg-blue-foreground: var(--yz-foreground-common);
-  --yz-pattern-xg-blue-foreground-border: var(--yz-foreground-border-common);
+  --yz-pattern-xg-blue-background: var(--yz-background-common);
+  --yz-pattern-xg-blue-background-border: var(--yz-background-border-common);
   --yz-pattern-xg-blue-panel: var(--yz-panel-common);
   --yz-pattern-xg-blue-panel-border: var(--yz-panel-border-common);
   --yz-pattern-xg-blue-gap: var(--yz-gap-common);
@@ -106,12 +123,12 @@
   --yz-pattern-xg-blue-font-secondary: var(--yz-font-secondary-common);
   --yz-pattern-xg-blue-font-tertiary: var(--yz-font-tertiary-common);
 
-  /* 预定义颜色模式：xg-red:信鸽红 */
+  /* 预定义颜色模式：xg-red：信鸽红 */
   --yz-pattern-xg-red-primary: var(--yz-xg-red);
   --yz-pattern-xg-red-secondary: var(--yz-xg-red-panel);
   --yz-pattern-xg-red-gradient: var(--yz-xg-red-gradient);
-  --yz-pattern-xg-red-foreground: var(--yz-foreground-common);
-  --yz-pattern-xg-red-foreground-border: var(--yz-foreground-border-common);
+  --yz-pattern-xg-red-background: var(--yz-background-common);
+  --yz-pattern-xg-red-background-border: var(--yz-background-border-common);
   --yz-pattern-xg-red-panel: var(--yz-panel-common);
   --yz-pattern-xg-red-panel-border: var(--yz-panel-border-common);
   --yz-pattern-xg-red-gap: var(--yz-gap-common);
@@ -120,10 +137,10 @@
   --yz-pattern-xg-red-font-secondary: var(--yz-font-secondary-common);
   --yz-pattern-xg-red-font-tertiary: var(--yz-font-tertiary-common);
 
-  /* 预定义颜色模式：xg-green:信鸽绿 */
+  /* 预定义颜色模式：xg-green：信鸽绿 */
   --yz-pattern-xg-green-primary: var(--yz-xg-green);
-  --yz-pattern-xg-green-foreground: var(--yz-foreground-common);
-  --yz-pattern-xg-green-foreground-border: var(--yz-foreground-border-common);
+  --yz-pattern-xg-green-background: var(--yz-background-common);
+  --yz-pattern-xg-green-background-border: var(--yz-background-border-common);
   --yz-pattern-xg-green-panel: var(--yz-panel-common);
   --yz-pattern-xg-green-panel-border: var(--yz-panel-border-common);
   --yz-pattern-xg-green-gap: var(--yz-gap-common);
@@ -132,12 +149,12 @@
   --yz-pattern-xg-green-font-secondary: var(--yz-font-secondary-common);
   --yz-pattern-xg-green-font-tertiary: var(--yz-font-tertiary-common);
 
-  /* 预定义颜色模式：ks-green:昆山绿 */
+  /* 预定义颜色模式：ks-green：昆山绿 */
   --yz-pattern-ks-green-primary: var(--yz-ks-green);
   --yz-pattern-ks-green-secondary: var(--yz-ks-green-panel);
   --yz-pattern-ks-green-gradient: var(--yz-ks-green);
-  --yz-pattern-ks-green-foreground: var(--yz-foreground-common);
-  --yz-pattern-ks-green-foreground-border: var(--yz-foreground-border-common);
+  --yz-pattern-ks-green-background: var(--yz-background-common);
+  --yz-pattern-ks-green-background-border: var(--yz-background-border-common);
   --yz-pattern-ks-green-panel: var(--yz-panel-common);
   --yz-pattern-ks-green-panel-border: var(--yz-panel-border-common);
   --yz-pattern-ks-green-gap: var(--yz-gap-common);
@@ -146,12 +163,12 @@
   --yz-pattern-ks-green-font-secondary: var(--yz-font-secondary-common);
   --yz-pattern-ks-green-font-tertiary: var(--yz-font-tertiary-common);
 
-  /* 预定义颜色模式：yz-green:扬州绿 */
+  /* 预定义颜色模式：yz-green：扬州绿 */
   --yz-pattern-yz-green-primary: var(--yz-yz-green);
   --yz-pattern-yz-green-secondary: var(--yz-yz-green-panel);
   --yz-pattern-yz-green-gradient: var(--yz-yz-green);
-  --yz-pattern-yz-green-foreground: var(--yz-foreground-common);
-  --yz-pattern-yz-green-foreground-border: var(--yz-foreground-border-common);
+  --yz-pattern-yz-green-background: var(--yz-background-common);
+  --yz-pattern-yz-green-background-border: var(--yz-background-border-common);
   --yz-pattern-yz-green-panel: var(--yz-panel-common);
   --yz-pattern-yz-green-panel-border: var(--yz-panel-border-common);
   --yz-pattern-yz-green-gap: var(--yz-gap-common);
@@ -179,20 +196,9 @@ html[data-theme="light"]:host {
 } */
 html[data-theme="dark"]:root,
 html[data-theme="dark"]:host {
-  /* 组件：颜色反向 */
-  --yz-foreground-reverse: #1d1d1d;
-  --yz-foreground-border-reverse: #333333;
-  --yz-panel-reverse: #242424;
-  --yz-panel-border-reverse: #555555;
-  --yz-gap-reverse: #444444;
-  --yz-placeholder-reverse: #707070;
-  --yz-font-reverse: #cdcdcd;
-  --yz-font-secondary-reverse: #8d8d8d;
-  --yz-font-tertiary-reverse: #5d5d5d;
-
-  /* 组件：颜色加深 */
-  --yz-foreground-common: #eeeeee;
-  --yz-foreground-border-common: #dddddd;
+  /* 组件：深色模式下：颜色加深 */
+  --yz-background-common: #eeeeee;
+  --yz-background-border-common: #dddddd;
   --yz-panel-common: #e5e5e5;
   --yz-panel-border-common: #bbbbbb;
   --yz-gap-common: #aaaaaa;
@@ -201,7 +207,18 @@ html[data-theme="dark"]:host {
   --yz-font-secondary-common: #4d4d4d;
   --yz-font-tertiary-common: #7f7f7f;
 
-  /* 预定义颜色：颜色加深  */
+  /* 组件：深色模式下：颜色反向 */
+  --yz-background-reverse: #1d1d1d;
+  --yz-background-border-reverse: #333333;
+  --yz-panel-reverse: #242424;
+  --yz-panel-border-reverse: #555555;
+  --yz-gap-reverse: #444444;
+  --yz-placeholder-reverse: #707070;
+  --yz-font-reverse: #cdcdcd;
+  --yz-font-secondary-reverse: #8d8d8d;
+  --yz-font-tertiary-reverse: #5d5d5d;
+
+  /* 预定义颜色：深色模式下：颜色加深  */
   --yz-xg-blue: #4a6ed7;
   --yz-xg-blue-panel: #aec6d9;
   --yz-xg-blue-panel-border: #6e7ccf;
@@ -212,11 +229,14 @@ html[data-theme="dark"]:host {
   --yz-xg-red-panel-border: #f1a6a6;
   --yz-xg-red-gradient: #d97362;
 
+  --yz-xg-green: #009c4d;
+  --yz-xg-green-gradient: #00b36b;
+
   --yz-xg-yellow: #e67e00;
   --yz-xg-yellow-gradient: #e68a00;
 
-  --yz-xg-green: #009c4d;
-  --yz-xg-green-gradient: #00b36b;
+  --yz-xg-newenergy: #4a9b73;
+  --yz-xg-newenergy-panel: #c7e6d5;
 
   --yz-ks-green: #27706a;
   --yz-ks-green-panel: #3a7f7d;
@@ -224,6 +244,15 @@ html[data-theme="dark"]:host {
   --yz-yz-green: #1f9f86;
   --yz-yz-green-panel: #3a8c8a;
 
-  --yz-xg-newenergy: #4a9b73;
-  --yz-xg-newenergy-panel: #c7e6d5;
+  --yz-success: rgb(78, 186, 101);
+  --yz-error: rgb(255, 107, 128);
+  --yz-warning: rgb(255, 193, 7);
+
+  --yz-rainbow-red: rgb(235, 95, 87);
+  --yz-rainbow-orange: rgb(245, 139, 87);
+  --yz-rainbow-yellow: rgb(250, 195, 95);
+  --yz-rainbow-green: rgb(145, 200, 130);
+  --yz-rainbow-blue: rgb(130, 170, 220);
+  --yz-rainbow-indigo: rgb(155, 130, 200);
+  --yz-rainbow-violet: rgb(200, 130, 180);
 }