@nutui/nutui-react-taro 2.3.12 → 2.4.0

package/dist/packages/noticebar/noticebar.scss

@@ -12,13 +12,18 @@
     color: $noticebar-color;
     border-radius: $noticebar-border-radius;
 
-    &-wrapable {
+    &-wrapable,
+    &-center {
       height: auto;
       padding: $noticebar-wrap-padding;
 
       .nut-noticebar-box-wrap {
         height: auto;
+      }
+    }
 
+    &-wrapable {
+      .nut-noticebar-box-wrap {
         .nut-noticebar-box-wrap-content {
           position: relative;
           white-space: normal;
@@ -27,6 +32,19 @@
       }
     }
 
+    &-center {
+      justify-content: center;
+
+      .nut-noticebar-box-wrap {
+        flex: initial;
+
+        .nut-noticebar-box-wrap-content {
+          position: relative;
+          display: initial;
+        }
+      }
+    }
+
     &-left-icon {
       display: flex;
       height: $noticebar-left-icon-width;

package/dist/packages/popover/popover.scss

@@ -218,6 +218,27 @@
   }
 }
 
+.nut-popover-dark {
+  background: $popover-text-color;
+  color: $popover-content-background-color;
+
+  .nut-popover-arrow {
+    border-bottom-color: $popover-text-color;
+  }
+
+  .nut-popover-content {
+    background: $popover-text-color !important;
+    color: $popover-content-background-color !important;
+    .nut-popover-menu-item {
+      border-bottom-color: $popover-content-background-color;
+      &:hover {
+        color: $popover-content-background-color;
+        background-color: $popover-text-color;
+      }
+    }
+  }
+}
+
 [dir='rtl'] .nut-popover,
 .nut-rtl .nut-popover {
   &-arrow {

package/dist/packages/swipe/swipe.scss

@@ -5,6 +5,7 @@
   background-color: $white;
 
   &-wrapper {
+    height: inherit;
     transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
     transition-property: transform;
 
@@ -14,6 +15,7 @@
 
     .nut-cell {
       margin: 0;
+      height: 100%;
     }
   }