@neatui/css 5.0.0 → 5.1.1

package/components/form/form@c/base.scss

@@ -37,7 +37,7 @@
   }
 
   input:-webkit-autofill {
-    box-shadow: 0 0 0 1000px var(--bg-weak) inset;
+    box-shadow: 0 0 0 1000px var(--co-weak) inset;
     color: var(--co-read);
     -webkit-text-fill-color: var(--co-read);
   }

package/components/form/form@c/checkbox.scss

@@ -60,7 +60,7 @@ value	       规定输入字段的默认值。
       transform: scale3d(0.9, 0.9, 1);
       flex-shrink: 0;
 
-      background-color: var(--bg-weak);
+      background-color: var(--co-weak);
 
       &:checked {
         background:
@@ -79,7 +79,7 @@ value	       规定输入字段的默认值。
       &[part-checked] {
         background:
           linear-gradient(0deg, transparent 41%, currentColor 42%, currentColor 58%, transparent 59%) no-repeat center / 55% 100%,
-          var(--bg-weak);
+          var(--co-weak);
         animation: am-checked 0.3s;
         color: var(--co-main);
       }

package/components/form/form@c/input.scss

@@ -25,8 +25,8 @@ value	       规定输入字段的默认值。
     border-radius: 0.35em;
     transition: all 0.5s;
 
-    border: 1px solid var(--bg-weak);
-    background-color: var(--bg-weak);
+    border: 1px solid var(--co-weak);
+    background-color: var(--co-weak);
 
     display: inline-flex;
     justify-content: space-between;
@@ -38,7 +38,7 @@ value	       规定输入字段的默认值。
 
     &.form-focus,
     &:focus-within {
-      background-color: var(--bg-weak);
+      background-color: var(--co-weak);
       border-color: var(--co-main-o-mm);
       box-shadow: 0 0 0 2px var(--co-main-o-ss);
     }
@@ -66,7 +66,7 @@ value	       规定输入字段的默认值。
       }
 
       &:-webkit-autofill {
-        box-shadow: 0 0 0 1000px var(--bg-weak) inset;
+        box-shadow: 0 0 0 1000px var(--co-weak) inset;
         color: var(--co-read);
         -webkit-text-fill-color: var(--co-read);
       }

package/components/form/form@c/radio.scss

@@ -60,7 +60,7 @@ value	       规定输入字段的默认值。
       border-radius: 50%;
       flex-shrink: 0;
 
-      background-color: var(--bg-weak);
+      background-color: var(--co-weak);
 
       &:checked {
         background-image: radial-gradient(circle at 50% 50%, currentColor 38%, transparent 40%);

package/components/form/form@c/switch.scss

@@ -52,7 +52,7 @@ value	       规定输入字段的默认值。
       position: relative;
       top: 0.15em;
 
-      background-color: var(--bg-weak);
+      background-color: var(--co-weak);
 
       background-image: radial-gradient(circle at 50% 50%, currentColor 28%, transparent 30%);
       background-position-x: -0.2em;

package/components/form/form@c/upload.scss

@@ -25,8 +25,8 @@
       border-style: solid;
       border-width: 1px;
 
-      border-color: var(--bg-weak);
-      background-color: var(--bg-weak);
+      border-color: var(--co-weak);
+      background-color: var(--co-weak);
     }
 
     @keyframes am-file-add {
@@ -70,7 +70,7 @@
           top: 0;
           left: 0;
 
-          background-color: var(--bg-weak);
+          background-color: var(--co-weak);
         }
 
         img,
@@ -137,7 +137,7 @@
     [ui-form-input] {
       @extend %item;
       border-style: dashed;
-      border-color: var(--bg-weak);
+      border-color: var(--co-weak);
 
       &:hover,
       &:focus-within {
@@ -153,7 +153,7 @@
         opacity: 0;
 
         &:-webkit-autofill {
-          box-shadow: 0 0 0 1000px var(--bg-weak) inset;
+          box-shadow: 0 0 0 1000px var(--co-weak) inset;
         }
       }
     }

package/dist/neatui.css

