fulldev-ui 0.5.0-beta.9 → 0.6.0-beta.0

package/src/integration/tailwind-plugin.ts

@@ -1,80 +0,0 @@
-import plugin from 'tailwindcss/plugin'
-
-export default plugin(() => {}, {
-  theme: {
-    spacing: {
-      'space-1': 'var(--space-1)',
-      'space-2': 'var(--space-2)',
-      'space-3': 'var(--space-3)',
-      'space-4': 'var(--space-4)',
-      'space-5': 'var(--space-5)',
-      'space-6': 'var(--space-6)',
-      'space-7': 'var(--space-7)',
-    },
-    borderRadius: {
-      1: 'var(--radius-1)',
-      2: 'var(--radius-2)',
-      3: 'var(--radius-3)',
-    },
-    fontSize: {
-      1: 'var(--text-1)',
-      2: 'var(--text-2)',
-      3: 'var(--text-3)',
-      4: 'var(--text-4)',
-      5: 'var(--text-5)',
-      6: 'var(--text-6)',
-      7: 'var(--text-7)',
-      8: 'var(--text-8)',
-    },
-    colors: {
-      color: {
-        1: 'var(--color-1)',
-        2: 'var(--color-2)',
-        3: 'var(--color-3)',
-        4: 'var(--color-4)',
-        5: 'var(--color-5)',
-        6: 'var(--color-6)',
-        7: 'var(--color-7)',
-        8: 'var(--color-8)',
-        9: 'var(--color-9)',
-        10: 'var(--color-10)',
-        11: 'var(--color-11)',
-        12: 'var(--color-12)',
-        contrast: 'var(--color-contrast)',
-        background: 'var(--color-background)',
-      },
-      base: {
-        1: 'var(--color-base-1)',
-        2: 'var(--color-base-2)',
-        3: 'var(--color-base-3)',
-        4: 'var(--color-base-4)',
-        5: 'var(--color-base-5)',
-        6: 'var(--color-base-6)',
-        7: 'var(--color-base-7)',
-        8: 'var(--color-base-8)',
-        9: 'var(--color-base-9)',
-        10: 'var(--color-base-10)',
-        11: 'var(--color-base-11)',
-        12: 'var(--color-base-12)',
-        contrast: 'var(--color-base-contrast)',
-        background: 'var(--color-base-background)',
-      },
-      brand: {
-        1: 'var(--color-brand-1)',
-        2: 'var(--color-brand-2)',
-        3: 'var(--color-brand-3)',
-        4: 'var(--color-brand-4)',
-        5: 'var(--color-brand-5)',
-        6: 'var(--color-brand-6)',
-        7: 'var(--color-brand-7)',
-        8: 'var(--color-brand-8)',
-        9: 'var(--color-brand-9)',
-        10: 'var(--color-brand-10)',
-        11: 'var(--color-brand-11)',
-        12: 'var(--color-brand-12)',
-        contrast: 'var(--color-brand-contrast)',
-        background: 'var(--color-brand-background)',
-      },
-    },
-  },
-})

package/src/integration/unocss-preset.ts

@@ -1,84 +0,0 @@
-import { definePreset, presetUno } from 'unocss'
-
-export default definePreset(() => {
-  return {
-    name: 'fullUI',
-    presets: [presetUno()],
-    theme: {
-      spacing: {
-        'space-1': 'var(--space-1)',
-        'space-2': 'var(--space-2)',
-        'space-3': 'var(--space-3)',
-        'space-4': 'var(--space-4)',
-        'space-5': 'var(--space-5)',
-        'space-6': 'var(--space-6)',
-        'space-7': 'var(--space-7)',
-      },
-      borderRadius: {
-        1: 'var(--radius-1)',
-        2: 'var(--radius-2)',
-        3: 'var(--radius-3)',
-      },
-      fontSize: {
-        1: 'var(--text-1)',
-        2: 'var(--text-2)',
-        3: 'var(--text-3)',
-        4: 'var(--text-4)',
-        5: 'var(--text-5)',
-        6: 'var(--text-6)',
-        7: 'var(--text-7)',
-        8: 'var(--text-8)',
-      },
-      colors: {
-        color: {
-          1: 'var(--color-1)',
-          2: 'var(--color-2)',
-          3: 'var(--color-3)',
-          4: 'var(--color-4)',
-          5: 'var(--color-5)',
-          6: 'var(--color-6)',
-          7: 'var(--color-7)',
-          8: 'var(--color-8)',
-          9: 'var(--color-9)',
-          10: 'var(--color-10)',
-          11: 'var(--color-11)',
-          12: 'var(--color-12)',
-          contrast: 'var(--color-contrast)',
-          background: 'var(--color-background)',
-        },
-        base: {
-          1: 'var(--color-base-1)',
-          2: 'var(--color-base-2)',
-          3: 'var(--color-base-3)',
-          4: 'var(--color-base-4)',
-          5: 'var(--color-base-5)',
-          6: 'var(--color-base-6)',
-          7: 'var(--color-base-7)',
-          8: 'var(--color-base-8)',
-          9: 'var(--color-base-9)',
-          10: 'var(--color-base-10)',
-          11: 'var(--color-base-11)',
-          12: 'var(--color-base-12)',
-          contrast: 'var(--color-base-contrast)',
-          background: 'var(--color-base-background)',
-        },
-        brand: {
-          1: 'var(--color-brand-1)',
-          2: 'var(--color-brand-2)',
-          3: 'var(--color-brand-3)',
-          4: 'var(--color-brand-4)',
-          5: 'var(--color-brand-5)',
-          6: 'var(--color-brand-6)',
-          7: 'var(--color-brand-7)',
-          8: 'var(--color-brand-8)',
-          9: 'var(--color-brand-9)',
-          10: 'var(--color-brand-10)',
-          11: 'var(--color-brand-11)',
-          12: 'var(--color-brand-12)',
-          contrast: 'var(--color-brand-contrast)',
-          background: 'var(--color-brand-background)',
-        },
-      },
-    },
-  }
-})

