feat(combobox): beta! This component can be used in production

Author: thejackshelton

apps/website/src/routes/docs.css

@@ -14,7 +14,7 @@
     }
 
     h1 {
-      @apply text-3xl md:text-5xl md:mb-12 font-extrabold tracking-wide;
+      @apply text-3xl md:text-5xl md:mb-12 font-extrabold;
     }
 
     h2 {
@@ -26,7 +26,7 @@
     }
 
     h4 {
-      @apply text-lg font-medium mt-6 mb-4 font-bold;
+      @apply text-lg font-medium mt-6 mb-4 font-[600];
     }
 
     h5 {

apps/website/src/routes/docs/_components/anatomy-table/anatomy-table.tsx

@@ -11,7 +11,7 @@ type AnatomyTableProps = {
 
 export const AnatomyTable = component$(({ propDescriptors }: AnatomyTableProps) => {
   return (
-    <div class="overflow-auto rounded-xl">
+    <div class="overflow-auto">
       <table class="w-full max-w-full text-left">
         <tbody class="divide-y divide-slate-300 dark:divide-slate-600">
           <tr class="text-slate-950 dark:text-white">
@@ -23,8 +23,10 @@ export const AnatomyTable = component$(({ propDescriptors }: AnatomyTableProps)
           {propDescriptors?.map((propDescriptor) => {
             return (
               <tr key={propDescriptor.name}>
-                <td class="prose prose-sm py-3 pl-2 pr-2 align-center sm:pl-0 md:align-baseline">
-                  <code>{propDescriptor.name}</code>
+                <td class="py-3 pl-2 pr-2 align-center sm:pl-0 md:align-baseline">
+                  <code class="px-2 py-[2px] rounded-md border-[1px] border-b-[2px] border-qwikui-blue-500 bg-qwikui-blue-50 dark:bg-qwikui-purple-100 dark:border-qwikui-purple-500 text-slate-950 rounded-md mr-6 font-[400]">
+                    {propDescriptor.name}
+                  </code>
                 </td>
                 <td class="py-3 align-baseline">
                   <div class="prose prose-sm prose-docs-table">

apps/website/src/routes/docs/_components/api-table/api-table.tsx

@@ -41,7 +41,7 @@ export const APITable = component$(({ propDescriptors }: APITableProps) => {
                     {propDescriptor.info && (
                       <Popover placement="top">
                         <PopoverContent>
-                          <div class="shadow-light-high bg-qwikui-blue-50 text-slate-950 dark:shadow-dark-high  max-w-xs mb-2 text-md py-2 px-3  rounded-lg sm:w-max border-[1px] border-b-2 border-qwikui-blue-500 dark:border-qwikui-purple-500 dark:bg-qwikui-purple-100 font-[500]">
+                          <div class="shadow-light-medium bg-qwikui-blue-50 text-slate-950 dark:shadow-dark-high  max-w-xs mb-2 text-md py-2 px-3  rounded-lg sm:w-max border-[1px] border-b-2 border-qwikui-blue-500 dark:border-qwikui-purple-500 dark:bg-qwikui-purple-100 font-[500]">
                             {propDescriptor?.info}
                           </div>
                         </PopoverContent>

apps/website/src/routes/docs/_components/keyboard-interaction-table/keyboard-interaction-table.tsx

@@ -46,7 +46,7 @@ export const KBInteractionTableRow = component$(
     return (
       <tr class="border-b-[1px] border-slate-300 dark:border-slate-600">
         <td class="py-4">
-          <kbd class="border w-max shadow-light-medium dark:shadow-dark-medium rounded-md px-2 capitalize text-base inline-block border-b-[2px] border-qwikui-blue-500 bg-qwikui-blue-50 dark:bg-qwikui-purple-100 text-slate-700 dark:text-slate-950 dark:border-qwikui-purple-400 font-[600]">
+          <kbd class="border w-max shadow-light-medium dark:shadow-dark-medium rounded-md px-2 capitalize text-base inline-block border-b-[2px] border-qwikui-blue-500 bg-qwikui-blue-50 dark:bg-qwikui-purple-100 text-slate-700 dark:text-slate-950 dark:border-qwikui-purple-400">
             {keyTitle}
           </kbd>
         </td>

apps/website/src/routes/docs/headless/(components)/accordion/index.mdx

@@ -33,7 +33,7 @@ import {statusByComponent} from '../../../../../_state/component-statuses';
 
 # Accordion
 
-#### A stacked set of interactive headings which reveal or hide their associated content.
+A stacked set of interactive headings which reveal or hide their associated content.
 
 {' '}