fulldev-ui 0.4.16 → 0.4.17

package/.github/pull_request_template.md

@@ -1,11 +0,0 @@
-# Changes/Additions being made and why
-
-Here give examples of the changes you've made in this pull request. Include an itemized list if you can. It'll help the reviewer
-
-## Screenshots (optional)
-
-If you made visual changes, what are the before an afters?
-
-### Quality check
-
-- [ ] Are there any erroneous console logs, debuggers or leftover code in your changes?

package/.github/workflows/github-releases-to-npm.yml

@@ -0,0 +1,21 @@
+name: Publish Package to npmjs
+on:
+  release:
+    types: [published]
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
+    steps:
+      - uses: actions/checkout@v4
+      # Setup .npmrc file to publish to npm
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          registry-url: 'https://registry.npmjs.org'
+      - run: npm ci
+      - run: npm publish --provenance --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/CONTRIBUTING.md

@@ -102,7 +102,7 @@ Have you used fulldev-ui to build a website? Add it to the showcase!
 
 1. Fork this repository.
 2. Add a screenshot of your site to the `public/showcase/` directory.
-3. Add your site to the `showcase` array at the top of `src/content/pages/overview/showcase.mdx`.
+3. Add your site to the `showcase` array at the top of `src/content/pages/showcase.mdx`.
 4. Go to the forked repository on your Github and clicke the 'Contribute` button to make a Pull Request.
 
 ## Community / Contact

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fulldev-ui",
-  "version": "0.4.16",
+  "version": "0.4.17",
   "description": "A component library built for Astro",
   "homepage": "https://ui.full.dev",
   "bugs": "https://github.com/fulldotdev/ui/issues",

package/src/components/Card.astro

@@ -27,7 +27,7 @@ type Props<As extends HTMLTag = 'a'> = Polymorphic<{ as: As }> & {
   color?: 'base' | 'brand'
   space?: 'auto' | 'none'
   mask?: 'sm' | 'md' | 'lg'
-  image?: string
+  image?: string | ComponentProps<typeof Image>
   images?: string[]
   button?: ComponentProps<typeof Button<'a'>>
   buttons?: ComponentProps<typeof Button<'a'>>[]
@@ -109,7 +109,8 @@ const buttonVariant = (i: number) => {
     {position}
     {mask}
     ratio={position === 'background' ? undefined : ratio}
-    src={image || images?.[0]}
+    src={images?.[0]}
+    {...typeof image === 'string' ? { src: image } : image}
   />
   <Icon name={icon} />
   <Rating

package/src/components/Section.astro

@@ -250,8 +250,8 @@ const buttonVariant = (i: number) => {
         padding: var(--inset-top) var(--inset-right) var(--inset-bottom)
           var(--inset-left);
         max-width: calc(
-          100vw - var(--sidebar-width) - var(--toc-width) - var(--inset-left) - var(
-              --inset-right
+          100vw - var(--sidebar-width) - var(--toc-width) - var(--gutter-left) - var(
+              --gutter-right
             )
         );
         overflow: hidden;

package/src/components/Table.astro

@@ -7,7 +7,7 @@ type Props = HTMLAttributes<'table'> & {
   size?: 'sm' | 'md' | 'lg'
   header?: string[]
   body?: string[][]
-  footer?: (string | { text: string; colspan?: string | number })[]
+  footer?: string[]
   radius?: 'none' | 'auto'
 }
 
@@ -24,15 +24,15 @@ const { header, body, footer, radius = 'auto', ...rest } = Astro.props
   >
     <Root as="thead">
       <Root as="tr">
-        {header?.map((cell: string) => <Root as="th">{cell}</Root>)}
+        {header?.map((cell) => <th>{cell}</th>)}
       </Root>
     </Root>
     <Root as="tbody">
       {
         body?.map((row: string[]) => (
           <Root as="tr">
-            {row.map((cell: string) => (
-              <Root as="td">{cell}</Root>
+            {row?.map((cell) => (
+              <td>{cell}</td>
             ))}
           </Root>
         ))
@@ -40,22 +40,7 @@ const { header, body, footer, radius = 'auto', ...rest } = Astro.props
     </Root>
     <Root as="tfoot">
       <Root as="tr">
-        {
-          footer?.map((cell) => {
-            if (typeof cell === 'string') {
-              return <Root as="td">{cell}</Root>
-            } else {
-              return (
-                <Root
-                  as="td"
-                  colspan={cell.colspan}
-                >
-                  {cell.text}
-                </Root>
-              )
-            }
-          })
-        }
+        {footer?.map((cell) => <td>{cell}</td>)}
       </Root>
     </Root>
   </Root>

package/src/content/pages/base/table.mdx

@@ -20,7 +20,7 @@ import Table from 'fulldev-ui/components/Table.astro'
     ['Apple', 'Green', '2'],
     ['Banana', 'Yellow', '3'],
   ]}
-  footer={[{ text: 'Total', colspan: '2' }, '5']}
+  footer={['Total', '', '5']}
 />
 ```
 

package/src/content/settings/base.yml

@@ -12,7 +12,7 @@ header:
     - text: Blocks
       href: /blocks
     - text: Showcase
-      href: /overview/showcase
+      href: /showcase
   search:
     icon: search
     variant: soft
@@ -46,7 +46,7 @@ header:
         - text: Frameworks
           href: /overview/frameworks
         - text: Showcase
-          href: /overview/showcase
+          href: /showcase
     - heading: Typography
       folder: typography
     - heading: Base

package/src/content/settings/components.yml

@@ -12,7 +12,7 @@ sidebar:
       - text: Frameworks
         href: /overview/frameworks
       - text: Showcase
-        href: /overview/showcase
+        href: /showcase
   - heading: Typography
     folder: typography
   - heading: Base