@nutui/nutui-react 2.0.0-alpha.16 → 2.0.0-alpha.17

package/dist/packages/actionsheet/actionsheet.scss

@@ -5,7 +5,7 @@
   padding-bottom: env(safe-area-inset-bottom);
   text-align: center;
 
-  .nut-actionsheet__title {
+  &__title {
     display: block;
     padding: 10px;
     margin: 0;
@@ -15,7 +15,7 @@
     color: $title-color;
   }
 
-  .nut-actionsheet__description {
+  &__description {
     padding: 10px;
     display: block;
     font-size: $font-size-base;
@@ -23,15 +23,15 @@
     margin-inline-start: 0px;
   }
 
-  .nut-actionsheet__list {
+  &__list {
     display: block;
     list-style: none;
     padding: 0;
     margin: 0;
   }
 
-  .nut-actionsheet__cancel,
-  .nut-actionsheet__item {
+  &__cancel,
+  &__item {
     display: block;
     padding: 10px;
     text-align: $actionsheet-item-text-align;
@@ -57,7 +57,7 @@
     }
   }
 
-  .nut-actionsheet__cancel {
+  &__cancel {
     margin-top: 5px;
     border-top: 1px solid $actionsheet-border-color;
   }

package/dist/packages/divider/divider.scss

@@ -17,9 +17,9 @@
     flex: 1;
   }
 
-  &.nut-divider__center,
-  &.nut-divider__left,
-  &.nut-divider__right {
+  &__center,
+  &__left,
+  &__right {
     &::before {
       margin-right: $divider-before-margin-right;
     }
@@ -29,25 +29,26 @@
     }
   }
 
-  &.nut-divider__left {
+  &__left {
     &::before {
       max-width: 10%;
     }
   }
 
-  &.nut-divider__right {
+  &__right {
     &::after {
       max-width: 10%;
     }
   }
 
-  &.nut-divider__hairline {
+  &__hairline {
     &::before,
     &::after {
       transform: scaleY(0.5);
     }
   }
-  &.nut-divider__vertical {
+
+  &__vertical {
     position: relative;
     top: $divider-vertical-top;
     display: inline-block;

package/dist/packages/formitem/formitem.scss

@@ -1,16 +1,3 @@
-
-.nut-theme-dark {
-  .nut-form-item {
-    &__body {
-      &__slots {
-        .nut-input-text {
-          color: $dark1;
-        }
-      }
-    }
-  }
-}
-
 .nut-form-item {
   display: flex;
 
@@ -86,6 +73,7 @@
         padding: 0 !important;
 
         .nut-textarea__textarea {
+          font: inherit;
           text-align: $form-item-body-input-text-align;
         }
       }

package/dist/packages/layout/layout.scss

@@ -1,2 +0,0 @@
-.nut-layout {
-}

package/dist/packages/pagination/pagination.scss

@@ -1,46 +1,19 @@
-.nut-theme-dark {
-  .nut-pagination {
-    &__prev,
-    &__item,
-    &__next {
-      background: $dark5;
-      border: 1px solid $dark5;
-    }
-    &-simple {
-      background: $dark4;
-    }
-    .simple-border {
-      border-color: $dark2;
-    }
-    .disabled {
-      background-color: $dark2;
-      color: $disable-color;
-      border: 1px solid $dark2;
-    }
-    &.active {
-      background: $dark-pagination-active-background-color;
-    }
-    &__contain {
-      .nut-pagination__item {
-        background-color: $dark5;
-        border: 1px solid $dark4;
-      }
-    }
-  }
-}
 .nut-pagination {
   display: flex;
   font-size: $pagination-font-size;
   color: $pagination-color;
+
   &__contain {
     display: flex;
   }
+
   &__simple {
     height: 39px;
     width: 124px;
     line-height: 39px;
     text-align: center;
   }
+
   &__prev,
   &__item,
   &__next {
@@ -56,23 +29,28 @@
     border: $pagination-item-border-width solid $pagination-item-border-color;
     cursor: pointer;
   }
+
   &__prev,
   &__item {
     border-right: none;
   }
+
   &__prev,
   &__next {
     padding: $pagination-prev-next-padding;
   }
+
   .simple-border {
     border-right: $pagination-item-border-width solid
       $pagination-item-border-color;
   }
+
   .active {
     color: $white;
     border: none;
     background: $pagination-active-background-color;
   }
+
   .disabled {
     color: $pagination-disable-color;
     background-color: $pagination-disable-background-color;