package/src/layouts/BlockLayout.astro

@@ -1,19 +0,0 @@
----
-import type { ComponentProps } from 'astro/types'
-import Intro from 'fulldev-ui/blocks/Intro.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-
-type Props = ComponentProps<typeof Layout>
-
-const { render, title, sections, ...rest } = Astro.props
-const { Content } = await render()
----
-
-<Layout
-  class:list="block-layout"
-  {render}
-  {...rest}
->
-  <Intro heading={title} />
-  {Content && <Content />}
-</Layout>

package/src/layouts/ContactLayout.astro

@@ -1,21 +0,0 @@
----
-import type { ComponentProps } from 'astro/types'
-import Sections from 'fulldev-ui/components/sections.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-import Contact from '../blocks/Contact.astro'
-
-type Props = ComponentProps<typeof Layout> & {
-  contactProps: ComponentProps<typeof Contact>
-}
-
-const { render, sections, contactProps, ...rest } = Astro.props
----
-
-<Layout {...Astro.props}>
-  <Contact
-    level={1}
-    {...rest}
-  />
-  <Sections {sections} />
-  <slot />
-</Layout>

package/src/layouts/DocsLayout.astro

@@ -1,73 +0,0 @@
----
-import type { ComponentProps } from 'astro/types'
-import Button from 'fulldev-ui/components/Button.astro'
-import Element from 'fulldev-ui/components/Element.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-import { crush } from 'radash'
-import PostLayout from './PostLayout.astro'
-
-type Props = ComponentProps<typeof Layout>
-
-const { slug, navigation } = Astro.props
-
-const flatButtons = crush((navigation as any)?.buttons ?? {})
-const slugs = Object.entries(flatButtons)
-  .map(([key, value]) => (key.endsWith('.slug') ? value : null))
-  .filter(Boolean)
-const slugIndex = slugs.findIndex((val) => val === slug)
-
-const prevSlug = slugs[slugIndex - 1]
-const nextSlug = slugs[slugIndex + 1]
----
-
-<PostLayout
-  class:list="docs-layout"
-  {...Astro.props}
->
-  <Element
-    class:list={['prev-next', { 'next-only': !prevSlug }]}
-    slot="prose"
-  >
-    <Button
-      if={prevSlug}
-      slug={prevSlug}
-      icon="arrow-left"
-      variant="secondary"
-    />
-    <Button
-      if={nextSlug}
-      slug={nextSlug}
-      icon="arrow-right"
-      variant="secondary"
-      reverse={true}
-    />
-  </Element>
-</PostLayout>
-
-<style lang="scss" is:global>
-  @layer fulldev {
-    .docs-layout {
-      .prose {
-        > a,
-        > p > a {
-          color: var(--brand-11);
-
-          &:hover {
-            color: var(--brand-12);
-          }
-        }
-
-        .prev-next {
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          margin-top: var(--space-7);
-
-          &.next-only {
-            justify-content: flex-end;
-          }
-        }
-      }
-    }
-  }
-</style>

package/src/layouts/OverviewLayout.astro

@@ -1,42 +0,0 @@
----
-import type { ComponentProps } from 'astro/types'
-import Article from 'fulldev-ui/blocks/Article.astro'
-import Categories from 'fulldev-ui/blocks/Categories.astro'
-import Intro from 'fulldev-ui/blocks/Intro.astro'
-import Products from 'fulldev-ui/blocks/Products.astro'
-import Sections from 'fulldev-ui/components/sections.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-import { getFolderChildren } from 'fulldev-ui/utils/getFolderChildren.ts'
-import { getReferenceChildren } from 'fulldev-ui/utils/getReferenceChildren'
-
-type Props = ComponentProps<typeof Layout>
-
-const { slug, sections, title, description, render } = Astro.props
-
-const folderChildren = await getFolderChildren(slug)
-const referenceChildren = await getReferenceChildren(slug)
----
-
-<Layout {...Astro.props}>
-  <Intro
-    heading={title}
-    text={description}
-  />
-  <Categories
-    component="Categories"
-    cards={folderChildren}
-    structure="grid"
-    panel
-  />
-  <Products
-    component="Products"
-    cards={referenceChildren}
-    structure="grid"
-  />
-  <Article
-    {render}
-    toc={false}
-  />
-  <Sections {sections} />
-  <slot />
-</Layout>