fix(app): remove interface transition changes accidentally merged into dev (#36653)

packages/ui/src/v2/components/badge-v2.css

@@ -25,9 +25,3 @@
 [data-component="tag"][data-high-contrast] {
   border-color: var(--v2-border-border-strong);
 }
-
-[data-component="tag"][data-variant="accent"] {
-  border: 0;
-  background: var(--v2-background-bg-accent);
-  color: var(--v2-text-text-contrast);
-}

packages/ui/src/v2/components/badge-v2.stories.tsx

@@ -8,11 +8,10 @@ Use alongside headings or lists for quick metadata.
 
 ### API
 - Accepts standard span props.
-- Optional: \`variant\` is \`neutral\` (default) or \`accent\`.
 - Optional: \`data-high-contrast\` attribute for stronger border contrast.
 
 ### Variants and states
-- Neutral and accent variants.
+- Single size style.
 - Optional high-contrast border style.
 
 ### Behavior
@@ -53,7 +52,3 @@ export const HighContrast = {
     </div>
   ),
 }
-
-export const Accent = {
-  render: () => <Tag variant="accent">New</Tag>,
-}

packages/ui/src/v2/components/badge-v2.tsx

@@ -1,17 +1,14 @@
 import { type ComponentProps, splitProps } from "solid-js"
 import "./badge-v2.css"
 
-export interface TagProps extends ComponentProps<"span"> {
-  variant?: "neutral" | "accent"
-}
+export interface TagProps extends ComponentProps<"span"> {}
 
 export function Tag(props: TagProps) {
-  const [split, rest] = splitProps(props, ["class", "classList", "children", "variant"])
+  const [split, rest] = splitProps(props, ["class", "classList", "children"])
   return (
     <span
       {...rest}
       data-component="tag"
-      data-variant={split.variant ?? "neutral"}
       classList={{
         ...split.classList,
         [split.class ?? ""]: !!split.class,