docs(components): Adds new components to ui-next documentation (#4974)

extensions/default/src/DicomTagBrowser/DicomTagBrowser.tsx

@@ -128,7 +128,9 @@ const DicomTagBrowser = ({
       <div className="mb-6 flex flex-row items-start pl-1">
         <div className="flex w-full flex-row items-start gap-4">
           <div className="flex w-1/3 flex-col">
-            <span className="text-muted-foreground flex h-6 items-center text-xs">Series</span>
+            <span className="text-muted-foreground flex h-6 items-center pb-2 text-base">
+              Series
+            </span>
             <Select
               value={selectedDisplaySetInstanceUID}
               onValueChange={value => onSelectChange({ value })}
@@ -154,7 +156,7 @@ const DicomTagBrowser = ({
           </div>
           {shouldShowInstanceList && (
             <div className="mx-auto mt-0.5 flex w-1/4 flex-col">
-              <span className="text-muted-foreground flex h-6 items-center text-xs">
+              <span className="text-muted-foreground flex h-6 items-center pb-2 text-base">
                 Instance Number ({instanceNumber} of {activeDisplaySet?.images?.length})
               </span>
               <Slider
@@ -170,7 +172,7 @@ const DicomTagBrowser = ({
             </div>
           )}
           <div className="ml-auto mr-1 flex w-1/3 flex-col">
-            <span className="text-muted-foreground flex h-6 items-center text-xs">
+            <span className="text-muted-foreground flex h-6 items-center pb-2 text-base">
               Search metadata
             </span>
             <InputFilter
@@ -182,7 +184,7 @@ const DicomTagBrowser = ({
                 placeholder="Search metadata"
                 className="pl-9 pr-9"
               />
-              <InputFilter.ClearButton />
+              <InputFilter.ClearButton className="text-primary mr-0.5 p-0.5" />
             </InputFilter>
           </div>
         </div>