Merge branch 'qwikifiers:main' into select-component

Author: thejackshelton

.all-contributorsrc

@@ -292,6 +292,15 @@
         "code",
         "doc"
       ]
+    },
+    {
+      "login": "vasucp1207",
+      "name": "Vasu Singh",
+      "avatar_url": "https://avatars.githubusercontent.com/u/85363195?v=4",
+      "profile": "https://github.com/vasucp1207",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "contributorsPerLine": 7,

README.md

@@ -122,6 +122,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
       <td align="center" valign="top" width="14.28%"><a href="https://naor.dev"><img src="https://avatars.githubusercontent.com/u/6171622?v=4?s=100" width="100px;" alt="Naor Peled"/><br /><sub><b>Naor Peled</b></sub></a><br /><a href="https://github.com/qwikifiers/qwik-ui/commits?author=naorpeled" title="Tests">⚠️</a> <a href="https://github.com/qwikifiers/qwik-ui/commits?author=naorpeled" title="Code">💻</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/igalklebanov"><img src="https://avatars.githubusercontent.com/u/14938291?v=4?s=100" width="100px;" alt="Igal Klebanov"/><br /><sub><b>Igal Klebanov</b></sub></a><br /><a href="https://github.com/qwikifiers/qwik-ui/commits?author=igalklebanov" title="Tests">⚠️</a> <a href="https://github.com/qwikifiers/qwik-ui/commits?author=igalklebanov" title="Code">💻</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/thejackshelton"><img src="https://avatars.githubusercontent.com/u/104264123?v=4?s=100" width="100px;" alt="Jack Shelton"/><br /><sub><b>Jack Shelton</b></sub></a><br /><a href="https://github.com/qwikifiers/qwik-ui/commits?author=thejackshelton" title="Code">💻</a> <a href="https://github.com/qwikifiers/qwik-ui/commits?author=thejackshelton" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/vasucp1207"><img src="https://avatars.githubusercontent.com/u/85363195?v=4?s=100" width="100px;" alt="Vasu Singh"/><br /><sub><b>Vasu Singh</b></sub></a><br /><a href="https://github.com/qwikifiers/qwik-ui/commits?author=vasucp1207" title="Code">💻</a></td>
     </tr>
   </tbody>
 </table>

packages/kit-headless/src/components/accordion/accordion.tsx

@@ -69,6 +69,21 @@ export const AccordionItem = component$((props: AccordionItemProps) => {
       div.item .content {
         display: none;
       }
+      div.item>button {
+        border-bottom: 1px solid #e2e8f0;
+        display: flex;
+        flex-direction: items-start;
+        align-items: center;
+        padding-left: 8px;
+      }
+      div.item>button:hover {
+        text-decoration: underline;
+      }
+      div.item[open]>button::after {
+        rotate: 180deg;
+        top: 30%;
+        transition: 0.2s ease-in-out;
+      }
       div.item[open] .content {
        display: block;
       }

packages/kit-tailwind/src/components/accordion/accordion.tsx

@@ -24,7 +24,7 @@ export const Accordion = component$((props: AccordionProps) => {
   const { class: classNames, ...rest } = props;
   return (
     <HeadlessAccordion
-      class={clsq('border collapse collapse-arrow', classNames)}
+      class={clsq('collapse collapse-arrow', classNames)}
       {...rest}
     >
       <Slot />
@@ -35,10 +35,7 @@ export const Accordion = component$((props: AccordionProps) => {
 export const AccordionItem = component$((props: AccordionItemProps) => {
   const { class: classNames, ...rest } = props;
   return (
-    <HeadlessAccordionItem
-      class={clsq('collapse-title border', classNames)}
-      {...rest}
-    >
+    <HeadlessAccordionItem class={clsq('collapse-title', classNames)} {...rest}>
       <Slot />
     </HeadlessAccordionItem>
   );