@drivy/cobalt 0.25.1 → 0.26.0

package/utilities.css

@@ -3726,6 +3726,30 @@
   border-style: none
 }
 
+.c-border-base {
+  border-color: #dbd8dc
+}
+
+.c-border-baseInteractive {
+  border-color: #dbd8dc
+}
+
+.c-border-baseInteractive:hover {
+  border-color: #757575
+}
+
+.c-border-baseInteractive:focus {
+  border-color: #757575
+}
+
+.c-border-baseInteractive:active {
+  border-color: #333
+}
+
+.c-border-subdued {
+  border-color: #edebed
+}
+
 .c-border-accent {
   border-color: #61366b
 }
@@ -3750,44 +3774,40 @@
   border-color: #b01aa7
 }
 
-.c-border-base {
-  border-color: #dbd8dc
-}
-
-.c-border-baseInteractive {
-  border-color: #dbd8dc
+.c-border-error {
+  border-color: #ff7378
 }
 
-.c-border-baseInteractive:hover {
-  border-color: #757575
+.c-border-errorAlt {
+  border-color: #ff7378
 }
 
-.c-border-baseInteractive:focus {
-  border-color: #757575
+.c-border-success {
+  border-color: #00da94
 }
 
-.c-border-baseInteractive:active {
-  border-color: #333
+.c-border-successAlt {
+  border-color: #00da94
 }
 
-.c-border-error {
-  border-color: #ff7378
+.c-bg-primary {
+  background-color: #f8f7f8
 }
 
-.c-border-errorAlt {
-  border-color: #ff7378
+.c-bg-secondary {
+  background-color: #fff
 }
 
-.c-border-subdued {
-  border-color: #edebed
+.c-bg-secondaryInteractive {
+  background-color: #fff
 }
 
-.c-border-success {
-  border-color: #00da94
+.c-bg-secondaryInteractive:hover {
+  background-color: #f8f7f8
 }
 
-.c-border-successAlt {
-  border-color: #00da94
+.c-bg-secondaryInteractive:focus {
+  background-color: #f8f7f8
 }
 
 .c-bg-accent {
@@ -3822,6 +3842,38 @@
   background-color: #61366b
 }
 
+.c-bg-info {
+  background-color: #f8f7f8
+}
+
+.c-bg-error {
+  background-color: #ff7378
+}
+
+.c-bg-errorInteractive {
+  background-color: #ff7378
+}
+
+.c-bg-errorInteractive:hover {
+  background-color: #ff7378
+}
+
+.c-bg-errorInteractive:focus {
+  background-color: #ff7378
+}
+
+.c-bg-errorAlt {
+  background-color: #333
+}
+
+.c-bg-success {
+  background-color: #00da94
+}
+
+.c-bg-successAlt {
+  background-color: #333
+}
+
 .c-bg-connect {
   background-color: #5ecbdd
 }
@@ -3842,88 +3894,92 @@
   background-color: #ffd988
 }
 
-.c-bg-error {
-  background-color: #ff7378
+.c-bg-owner {
+  background-color: #390446
 }
 
-.c-bg-errorInteractive {
-  background-color: #ff7378
+.c-bg-disabled {
+  background-color: #edebed
 }
 
-.c-bg-errorInteractive:hover {
-  background-color: #ff7378
+.c-bg-neutral {
+  background-color: #edebed
 }
 
-.c-bg-errorInteractive:focus {
-  background-color: #ff7378
+.c-bg-neutralAlt {
+  background-color: #f8f7f8
 }
 
-.c-bg-errorAlt {
+.c-bg-fill-base {
   background-color: #333
 }
 
-.c-bg-info {
-  background-color: #f8f7f8
+.c-bg-fill-secondary {
+  background-color: #5ecbdd
 }
 
-.c-bg-neutral {
+.c-bg-fill-subdued {
   background-color: #edebed
 }
 
-.c-bg-neutralAlt {
-  background-color: #f8f7f8
+.c-bg-fill-accent {
+  background-color: #b01aa7
 }
 
-.c-bg-owner {
-  background-color: #390446
+.c-bg-fill-accentAlt {
+  background-color: #b01aa7
 }
 
-.c-bg-primary {
-  background-color: #f8f7f8
+.c-bg-fill-success {
+  background-color: #ff7378
 }
 
-.c-bg-secondary {
-  background-color: #fff
+.c-bg-fill-error {
+  background-color: #00da94
 }
 
-.c-bg-secondaryInteractive {
-  background-color: #fff
+.c-bg-fill-negative {
+  background-color: #ff7378
 }
 
-.c-bg-secondaryInteractive:hover {
+.c-bg-fill-neutral {
   background-color: #f8f7f8
 }
 
-.c-bg-secondaryInteractive:focus {
-  background-color: #f8f7f8
+.c-bg-fill-disabled {
+  background-color: #a49da7
 }
 
-.c-bg-success {
-  background-color: #00da94
+.c-text-base {
+  color: #333
 }
 
-.c-bg-successAlt {
-  background-color: #333
+.c-text-baseInteractive {
+  color: #333
 }
 
-.c-bg-fill-accent {
-  background-color: #b01aa7
+.c-text-baseInteractive:hover {
+  color: #333
 }
 
-.c-bg-fill-accentAlt {
-  background-color: #b01aa7
+.c-text-baseInteractive:focus {
+  color: #333
 }
 
-.c-bg-fill-disabled {
-  background-color: #a49da7
+.c-text-subdued {
+  color: #757575
 }
 
-.c-bg-fill-secondary {
-  background-color: #5ecbdd
+.c-text-subduedInteractive {
+  color: #757575
 }
 
-.c-bg-fill-subdued {
-  background-color: #edebed
+.c-text-subduedInteractive:hover {
+  color: #333
+}
+
+.c-text-subduedInteractive:focus {
+  color: #333
 }
 
 .c-text-accent {
@@ -3958,20 +4014,24 @@
   color: #61366b
 }
 
-.c-text-base {
-  color: #333
+.c-text-info {
+  color: #757575
 }
 
-.c-text-baseInteractive {
-  color: #333
+.c-text-error {
+  color: #ff7378
 }
 
-.c-text-baseInteractive:hover {
-  color: #333
+.c-text-errorAlt {
+  color: #fff
 }
 
-.c-text-baseInteractive:focus {
-  color: #333
+.c-text-success {
+  color: #00da94
+}
+
+.c-text-successAlt {
+  color: #fff
 }
 
 .c-text-connect {
@@ -3982,16 +4042,12 @@
   color: #333
 }
 
-.c-text-error {
-  color: #ff7378
-}
-
-.c-text-errorAlt {
+.c-text-owner {
   color: #fff
 }
 
-.c-text-info {
-  color: #757575
+.c-text-warning {
+  color: #ffa484
 }
 
 .c-text-infoAlt {
@@ -4002,38 +4058,6 @@
   color: #fff
 }
 
-.c-text-owner {
-  color: #fff
-}
-
-.c-text-subdued {
-  color: #757575
-}
-
-.c-text-subduedInteractive {
-  color: #757575
-}
-
-.c-text-subduedInteractive:hover {
-  color: #333
-}
-
-.c-text-subduedInteractive:focus {
-  color: #333
-}
-
-.c-text-success {
-  color: #00da94
-}
-
-.c-text-successAlt {
-  color: #fff
-}
-
-.c-text-warning {
-  color: #ffa484
-}
-
 @media (min-width: 480px) {
   .xs\:c-sr-only {
     position: absolute;