- 🚀
-
- )
-}
-
-export default AuthorCollectionCustomReference
diff --git a/experimental-examples/kitchen-sink/component/custom-reference-select-post.tsx b/experimental-examples/kitchen-sink/component/custom-reference-select-post.tsx
deleted file mode 100644
index 5fda8b04d6..0000000000
--- a/experimental-examples/kitchen-sink/component/custom-reference-select-post.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-// CustomDisplayPostComponent.tsx
-import React from 'react'
-import { PostProps } from '../tina/custom-component-reference-select/model'
-
-const PostCollectionCustomReference: React.FC
-
- {name}
- {description}
-
- 📝
- {title}
-
- )
-}
-
-export default PostCollectionCustomReference
diff --git a/experimental-examples/kitchen-sink/content/author/Napolean.md b/experimental-examples/kitchen-sink/content/author/Napolean.md
deleted file mode 100644
index 5e079d225a..0000000000
--- a/experimental-examples/kitchen-sink/content/author/Napolean.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-name: Melbourne - Napoleon
-description: Napolean is the first author
-location: melbourne
----
diff --git a/experimental-examples/kitchen-sink/content/author/Napolean2.md b/experimental-examples/kitchen-sink/content/author/Napolean2.md
deleted file mode 100644
index 2982fe6c61..0000000000
--- a/experimental-examples/kitchen-sink/content/author/Napolean2.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-name: Melbourne - Napoleon2
-description: This is Napolean 2 description
-location: melbourne
----
diff --git a/experimental-examples/kitchen-sink/content/author/napolean 3.md b/experimental-examples/kitchen-sink/content/author/napolean 3.md
deleted file mode 100644
index 8a06ebe381..0000000000
--- a/experimental-examples/kitchen-sink/content/author/napolean 3.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-name: Sydney - Napolean
-description: test
-location: sydney
----
diff --git a/experimental-examples/kitchen-sink/content/author/napolean 4.md b/experimental-examples/kitchen-sink/content/author/napolean 4.md
deleted file mode 100644
index d44f84ce5a..0000000000
--- a/experimental-examples/kitchen-sink/content/author/napolean 4.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-name: Sydney - Napoleon
-description: test
-location: sydney
----
diff --git a/experimental-examples/kitchen-sink/content/page/home.mdx b/experimental-examples/kitchen-sink/content/page/home.mdx
deleted file mode 100644
index eabcacb040..0000000000
--- a/experimental-examples/kitchen-sink/content/page/home.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
----
-heading: 'test-reference field '
-subtitle: test reference filed
-author: content/author/Napolean2.md
----
-
-test
diff --git a/experimental-examples/kitchen-sink/content/post/HelloWorld.md b/experimental-examples/kitchen-sink/content/post/HelloWorld.md
deleted file mode 100644
index 299d45e32a..0000000000
--- a/experimental-examples/kitchen-sink/content/post/HelloWorld.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-title: hello world
-author: content/author/test-author.md
----
-
-Hello s
-
-How are you doing?
diff --git a/experimental-examples/kitchen-sink/content/post/test.md b/experimental-examples/kitchen-sink/content/post/test.md
deleted file mode 100644
index 32b22d4211..0000000000
--- a/experimental-examples/kitchen-sink/content/post/test.md
+++ /dev/null
@@ -1,4 +0,0 @@
----
-title: test
-author: ''
----
diff --git a/experimental-examples/kitchen-sink/next-env.d.ts b/experimental-examples/kitchen-sink/next-env.d.ts
deleted file mode 100644
index 40c3d68096..0000000000
--- a/experimental-examples/kitchen-sink/next-env.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-///
-
- )
- })
- : null}
-
- )
-}
-
-const Block = (block: PageBlocks) => {
- switch (block.__typename) {
- case 'PageBlocksContent':
- return
- {data.icon && (
-
- )
-}
-
-export const Features = ({ data }: { data: PageBlocksFeatures }) => {
- return (
- - {data.title} -
- )} - {data.text && ( -- {data.text} -
- )} -
- {data.tagline && (
-
- {data.image && (
- - {data.tagline} - -
- )} - {data.headline && ( -- - {data.headline} - -
- )} - {data.text && ( -
-
- )}
- {data.actions && (
-
-
- )}
-
-
- 
-
-
- --- - “ - --- {data.quote} -
- - ” - -- -- -
- {colorOptions.map((color) => {
- return (
-
- )
- })}
-
-
- )
-})
diff --git a/experimental-examples/tina-cloud-starter/components/fields/icon.tsx b/experimental-examples/tina-cloud-starter/components/fields/icon.tsx
deleted file mode 100644
index 5459e85ed6..0000000000
--- a/experimental-examples/tina-cloud-starter/components/fields/icon.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-import * as React from 'react'
-import { GoCircleSlash } from 'react-icons/go'
-import { Button, wrapFieldsWithMeta } from 'tinacms'
-import { Popover, Transition } from '@headlessui/react'
-import { Icon, IconOptions } from '../util/icon'
-import { BiChevronRight } from 'react-icons/bi'
-
-const parseIconName = (name: string) => {
- const splitName = name.split(/(?=[A-Z])/)
- if (splitName.length > 1) {
- return splitName.slice(1).join(' ')
- } else {
- return name
- }
-}
-
-export const IconPickerInput = wrapFieldsWithMeta(({ input }) => {
- const [filter, setFilter] = React.useState('')
- const filteredBlocks = React.useMemo(() => {
- return Object.keys(IconOptions).filter((name) => {
- return name.toLowerCase().includes(filter.toLowerCase())
- })
- }, [filter])
-
- const inputLabel = Object.keys(IconOptions).includes(input.value)
- ? parseIconName(input.value)
- : 'Select Icon'
- const InputIcon = IconOptions[input.value] ? IconOptions[input.value] : null
-
- return (
-
-
-
- {({ open }) => (
- <>
-
-
-
-
-
- )
-})
diff --git a/experimental-examples/tina-cloud-starter/components/layout/footer/footer.tsx b/experimental-examples/tina-cloud-starter/components/layout/footer/footer.tsx
deleted file mode 100644
index 56636bafa8..0000000000
--- a/experimental-examples/tina-cloud-starter/components/layout/footer/footer.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import React from 'react'
-import Link from 'next/link'
-import { FaFacebookF, FaGithub, FaTwitter } from 'react-icons/fa'
-import { AiFillInstagram } from 'react-icons/ai'
-import { Container } from '../../util/container'
-import { RawRenderer } from './rawRenderer'
-import { useTheme } from '..'
-import { Icon } from '../../util/icon'
-
-export const Footer = ({ data, icon, rawData }) => {
- const theme = useTheme()
- const socialIconClasses = 'h-7 w-auto'
- const socialIconColorClasses = {
- blue: 'text-blue-500 dark:text-blue-400 hover:text-blue-300',
- teal: 'text-teal-500 dark:text-teal-400 hover:text-teal-300',
- green: 'text-green-500 dark:text-green-400 hover:text-green-300',
- red: 'text-red-500 dark:text-red-400 hover:text-red-300',
- pink: 'text-pink-500 dark:text-pink-400 hover:text-pink-300',
- purple: 'text-purple-500 dark:text-purple-400 hover:text-purple-300',
- orange: 'text-orange-500 dark:text-orange-400 hover:text-orange-300',
- yellow: 'text-yellow-500 dark:text-yellow-400 hover:text-yellow-300',
- primary: 'text-white opacity-80 hover:opacity-100',
- }
-
- const footerColor = {
- default:
- 'text-gray-800 from-white to-gray-50 dark:from-gray-900 dark:to-gray-1000',
- primary: {
- blue: 'text-white from-blue-500 to-blue-700',
- teal: 'text-white from-teal-500 to-teal-600',
- green: 'text-white from-green-500 to-green-600',
- red: 'text-white from-red-500 to-red-600',
- pink: 'text-white from-pink-500 to-pink-600',
- purple: 'text-white from-purple-500 to-purple-600',
- orange: 'text-white from-orange-500 to-orange-600',
- yellow: 'text-white from-yellow-500 to-yellow-600',
- },
- }
-
- const footerColorCss =
- data.color === 'primary'
- ? footerColor.primary[theme.color]
- : footerColor.default
-
- return (
-
- )
-}
diff --git a/experimental-examples/tina-cloud-starter/components/layout/footer/index.tsx b/experimental-examples/tina-cloud-starter/components/layout/footer/index.tsx
deleted file mode 100644
index 9edad4237f..0000000000
--- a/experimental-examples/tina-cloud-starter/components/layout/footer/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { Footer } from './footer'
diff --git a/experimental-examples/tina-cloud-starter/components/layout/footer/rawRenderer.tsx b/experimental-examples/tina-cloud-starter/components/layout/footer/rawRenderer.tsx
deleted file mode 100644
index a18432adb4..0000000000
--- a/experimental-examples/tina-cloud-starter/components/layout/footer/rawRenderer.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import React from 'react'
-import { Fragment, useState } from 'react'
-import {
- Dialog,
- DialogPanel,
- Transition,
- TransitionChild,
-} from '@headlessui/react'
-import { useTheme } from '..'
-
-export const RawRenderer = ({ rawData, parentColor }) => {
- const theme = useTheme()
- const buttonColorClasses = {
- blue: 'text-blue-500',
- teal: 'text-teal-500',
- green: 'text-green-500',
- red: 'text-red-500',
- pink: 'text-pink-500',
- purple: 'text-purple-500',
- orange: 'text-orange-500',
- yellow: 'text-yellow-600',
- }
- const [isOpen, setIsOpen] = useState(false)
-
- function closeModal() {
- setIsOpen(false)
- }
-
- function openModal() {
- setIsOpen(true)
- }
-
- return (
- <>
-
-
-
-
- {({ close }) => (
-
-
-
-
- )}
-
-
- )}
-
- {
- event.stopPropagation()
- event.preventDefault()
- }}
- value={filter}
- onChange={(event: any) => {
- setFilter(event.target.value)
- }}
- placeholder="Filter..."
- />
-
- {filteredBlocks.length === 0 && (
-
- No matches found
-
- )}
- {filteredBlocks.length > 0 && (
-
-
- {filteredBlocks.map((name) => {
- return (
-
- )
- })}
-
- )}
-
-
-
-
- )
-}
diff --git a/experimental-examples/tina-cloud-starter/components/layout/index.tsx b/experimental-examples/tina-cloud-starter/components/layout/index.tsx
deleted file mode 100644
index 16cdff9295..0000000000
--- a/experimental-examples/tina-cloud-starter/components/layout/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export { Layout } from './layout'
-export { useTheme } from './theme'
diff --git a/experimental-examples/tina-cloud-starter/components/layout/layout.tsx b/experimental-examples/tina-cloud-starter/components/layout/layout.tsx
deleted file mode 100644
index c36b183edd..0000000000
--- a/experimental-examples/tina-cloud-starter/components/layout/layout.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react'
-import Head from 'next/head'
-import { Header } from './header'
-import { Footer } from './footer'
-import { Theme } from './theme'
-import layoutData from '../../content/global/index.json'
-import { Global } from '../../tina/__generated__/types'
-
-export const Layout = ({
- rawData = {},
- data = layoutData,
- children,
-}: {
- rawData?: object
- data?: Omit
-
-
-
-
-
-
-
-
- -
- {data.nav &&
- data.nav.map((item, i) => {
- const activeItem =
- (item.href === ''
- ? router.asPath === '/'
- : router.asPath.includes(item.href)) && isClient
- return (
-
- - - {item.label} - {activeItem && ( - - )} - - - ) - })} -
-
-
- {children}
-
-
-
-
- );
- },
- DateTime: (props) => {
- const dt = React.useMemo(() => {
- return new Date();
- }, []);
-
- switch (props.format) {
- case 'iso':
- return {dt.toISOString()};
- case 'utc':
- return {dt.toUTCString()};
- case 'local':
- return {dt.toLocaleDateString()};
- default:
- return {dt.toLocaleDateString()};
- }
- },
- NewsletterSignup: (props) => {
- return (
- --- {props.authorName} -
-
- );
- },
- img: (props) => (
-
-
-
-
-
-
-
-
-
- {props.disclaimer &&
- - - {props.title} - -
-
- {props.author && (
- <>
-
-
- 
-
- - {props.author.name} -
- - — - - - )} -- {formattedDate} -
-
-
- )}
-
-
- 
-
-
-
-
- {post.title}{' '}
-
-
-
-
-
-
-
- );
- })}
-
- );
-};
diff --git a/experimental-examples/tina-cloud-starter/components/util/actions.tsx b/experimental-examples/tina-cloud-starter/components/util/actions.tsx
deleted file mode 100644
index baad08216f..0000000000
--- a/experimental-examples/tina-cloud-starter/components/util/actions.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import Link from 'next/link'
-import * as React from 'react'
-import { BiRightArrowAlt } from 'react-icons/bi'
-import { useTheme } from '../layout'
-import { PageBlocksHeroActions } from '../../tina/__generated__/types'
-import { tinaField } from 'tinacms/dist/react'
-
-export const Actions = ({
- parentColor = 'default',
- className = '',
- actions,
-}: {
- parentColor: string
- className: string
- actions: PageBlocksHeroActions[]
-}) => {
- const theme = useTheme()
- const buttonColorClasses = {
- blue: 'text-white bg-blue-500 hover:bg-blue-600 bg-gradient-to-r from-blue-400 to-blue-600 hover:from-blue-400 hover:to-blue-500',
- teal: 'text-white bg-teal-500 hover:bg-teal-600 bg-gradient-to-r from-teal-400 to-teal-600 hover:from-teal-400 hover:to-teal-500',
- green:
- 'text-white bg-green-500 hover:bg-green-600 bg-gradient-to-r from-green-400 to-green-600 hover:from-green-400 hover:to-green-500',
- red: 'text-white bg-red-500 hover:bg-red-600 bg-gradient-to-r from-red-500 to-red-600 hover:from-red-400 hover:to-red-500',
- pink: 'text-white bg-pink-500 hover:bg-pink-600 bg-gradient-to-r from-pink-400 to-pink-600 hover:from-pink-400 hover:to-pink-500',
- purple:
- 'text-white bg-purple-500 hover:bg-purple-600 bg-gradient-to-r from-purple-400 to-purple-600 hover:from-purple-400 hover:to-purple-500',
- orange:
- 'text-white bg-orange-500 hover:bg-orange-600 bg-gradient-to-r from-orange-400 to-orange-600 hover:from-orange-400 hover:to-orange-500',
- yellow:
- 'text-gray-800 bg-yellow-500 hover:bg-yellow-600 bg-gradient-to-r from-yellow-400 to-yellow-600 hover:from-yellow-400 hover:to-yellow-500',
- }
-
- const invertedButtonColorClasses = {
- blue: 'text-blue-500 bg-white hover:bg-gray-50 bg-gradient-to-r from-gray-50 to-white hover:to-gray-100',
- teal: 'text-teal-500 bg-white hover:bg-gray-50 bg-gradient-to-r from-gray-50 to-white hover:to-gray-100',
- green:
- 'text-green-500 bg-white hover:bg-gray-50 bg-gradient-to-r from-gray-50 to-white hover:to-gray-100',
- red: 'text-red-500 bg-white hover:bg-gray-50 bg-gradient-to-r from-gray-50 to-white hover:to-gray-100',
- pink: 'text-pink-500 bg-white hover:bg-gray-50 bg-gradient-to-r from-gray-50 to-white hover:to-gray-100',
- purple:
- 'text-purple-500 bg-white hover:bg-gray-50 bg-gradient-to-r from-gray-50 to-white hover:to-gray-100',
- orange:
- 'text-orange-500 bg-white hover:bg-gray-50 bg-gradient-to-r from-gray-50 to-white hover:to-gray-100',
- yellow:
- 'text-yellow-500 bg-white hover:bg-gray-50 bg-gradient-to-r from-gray-50 to-white hover:to-gray-100',
- }
-
- const linkButtonColorClasses = {
- blue: 'text-blue-600 dark:text-blue-400 hover:text-blue-400 dark:hover:text-blue-200',
- teal: 'ttext-teal-600 dark:text-teal-400 hover:text-teal-400 dark:hover:text-teal-200',
- green:
- 'text-green-600 dark:text-green-400 hover:text-green-400 dark:hover:text-green-200',
- red: 'text-red-600 dark:text-red-400 hover:text-red-400 dark:hover:text-red-200',
- pink: 'text-pink-600 dark:text-pink-400 hover:text-pink-400 dark:hover:text-pink-200',
- purple:
- 'text-purple-600 dark:text-purple-400 hover:text-purple-400 dark:hover:text-purple-200',
- orange:
- 'text-orange-600 dark:text-orange-400 hover:text-orange-400 dark:hover:text-orange-200',
- yellow:
- 'text-yellow-600 dark:text-yellow-400 hover:text-yellow-400 dark:hover:text-yellow-200',
- }
-
- return (
-
- 
-
- - {post?.author?.name} -
- {formattedDate !== '' && ( - <> - - — - -- {formattedDate} -
- - )} -
- {actions &&
- actions.map(function (action, index) {
- let element = null
- if (action.type === 'button') {
- element = (
-
-
-
- )
- }
- if (action.type === 'link' || action.type === 'linkExternal') {
- element = (
-
- {action.label}
- {action.icon && (
-
- )
-}
diff --git a/experimental-examples/tina-cloud-starter/components/util/container.tsx b/experimental-examples/tina-cloud-starter/components/util/container.tsx
deleted file mode 100644
index bd1bd92d75..0000000000
--- a/experimental-examples/tina-cloud-starter/components/util/container.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from 'react'
-
-export const Container = ({
- children,
- size = 'medium',
- width = 'large',
- className = '',
- ...props
-}) => {
- const verticalPadding = {
- custom: '',
- small: 'py-8',
- medium: 'py-12',
- large: 'py-24',
- default: 'py-12',
- }
- const widthClass = {
- small: 'max-w-4xl',
- medium: 'max-w-5xl',
- large: 'max-w-7xl',
- custom: '',
- }
-
- return (
-
- {children}
-
- )
-}
diff --git a/experimental-examples/tina-cloud-starter/components/util/icon.tsx b/experimental-examples/tina-cloud-starter/components/util/icon.tsx
deleted file mode 100644
index 713baa8af6..0000000000
--- a/experimental-examples/tina-cloud-starter/components/util/icon.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-import * as React from 'react'
-import { ColorPickerInput } from '../fields/color'
-import { IconPickerInput } from '../fields/icon'
-import { useTheme } from '../layout'
-import * as BoxIcons from 'react-icons/bi'
-
-export const IconOptions = {
- Tina: (props) => (
-
- ),
- ...BoxIcons,
-}
-
-const iconColorClass: {
- [name: string]: { regular: string; circle: string }
-} = {
- blue: {
- regular: 'text-blue-400',
- circle: 'bg-blue-400 dark:bg-blue-500 text-blue-50',
- },
- teal: {
- regular: 'text-teal-400',
- circle: 'bg-teal-400 dark:bg-teal-500 text-teal-50',
- },
- green: {
- regular: 'text-green-400',
- circle: 'bg-green-400 dark:bg-green-500 text-green-50',
- },
- red: {
- regular: 'text-red-400',
- circle: 'bg-red-400 dark:bg-red-500 text-red-50',
- },
- pink: {
- regular: 'text-pink-400',
- circle: 'bg-pink-400 dark:bg-pink-500 text-pink-50',
- },
- purple: {
- regular: 'text-purple-400',
- circle: 'bg-purple-400 dark:bg-purple-500 text-purple-50',
- },
- orange: {
- regular: 'text-orange-400',
- circle: 'bg-orange-400 dark:bg-orange-500 text-orange-50',
- },
- yellow: {
- regular: 'text-yellow-400',
- circle: 'bg-yellow-400 dark:bg-yellow-500 text-yellow-50',
- },
- white: {
- regular: 'text-white opacity-80',
- circle: 'bg-white-400 dark:bg-white-500 text-white-50',
- },
-}
-
-const iconSizeClass = {
- xs: 'w-6 h-6 flex-shrink-0',
- small: 'w-8 h-8 flex-shrink-0',
- medium: 'w-12 h-12 flex-shrink-0',
- large: 'w-14 h-14 flex-shrink-0',
- xl: 'w-16 h-16 flex-shrink-0',
- custom: '',
-}
-
-export const Icon = ({
- data,
- parentColor = '',
- className = '',
- tinaField = '',
-}) => {
- if (IconOptions[data.name] === null || IconOptions[data.name] === undefined) {
- return null
- }
-
- const { name, color, size = 'medium', style = 'regular' } = data
-
- const theme = useTheme()
-
- const IconSVG = IconOptions[name]
-
- const iconSizeClasses =
- typeof size === 'string'
- ? iconSizeClass[size]
- : iconSizeClass[Object.keys(iconSizeClass)[size]]
-
- const iconColor = color
- ? color === 'primary'
- ? theme.color
- : color
- : theme.color
-
- if (style == 'circle') {
- return (
-
-
- )
- } else {
- const iconColorClasses =
- iconColorClass[
- parentColor === 'primary' &&
- (iconColor === theme.color || iconColor === 'primary')
- ? 'white'
- : iconColor
- ].regular
- return (
- No data
;
-