app/assets/stylesheets/sass-zero/utilities/text.scss in sass-zero-0.0.44 vs app/assets/stylesheets/sass-zero/utilities/text.scss in sass-zero-0.0.45

@@ -1,76 +1,42 @@
 @import "sass-zero/variables/typography";
 @import "sass-zero/variables/spacing";
-@import "sass-zero/variables/colors";
-@import "sass-zero/variables/border";
 @import "sass-zero/mixins";
 
-.txt--xs {
-  font-size: $text-xs;
-  line-height: $leading-4;
+.txt--normal {
+  font-weight: $font-normal !important;
 }
 
-.txt--sm {
-  font-size: $text-sm;
-  line-height: $leading-5;
+.txt--bold {
+  font-weight: $font-bold;
 }
 
-.txt--md {
-  font-size: $text-base;
-  line-height: $leading-6;
+.txt--underline {
+  text-decoration: underline;
 }
 
-.txt--lg {
-  font-size: $text-lg;
-  line-height: $leading-7;
+.txt--uppercase {
+  text-transform: uppercase;
 }
 
-.txt--xl {
-  font-size: $text-xl;
-  line-height: $leading-7;
+.txt--subtle {
+  color: $color-txt--subtle;
 }
 
-.txt--2xl {
-  font-size: $text-2xl;
-  line-height: $leading-8;
+.txt--subtle-reversed {
+  color: $color-txt--subtle-reversed;
 }
 
-.txt--3xl {
-  font-size: $text-3xl;
-  line-height: $leading-9;
+.txt--full-contrast {
+  color: $color-txt;
 }
 
-.txt--4xl {
-  font-size: $text-4xl;
-  line-height: $leading-10;
+.txt--meta {
+  font-size: $text-sm;
+  color: $color-txt--subtle;
 }
 
-.txt--5xl {
-  font-size: $text-5xl;
-  line-height: $leading-4;
-}
-
-.txt--6xl {
-  font-size: $text-6xl;
-  line-height: $leading-4;
-}
-
-.txt--7xl {
-  font-size: $text-7xl;
-  line-height: $leading-4;
-}
-
-.txt--8xl {
-  font-size: $text-8xl;
-  line-height: $leading-4;
-}
-
-.txt--9xl {
-  font-size: $text-9xl;
-  line-height: $leading-4;
-}
-
 .txt--nowrap {
   white-space: nowrap;
 }
 
 .txt--break-words {
@@ -87,64 +53,102 @@
 
 .txt--ellipsis {
   @include ellipsis;
 }
 
-.txt--normal {
-  font-weight: $font-normal !important;
+.txt--dimmed {
+  opacity: $opacity-75;
 }
 
-.txt--bold {
-  font-weight: $font-bold;
+.txt--very-dimmed {
+  opacity: $opacity-50;
 }
 
-.txt--subtle {
-  color: $gray-700;
+.txt--highlight {
+  background-color: $color-bg--highlight;
+  border-radius: $rounded-full;
+  padding: $size-0 $size-1;
 }
 
-.txt--underline {
-  text-decoration: underline;
+.txt--overflow-hidden {
+  overflow: hidden;
 }
 
-.txt--uppercase {
-  text-transform: uppercase;
+.txt--xs {
+  font-size: $text-xs;
+  line-height: $leading-4;
 }
 
-.txt--highlight {
-  background-color: $gray-200;
-  border-radius: $rounded-full;
-  padding: $size-0 $size-1;
+.txt--sm {
+  font-size: $text-sm;
+  line-height: $leading-5;
 }
 
-.align--top {
-  vertical-align: top;
+.txt--md {
+  font-size: $text-base;
+  line-height: $leading-6;
 }
 
-.align--middle {
-  vertical-align: middle;
+.txt--lg {
+  font-size: $text-lg;
+  line-height: $leading-7;
 }
 
-.align--bottom {
-  vertical-align: bottom;
+.txt--xl {
+  font-size: $text-xl;
+  line-height: $leading-7;
 }
 
-.align--left {
-  text-align: left;
+.txt--2xl {
+  font-size: $text-2xl;
+  line-height: $leading-8;
 }
 
-.align--center {
-  text-align: center;
+.txt--3xl {
+  font-size: $text-3xl;
+  line-height: $leading-9;
 }
 
-.align--right {
-  text-align: right;
+.txt--4xl {
+  font-size: $text-4xl;
+  line-height: $leading-10;
 }
 
+.txt--5xl {
+  font-size: $text-5xl;
+  line-height: $leading-none;
+}
+
+.txt--6xl {
+  font-size: $text-6xl;
+  line-height: $leading-none;
+}
+
+.txt--7xl {
+  font-size: $text-7xl;
+  line-height: $leading-none;
+}
+
+.txt--8xl {
+  font-size: $text-8xl;
+  line-height: $leading-none;
+}
+
+.txt--9xl {
+  font-size: $text-9xl;
+  line-height: $leading-none;
+}
+
 .decorated {
-  color: $blue-500;
+  color: $color-txt--decorated;
   text-decoration: underline;
 }
 
 .decorated--subtle {
-  color: $gray-700;
+  color: $color-txt--subtle;
   text-decoration: underline;
+}
+
+.undecorated {
+  color: inherit;
+  text-decoration: none;
 }