feat: Add and rename common

- New size_io_button placeholder
- Remove variants of basic typo placeholder

elements/_interactive.scss

@@ -154,7 +154,7 @@ button {
 }
 
 .button_io {
-	@extend %basic_button;
+	@extend %basic;
 	border: $width_border_io solid $color_border_button;
 	padding: $padding_basic;
 	color: $color_text_button;
@@ -164,7 +164,7 @@ button {
 		// border-color: #0059F6;
 		border-color: transparent;
 		color: white;
-		background-color: $foxtrot_color;
+		background-color: $color_action_basic;
 	}
 
 	&[disabled="disabled"],
@@ -179,7 +179,7 @@ button {
 }
 
 .button_clear {
-	@extend %basic_button;
+	@extend %basic;
 	padding: 0;
 	border: 0;
 	background-color: transparent;

elements/_textlevel.scss

@@ -276,7 +276,7 @@ span {
 }
 
 .span_solo {
-	@extend %solo;
+	@extend %basic;
 }
 
 // Linebreaks

global/_common.scss

@@ -20,6 +20,11 @@
 	}
 }
 
+%size_io_button {
+	border: $width_border_io solid transparent;
+	padding: $padding_basic;
+}
+
 .di_none {
 	display: none !important;
 }

global/_typography.scss

@@ -44,14 +44,6 @@
 	font-weight: 300;
 }
 
-%basic_button {
-	@extend %basic;
-}
-
-%solo {
-	@extend %basic;
-}
-
 %short {
 	overflow: hidden;
 	text-overflow: ellipsis;