@drivy/cobalt 0.26.3 → 0.28.0

package/utilities.css

@@ -2125,6 +2125,22 @@
   border-color: #ffd988
 }
 
+.c-border-deprecatedSeasonLow {
+  border-color: #BDFFAC
+}
+
+.c-border-deprecatedSeasonMedium {
+  border-color: #94EA84
+}
+
+.c-border-deprecatedSeasonHigh {
+  border-color: #73C865
+}
+
+.c-border-deprecatedSeasonVeryHigh {
+  border-color: #54A949
+}
+
 .c-border-current {
   border-color: currentColor
 }
@@ -2217,6 +2233,22 @@
   border-color: #ffd988
 }
 
+.hover\:c-border-deprecatedSeasonLow:hover {
+  border-color: #BDFFAC
+}
+
+.hover\:c-border-deprecatedSeasonMedium:hover {
+  border-color: #94EA84
+}
+
+.hover\:c-border-deprecatedSeasonHigh:hover {
+  border-color: #73C865
+}
+
+.hover\:c-border-deprecatedSeasonVeryHigh:hover {
+  border-color: #54A949
+}
+
 .hover\:c-border-current:hover {
   border-color: currentColor
 }
@@ -2309,6 +2341,22 @@
   border-color: #ffd988
 }
 
+.focus\:c-border-deprecatedSeasonLow:focus {
+  border-color: #BDFFAC
+}
+
+.focus\:c-border-deprecatedSeasonMedium:focus {
+  border-color: #94EA84
+}
+
+.focus\:c-border-deprecatedSeasonHigh:focus {
+  border-color: #73C865
+}
+
+.focus\:c-border-deprecatedSeasonVeryHigh:focus {
+  border-color: #54A949
+}
+
 .focus\:c-border-current:focus {
   border-color: currentColor
 }
@@ -2401,6 +2449,22 @@
   background-color: #ffd988
 }
 
+.c-bg-deprecatedSeasonLow {
+  background-color: #BDFFAC
+}
+
+.c-bg-deprecatedSeasonMedium {
+  background-color: #94EA84
+}
+
+.c-bg-deprecatedSeasonHigh {
+  background-color: #73C865
+}
+
+.c-bg-deprecatedSeasonVeryHigh {
+  background-color: #54A949
+}
+
 .c-bg-current {
   background-color: currentColor
 }
@@ -2493,6 +2557,22 @@
   background-color: #ffd988
 }
 
+.hover\:c-bg-deprecatedSeasonLow:hover {
+  background-color: #BDFFAC
+}
+
+.hover\:c-bg-deprecatedSeasonMedium:hover {
+  background-color: #94EA84
+}
+
+.hover\:c-bg-deprecatedSeasonHigh:hover {
+  background-color: #73C865
+}
+
+.hover\:c-bg-deprecatedSeasonVeryHigh:hover {
+  background-color: #54A949
+}
+
 .hover\:c-bg-current:hover {
   background-color: currentColor
 }
@@ -2585,6 +2665,22 @@
   background-color: #ffd988
 }
 
+.focus\:c-bg-deprecatedSeasonLow:focus {
+  background-color: #BDFFAC
+}
+
+.focus\:c-bg-deprecatedSeasonMedium:focus {
+  background-color: #94EA84
+}
+
+.focus\:c-bg-deprecatedSeasonHigh:focus {
+  background-color: #73C865
+}
+
+.focus\:c-bg-deprecatedSeasonVeryHigh:focus {
+  background-color: #54A949
+}
+
 .focus\:c-bg-current:focus {
   background-color: currentColor
 }
@@ -3089,6 +3185,22 @@
   color: #ffd988
 }
 
+.c-text-deprecatedSeasonLow {
+  color: #BDFFAC
+}
+
+.c-text-deprecatedSeasonMedium {
+  color: #94EA84
+}
+
+.c-text-deprecatedSeasonHigh {
+  color: #73C865
+}
+
+.c-text-deprecatedSeasonVeryHigh {
+  color: #54A949
+}
+
 .c-text-transparent {
   color: transparent
 }
@@ -3181,6 +3293,22 @@
   color: #ffd988
 }
 
+.hover\:c-text-deprecatedSeasonLow:hover {
+  color: #BDFFAC
+}
+
+.hover\:c-text-deprecatedSeasonMedium:hover {
+  color: #94EA84
+}
+
+.hover\:c-text-deprecatedSeasonHigh:hover {
+  color: #73C865
+}
+
+.hover\:c-text-deprecatedSeasonVeryHigh:hover {
+  color: #54A949
+}
+
 .hover\:c-text-transparent:hover {
   color: transparent
 }
@@ -3273,6 +3401,22 @@
   color: #ffd988
 }
 
+.focus\:c-text-deprecatedSeasonLow:focus {
+  color: #BDFFAC
+}
+
+.focus\:c-text-deprecatedSeasonMedium:focus {
+  color: #94EA84
+}
+
+.focus\:c-text-deprecatedSeasonHigh:focus {
+  color: #73C865
+}
+
+.focus\:c-text-deprecatedSeasonVeryHigh:focus {
+  color: #54A949
+}
+
 .focus\:c-text-transparent:focus {
   color: transparent
 }
