chore: 🤖 establish default badge style and apply to ui

addons/rose/addon/styles/rose/components/_badge.scss

@@ -10,8 +10,8 @@
   display: inline-block;
 
   --color: var(--ui-gray-starker-1);
-  --border-color: var(--ui-gray-subtler-5);
-  --background-color: none;
+  --border-color: transparent;
+  --background-color: var(--ui-gray-subtler-4);
 
   color: var(--color);
   border-color: var(--border-color);

ui/core/app/components/form/target/add-host-sets/index.hbs

@@ -31,7 +31,7 @@
           </row.cell>
           <row.cell>{{hostSet.name}}</row.cell>
           <row.cell>
-            <Rose::Badge @style="outline">{{hostSet.type}}</Rose::Badge>
+            <Rose::Badge>{{hostSet.type}}</Rose::Badge>
           </row.cell>
           <row.cell>
             <code>{{hostSet.host_catalog_id}}</code>

ui/core/app/templates/scopes/scope/auth-methods/auth-method/index.hbs

@@ -1,7 +1,7 @@
 <Rose::Layout::Page as |page|>
   <page.header>
     <h2>{{t "resources.auth-method"}}</h2>
-    <Rose::Badge @style="outline">
+    <Rose::Badge>
       {{t (concat 'auth.method-types.' @model.type)}}
     </Rose::Badge>
   </page.header>
@@ -37,4 +37,4 @@
       @cancel={{route-action "cancel" @model}}
     />
   </page.body>
-</Rose::Layout::Page>
+</Rose::Layout::Page>

ui/core/app/templates/scopes/scope/auth-methods/index.hbs

@@ -40,7 +40,7 @@
                 <p>{{authMethod.description}}</p>
               </row.headerCell>
               <row.cell>
-                <Rose::Badge @style="outline">
+                <Rose::Badge>
                   {{t (concat 'auth.method-types.' authMethod.type)}}
                 </Rose::Badge>
               </row.cell>
@@ -68,4 +68,4 @@
 
     {{/if}}
   </page.body>
-</Rose::Layout::Page>
+</Rose::Layout::Page>

ui/core/app/templates/scopes/scope/projects/project/host-catalogs/host-catalog/host-sets/index.hbs

@@ -21,7 +21,7 @@
             <p>{{hostSet.description}}</p>
           </row.headerCell>
           <row.cell>
-            <Rose::Badge @style="outline">{{hostSet.type}}</Rose::Badge>
+            <Rose::Badge>{{hostSet.type}}</Rose::Badge>
           </row.cell>
           <row.cell>
             <code>{{hostSet.id}}</code>

ui/core/app/templates/scopes/scope/projects/project/host-catalogs/host-catalog/hosts/index.hbs

@@ -21,7 +21,7 @@
             <p>{{host.description}}</p>
           </row.headerCell>
           <row.cell>
-            <Rose::Badge @style="outline">{{host.type}}</Rose::Badge>
+            <Rose::Badge>{{host.type}}</Rose::Badge>
           </row.cell>
           <row.cell>
             <code>{{host.id}}</code>

ui/core/app/templates/scopes/scope/projects/project/host-catalogs/index.hbs

@@ -42,7 +42,7 @@
                 <p>{{hostCatalog.description}}</p>
               </row.headerCell>
               <row.cell>
-                <Rose::Badge @style="outline">
+                <Rose::Badge>
                   {{hostCatalog.type}}
                 </Rose::Badge>
               </row.cell>

ui/core/app/templates/scopes/scope/projects/project/targets/index.hbs

@@ -42,7 +42,7 @@
               </row.headerCell>
               <row.cell>
                 {{#if target.protocol}}
-                  <Rose::Badge @style="outline">
+                  <Rose::Badge>
                     {{t (concat "target.protocols." target.protocol)}}
                   </Rose::Badge>
                 {{/if}}

ui/core/app/templates/scopes/scope/projects/project/targets/target/host-sets.hbs

@@ -19,7 +19,7 @@
             <p>{{hostSet.model.description}}</p>
           </row.headerCell>
           <row.cell>
-            <Rose::Badge @style="outline">{{hostSet.model.type}}</Rose::Badge>
+            <Rose::Badge>{{hostSet.model.type}}</Rose::Badge>
           </row.cell>
           <row.cell>
             <code>{{hostSet.model.id}}</code>