@@ -24100,14 +24100,14 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   pointer-events:auto;
 }
 [ui-form~="@c"] input:-webkit-autofill{
-  box-shadow:0 0 0 1000px var(--bg-weak) inset;
+  box-shadow:0 0 0 1000px var(--co-weak) inset;
   color:var(--co-read);
   -webkit-text-fill-color:var(--co-read);
 }
 [ui-form~="@c"][ui-form~="type:input"]{
   align-items:center;
-  background-color:var(--bg-weak);
-  border:1px solid var(--bg-weak);
+  background-color:var(--co-weak);
+  border:1px solid var(--co-weak);
   border-radius:.35em;
   display:inline-flex;
   height:100%;
@@ -24123,7 +24123,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   position:relative;
 }
 [ui-form~="@c"][ui-form~="type:input"].form-focus,[ui-form~="@c"][ui-form~="type:input"]:focus-within{
-  background-color:var(--bg-weak);
+  background-color:var(--co-weak);
   border-color:var(--co-main-o-mm);
   box-shadow:0 0 0 2px var(--co-main-o-ss);
 }
@@ -24144,7 +24144,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   margin:0;
 }
 [ui-form~="@c"][ui-form~="type:input"] input:-webkit-autofill{
-  box-shadow:0 0 0 1000px var(--bg-weak) inset;
+  box-shadow:0 0 0 1000px var(--co-weak) inset;
   color:var(--co-read);
   -webkit-text-fill-color:var(--co-read);
 }
@@ -24536,7 +24536,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@c"][ui-form~="type:radio"] [type=radio]{
   appearance:none;
   background:transparent;
-  background-color:var(--bg-weak);
+  background-color:var(--co-weak);
   border:1px solid;
   border-radius:50%;
   flex-shrink:0;
@@ -24577,7 +24577,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@c"][ui-form~="type:checkbox"] [type=checkbox]{
   appearance:none;
   background:transparent;
-  background-color:var(--bg-weak);
+  background-color:var(--co-weak);
   border:1px solid;
   border-radius:25%;
   flex-shrink:0;
@@ -24595,7 +24595,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-form~="@c"][ui-form~="type:checkbox"] [type=checkbox].part-checked,[ui-form~="@c"][ui-form~="type:checkbox"] [type=checkbox][part-checked]{
   animation:am-checked .3s;
-  background:linear-gradient(0deg, transparent 41%, currentColor 42%, currentColor 58%, transparent 59%) no-repeat 50%/55% 100%, var(--bg-weak);
+  background:linear-gradient(0deg, transparent 41%, currentColor 42%, currentColor 58%, transparent 59%) no-repeat 50%/55% 100%, var(--co-weak);
   color:var(--co-main);
 }
 [ui-form~="@c"][ui-form~="type:checkbox"] [type=checkbox]+*{
@@ -24613,7 +24613,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@c"][ui-form~="type:switch"] [type=checkbox]{
   appearance:none;
   background:transparent;
-  background-color:var(--bg-weak);
+  background-color:var(--co-weak);
   background-image:radial-gradient(circle at 50% 50%, currentColor 28%, transparent 30%);
   background-position-x:-.2em;
   border:1px solid;
@@ -24829,8 +24829,8 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-form~="@c"][ui-form~="type:upload"] [ui-form-files]>*,[ui-form~="@c"][ui-form~="type:upload"] [ui-form-input]{
   align-items:center;
-  background-color:var(--bg-weak);
-  border-color:var(--bg-weak);
+  background-color:var(--co-weak);
+  border-color:var(--co-weak);
   border-radius:.35em;
   border-style:solid;
   border-width:1px;
@@ -24852,7 +24852,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   position:relative;
 }
 [ui-form~="@c"][ui-form~="type:upload"] [ui-form-files]>:after{
-  background-color:var(--bg-weak);
+  background-color:var(--co-weak);
   content:"";
   display:block;
   height:.5em;
@@ -24906,7 +24906,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   animation:am-file-del .35s forwards;
 }
 [ui-form~="@c"][ui-form~="type:upload"] [ui-form-input]{
-  border-color:var(--bg-weak);
+  border-color:var(--co-weak);
   border-style:dashed;
 }
 [ui-form~="@c"][ui-form~="type:upload"] [ui-form-input]:focus-within,[ui-form~="@c"][ui-form~="type:upload"] [ui-form-input]:hover{
@@ -24921,7 +24921,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   width:100%;
 }
 [ui-form~="@c"][ui-form~="type:upload"] [ui-form-input] input:-webkit-autofill{
-  box-shadow:0 0 0 1000px var(--bg-weak) inset;
+  box-shadow:0 0 0 1000px var(--co-weak) inset;
 }
 
 [ui-form~="@d"][ui-form~=disabled]{