complete UI CSS ownership remediation

packages/ui/components/DataMap.wrn

@@ -1,3 +1,5 @@
+import ComponentBaseStyles from "../styles/ComponentBaseStyles.wrn"
+
 component DataMap {
   outputs {
     select(payload: { value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)
@@ -14,12 +16,13 @@ component DataMap {
     class: string = ""
   }
   view {
-    <section class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--data-map wire-next--variant-{variant} {class}">
+    <section class="wire-component wire-component--color-{color} wire-component--size-{size} wire-next--data-map wire-next--variant-{variant} {class}">
       {#if title}<strong>{title}</strong>{/if}
       {#if description}<p>{description}</p>{/if}
       {#if items}<div class="wire-next__items">{#each items as item}<span>{item.label}</span>{/each}</div>{/if}
       <slot />
     </section>
+    <ComponentBaseStyles hidden />
   }
 
   style {