🚧 (base): Añade BadgeKind para el tipo de Badge

assets/css/basic.css

@@ -44,6 +44,32 @@ body {
 	-webkit-tap-highlight-color: transparent;
 }
 
+/*
+ * Badge component
+ */
+
+.badge {
+    display: inline-block;
+    padding: 0.3em 0.6em;
+    font-size: 0.8125rem;
+    font-weight: 600;
+    line-height: 1;
+    color: #fff;
+    background-color: var(--val-color--secondary);
+    border-radius: 0.375rem;
+    white-space: nowrap;
+}
+.badge-info,
+.badge-warning {
+    color: #000;
+}
+.badge-primary   { background-color: var(--val-color--primary); }
+.badge-secondary { background-color: var(--val-color--secondary); }
+.badge-success   { background-color: var(--val-color--success); }
+.badge-info      { background-color: var(--val-color--info); }
+.badge-warning   { background-color: var(--val-color--warning); }
+.badge-danger    { background-color: var(--val-color--danger); }
+
 /*
  * Form components
  */