fix: css var change

src/packages/styles/css-variables.scss

@@ -52,6 +52,7 @@ page {
   // button
   --nut-button-border-radius: 25px;
   --nut-button-border-width: 1px;
+  --nut-button-icon-width: 16px;
   --nut-button-default-bg-color: var(--nut-white);
   --nut-button-default-border-color: rgba(204, 204, 204, 1);
   --nut-button-default-color: rgba(102, 102, 102, 1);
@@ -151,6 +152,12 @@ page {
   --nut-divider-vertical-border-left: rgba(0, 0, 0, 0.06);
   --nut-divider-vertical-margin: 0 8px;
 
+  // icon
+
+  --nut-icon-height: 20px;
+  --nut-icon-width: 20px;
+  --nut-icon-line-height: 20px;
+
   // uploader
 
   --nut-uploader-picture-width: 100px;
@@ -531,7 +538,7 @@ page {
   --nut-badge-font-size: var(--nut-font-size-1);
   --nut-badge-border-radius: 14px;
   --nut-badge-padding: 0 5px;
-  --nut-badge-content-transform: translateY(-50%) translateX(100%);
+  --nut-badge-content-transform: translate(50%, -50%);
   --nut-badge-z-index: 1;
   --nut-badge-dot-width: 7px;
   --nut-badge-dot-height: 7px;
@@ -909,4 +916,5 @@ page {
   // TrendArrow
   --nut-trendarrow-font-size: 14px;
   --nut-trendarrow-before-icon-margin: 4px;
+  --nut-trendarrow-icon-width: 12px;
 }

src/packages/styles/variables-var.scss

@@ -519,7 +519,7 @@ $popover-menu-name-line-height: var(--nut-popover-menu-name-line-height) !defaul
 //progress
 $progress-inner-background-color: var(--nut-progress-inner-background-color) !default;
 $progress-insidetext-background: var(--nut-progress-insidetext-background) !default;
-$progress-outer-background-color: var(--nut-progress-insidetext-backgroundr) !default;
+$progress-outer-background-color: var(--nut-progress-outer-background-color) !default;
 $progress-outer-border-radius: var(--nut-progress-insidetext-border-radius) !default;
 $progress-insidetext-border-radius: var(--nut-progress-insidetext-border-radius) !default;
 $progress-insidetext-padding: var(--nut-progress-insidetext-padding) !default;