@ons/design-system 53.1.0 → 54.0.1

package/scss/objects/_page.scss

@@ -24,7 +24,7 @@
 }
 
 .ons-page__body {
-  h2 {
+  h2:not(.ons-document-list__item-title) {
     @extend .ons-u-fs-xl;
   }
   h3,

package/scss/patternlib.scss

@@ -86,62 +86,6 @@
     }
   }
 
-  .ons-table-scrollable {
-    position: relative;
-    ::-webkit-scrollbar {
-      height: 7px;
-    }
-    ::-webkit-scrollbar-thumb {
-      background: $color-grey-75;
-      border-radius: 20px;
-    }
-    &--on {
-      th,
-      td {
-        white-space: nowrap;
-      }
-    }
-    &__content {
-      overflow: visible;
-      overflow-x: scroll;
-      width: 100%;
-      &:focus {
-        outline: 3px solid $color-focus;
-        outline-offset: 3px;
-      }
-      th,
-      td {
-        @include mq(xxs, m) {
-          white-space: nowrap;
-        }
-      }
-      .ons-table__right-shadow,
-      .ons-table__left-shadow {
-        height: 100%;
-        position: absolute;
-        top: 0;
-        width: 5px;
-        z-index: 200;
-
-        &.ons-with-transition {
-          transition: box-shadow 0.4s ease-out;
-        }
-      }
-      .ons-table__right-shadow {
-        right: 0;
-        &.ons-visible {
-          box-shadow: inset -1px 0 0 0 #bfc1c3, inset -5px 0 0 0 rgba(191, 193, 195, 0.4);
-        }
-      }
-      .ons-table__left-shadow {
-        left: 0;
-        &.ons-visible {
-          box-shadow: inset 1px 0 0 0 #bfc1c3, inset -5px 0 0 0 rgba(191, 193, 195, 0.4);
-        }
-      }
-    }
-  }
-
   &__content,
   &__sub-nav {
     > {

package/scss/vars/_colors.scss

@@ -92,7 +92,8 @@ $color-placeholder: $color-grey-15 !default;
 // Form elements
 $color-button: $color-leaf-green !default;
 $color-button-secondary: $color-grey-15 !default;
-$color-input: $color-black !default;
+$color-input-border: $color-black !default;
+$color-input-bg: $color-white !default;
 
 // Panels and status
 $color-info: $color-ocean-blue !default;