@@ -3746,6 +3890,26 @@
   border-color: #333
 }
 
+.c-border-strong {
+  border-color: #a49da7
+}
+
+.c-border-strongInteractive {
+  border-color: #a49da7
+}
+
+.c-border-strongInteractive:hover {
+  border-color: #757575
+}
+
+.c-border-strongInteractive:focus {
+  border-color: #757575
+}
+
+.c-border-strongInteractive:active {
+  border-color: #333
+}
+
 .c-border-subdued {
   border-color: #edebed
 }
@@ -3914,6 +4078,22 @@
   background-color: #f8f7f8
 }
 
+.c-bg-seasonLow {
+  background-color: #BDFFAC
+}
+
+.c-bg-seasonMedium {
+  background-color: #94EA84
+}
+
+.c-bg-seasonHigh {
+  background-color: #73C865
+}
+
+.c-bg-seasonVeryHigh {
+  background-color: #54A949
+}
+
 .c-bg-fill-base {
   background-color: #333
 }
@@ -3938,22 +4118,22 @@
   background-color: #ff7378
 }
 
-.c-bg-fill-success {
-  background-color: #00da94
-}
-
 .c-bg-fill-negative {
   background-color: #ff7378
 }
 
-.c-bg-fill-neutral {
-  background-color: #f8f7f8
+.c-bg-fill-success {
+  background-color: #00da94
 }
 
 .c-bg-fill-disabled {
   background-color: #a49da7
 }
 
+.c-bg-fill-neutral {
+  background-color: #f8f7f8
+}
+
 .c-text-base {
   color: #333
 }
@@ -4022,6 +4202,10 @@
   color: #757575
 }
 
+.c-text-infoAlt {
+  color: #5ecbdd
+}
+
 .c-text-error {
   color: #ff7378
 }
@@ -4038,6 +4222,10 @@
   color: #fff
 }
 
+.c-text-warning {
+  color: #ffa484
+}
+
 .c-text-connect {
   color: #5ecbdd
 }
@@ -4050,14 +4238,6 @@
   color: #fff
 }
 
-.c-text-warning {
-  color: #ffa484
-}
-
-.c-text-infoAlt {
-  color: #5ecbdd
-}
-
 .c-text-inversed {
   color: #fff
 }

package/styles/core/card.scss

@@ -1,31 +0,0 @@
-$card-strip-width: 3px;
-
-// To deprecate
-@mixin card-strip($variant: gradient) {
-  position: relative;
-
-  &:before {
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-
-    display: block;
-    width: $card-strip-width;
-
-    border-top-left-radius: inherit;
-    border-bottom-left-radius: inherit;
-
-    content: "";
-
-    @if $variant == turquoise {
-      background-color: color(turquoise);
-    } @else if $variant == green {
-      background-color: color(green);
-    } @else if $variant == red {
-      background-color: color(red);
-    } @else {
-      @error "Card strip variant `#{$variant}` not found.";
-    }
-  }
-}

package/styles/global/typography.scss

@@ -1,78 +0,0 @@
-.cobalt- {
-  @mixin title-shared-styles {
-    &.cobalt-text--subdued {
-      @include text-style--titleSubdued;
-    }
-  }
-
-  @mixin body-shared-styles {
-    &.cobalt-text--subdued {
-      @include text-style--bodySubdued;
-    }
-
-    &.cobalt-text--inversed {
-      @include text-style--bodyInversed;
-    }
-
-    &.cobalt-text--emphasized,
-    .cobalt-text--emphasized {
-      font-weight: 600;
-    }
-  }
-
-  &text-heroHeading {
-    @include text-style-hero-heading;
-  }
-
-  &text-heroSubheading {
-    @include text-style-hero-subheading;
-  }
-
-  &text-titleExtraLarge {
-    @include text-style-title-extralarge;
-    @include title-shared-styles;
-  }
-
-  &text-titleLarge {
-    @include text-style-title-large;
-    @include title-shared-styles;
-  }
-
-  &text-title {
-    @include text-style-title;
-    @include title-shared-styles;
-  }
-
-  &text-titleSmall {
-    @include text-style-title-small;
-    @include title-shared-styles;
-  }
-
-  &text-titleTiny {
-    @include text-style-title-tiny;
-    @include title-shared-styles;
-  }
-
-  &text-bodyLarge {
-    @include text-style-body-large;
-    @include body-shared-styles;
-  }
-
-  &text-body {
-    @include text-style-body;
-    @include body-shared-styles;
-  }
-
-  &text-bodySmall {
-    @include text-style-body-small;
-    @include body-shared-styles;
-  }
-
-  &text-caption {
-    @include text-style-caption;
-  }
-
-  &text-sectionHeader {
-    @include c-text-section-heading;
-  }
-}