-
-
Notifications
You must be signed in to change notification settings - Fork 41
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Update syntaxes in various components
- Loading branch information
Showing
164 changed files
with
2,087 additions
and
1,314 deletions.
There are no files selected for viewing
21 changes: 13 additions & 8 deletions
21
website/app/[locale]/(root)/docs/accent-color/components/Overview.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,15 @@ | ||
| 'use client' | ||
|
|
||
| import Demo from 'websites/components/Demo' | ||
| import Code from 'websites/components/Code' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import syntaxes from '../syntaxes' | ||
| import line from 'to-line' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import SyntaxTr from '~/components/SyntaxTr' | ||
|
|
||
| export default () => | ||
| <SyntaxTable value={syntaxes}></SyntaxTable> | ||
| export default () => { | ||
| return ( | ||
| <> | ||
| <SyntaxTable> | ||
| {syntaxes.map((syntax) => | ||
| <SyntaxTr value={syntax} key={syntax}></SyntaxTr>) | ||
| } | ||
| </SyntaxTable> | ||
| </> | ||
| ) | ||
| } |
21 changes: 13 additions & 8 deletions
21
website/app/[locale]/(root)/docs/align-content/components/Overview.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,15 @@ | ||
| 'use client' | ||
|
|
||
| import Demo from 'websites/components/Demo' | ||
| import Code from 'websites/components/Code' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import syntaxes from '../syntaxes' | ||
| import line from 'to-line' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import SyntaxTr from '~/components/SyntaxTr' | ||
|
|
||
| export default () => | ||
| <SyntaxTable value={syntaxes}></SyntaxTable> | ||
| export default () => { | ||
| return ( | ||
| <> | ||
| <SyntaxTable> | ||
| {syntaxes.map((syntax) => | ||
| <SyntaxTr value={syntax} key={syntax}></SyntaxTr>) | ||
| } | ||
| </SyntaxTable> | ||
| </> | ||
| ) | ||
| } |
21 changes: 13 additions & 8 deletions
21
website/app/[locale]/(root)/docs/align-self/components/Overview.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,15 @@ | ||
| 'use client' | ||
|
|
||
| import Demo from 'websites/components/Demo' | ||
| import Code from 'websites/components/Code' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import syntaxes from '../syntaxes' | ||
| import line from 'to-line' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import SyntaxTr from '~/components/SyntaxTr' | ||
|
|
||
| export default () => | ||
| <SyntaxTable value={syntaxes}></SyntaxTable> | ||
| export default () => { | ||
| return ( | ||
| <> | ||
| <SyntaxTable> | ||
| {syntaxes.map((syntax) => | ||
| <SyntaxTr value={syntax} key={syntax}></SyntaxTr>) | ||
| } | ||
| </SyntaxTable> | ||
| </> | ||
| ) | ||
| } |
21 changes: 13 additions & 8 deletions
21
website/app/[locale]/(root)/docs/animation-delay/components/Overview.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,15 @@ | ||
| 'use client' | ||
|
|
||
| import Demo from 'websites/components/Demo' | ||
| import Code from 'websites/components/Code' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import syntaxes from '../syntaxes' | ||
| import line from 'to-line' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import SyntaxTr from '~/components/SyntaxTr' | ||
|
|
||
| export default () => | ||
| <SyntaxTable value={syntaxes}></SyntaxTable> | ||
| export default () => { | ||
| return ( | ||
| <> | ||
| <SyntaxTable> | ||
| {syntaxes.map((syntax) => | ||
| <SyntaxTr value={syntax} key={syntax}></SyntaxTr>) | ||
| } | ||
| </SyntaxTable> | ||
| </> | ||
| ) | ||
| } |
21 changes: 13 additions & 8 deletions
21
website/app/[locale]/(root)/docs/animation-duration/components/Overview.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,15 @@ | ||
| 'use client' | ||
|
|
||
| import Demo from 'websites/components/Demo' | ||
| import Code from 'websites/components/Code' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import syntaxes from '../syntaxes' | ||
| import line from 'to-line' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import SyntaxTr from '~/components/SyntaxTr' | ||
|
|
||
| export default () => | ||
| <SyntaxTable value={syntaxes}></SyntaxTable> | ||
| export default () => { | ||
| return ( | ||
| <> | ||
| <SyntaxTable> | ||
| {syntaxes.map((syntax) => | ||
| <SyntaxTr value={syntax} key={syntax}></SyntaxTr>) | ||
| } | ||
| </SyntaxTable> | ||
| </> | ||
| ) | ||
| } |
21 changes: 13 additions & 8 deletions
21
website/app/[locale]/(root)/docs/animation-iteration-count/components/Overview.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,15 @@ | ||
| 'use client' | ||
|
|
||
| import Demo from 'websites/components/Demo' | ||
| import Code from 'websites/components/Code' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import syntaxes from '../syntaxes' | ||
| import line from 'to-line' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import SyntaxTr from '~/components/SyntaxTr' | ||
|
|
||
| export default () => | ||
| <SyntaxTable value={syntaxes}></SyntaxTable> | ||
| export default () => { | ||
| return ( | ||
| <> | ||
| <SyntaxTable> | ||
| {syntaxes.map((syntax) => | ||
| <SyntaxTr value={syntax} key={syntax}></SyntaxTr>) | ||
| } | ||
| </SyntaxTable> | ||
| </> | ||
| ) | ||
| } |
21 changes: 13 additions & 8 deletions
21
website/app/[locale]/(root)/docs/animation-name/components/Overview.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,15 @@ | ||
| 'use client' | ||
|
|
||
| import Demo from 'websites/components/Demo' | ||
| import Code from 'websites/components/Code' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import syntaxes from '../syntaxes' | ||
| import line from 'to-line' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import SyntaxTr from '~/components/SyntaxTr' | ||
|
|
||
| export default () => | ||
| <SyntaxTable value={syntaxes}></SyntaxTable> | ||
| export default () => { | ||
| return ( | ||
| <> | ||
| <SyntaxTable> | ||
| {syntaxes.map((syntax) => | ||
| <SyntaxTr value={syntax} key={syntax}></SyntaxTr>) | ||
| } | ||
| </SyntaxTable> | ||
| </> | ||
| ) | ||
| } |
21 changes: 13 additions & 8 deletions
21
website/app/[locale]/(root)/docs/animation-timing-function/components/Overview.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,15 @@ | ||
| 'use client' | ||
|
|
||
| import Demo from 'websites/components/Demo' | ||
| import Code from 'websites/components/Code' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import syntaxes from '../syntaxes' | ||
| import line from 'to-line' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import SyntaxTr from '~/components/SyntaxTr' | ||
|
|
||
| export default () => | ||
| <SyntaxTable value={syntaxes}></SyntaxTable> | ||
| export default () => { | ||
| return ( | ||
| <> | ||
| <SyntaxTable> | ||
| {syntaxes.map((syntax) => | ||
| <SyntaxTr value={syntax} key={syntax}></SyntaxTr>) | ||
| } | ||
| </SyntaxTable> | ||
| </> | ||
| ) | ||
| } |
64 changes: 30 additions & 34 deletions
64
website/app/[locale]/(root)/docs/animation/components/Overview.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,38 +1,34 @@ | ||
| 'use client' | ||
|
|
||
| import Demo from 'websites/components/Demo' | ||
| import Code from 'websites/components/Code' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import syntaxes from '../syntaxes' | ||
| import { l } from 'to-line' | ||
| import { IconBallTennis, IconBell, IconBellRinging, IconCircle, IconCurrentLocation, IconFocusCentered, IconHandFinger, IconHeart, IconLoader, IconLoader2, IconLoaderQuarter, IconMapPin, IconMaximize, IconPointer, IconSquare, IconStar, IconUfo } from '@tabler/icons-react' | ||
| import clsx from 'clsx' | ||
| import SyntaxTr from '~/components/SyntaxTr' | ||
|
|
||
| export default () => | ||
| <SyntaxTable value={syntaxes} scrollY={false} previewClass={(eachClass: string) => { | ||
| const className = 'app-icon-primary stroke:1 v:top mr:3x ml:-2 contain:strict' | ||
| if (eachClass.startsWith('@flash')) { | ||
| return <IconStar className={l(eachClass, className)} /> | ||
| } | ||
| if (eachClass.startsWith('@heart')) { | ||
| return <IconHeart className={l(eachClass, className)} /> | ||
| } | ||
| if (eachClass.startsWith('@pulse')) { | ||
| return <IconHandFinger className={l(eachClass, className)} /> | ||
| } | ||
| if (eachClass.startsWith('@zoom')) { | ||
| return <IconMaximize className={l(eachClass, className)} /> | ||
| } | ||
| if (eachClass.startsWith('@jump')) { | ||
| return <IconBallTennis className={l(eachClass, className)} /> | ||
| } | ||
| if (eachClass.startsWith('@shake')) { | ||
| return <IconBell className={l(eachClass, className)} /> | ||
| } | ||
| if (eachClass.startsWith('@rotate')) { | ||
| return <IconLoader className={l(eachClass, className)} /> | ||
| } | ||
| if (eachClass.startsWith('@float')) { | ||
| return <IconUfo className={l(eachClass, className)} /> | ||
| } | ||
| return <IconCircle className={l(eachClass, className)} /> | ||
| }}></SyntaxTable> | ||
| export default () => { | ||
| const previewSyntax = '' | ||
| return ( | ||
| <SyntaxTable scrollY={0}> | ||
| {syntaxes.map((syntax) => { | ||
| return ( | ||
| <SyntaxTr value={syntax} key={syntax} previewSyntax={previewSyntax}> | ||
| {typeof syntax === 'string' && { | ||
| '@fade|1s|infinite': <IconCircle className={clsx('app-icon-primary contain:strict ml:-2 mr:3x stroke:1 v:top', syntax)} />, | ||
| '@fade|1s|infinite|reverse': <IconCircle className={clsx('app-icon-primary contain:strict ml:-2 mr:3x stroke:1 v:top', syntax)} />, | ||
| '@ping|1s|infinite': <IconCircle className={clsx('app-icon-primary contain:strict ml:-2 mr:3x stroke:1 v:top', syntax)} />, | ||
| '@flash|1s|infinite': <IconStar className={clsx('app-icon-primary contain:strict ml:-2 mr:3x stroke:1 v:top', syntax)} />, | ||
| '@heart|1s|infinite': <IconHeart className={clsx('app-icon-primary contain:strict ml:-2 mr:3x stroke:1 v:top', syntax)} />, | ||
| '@jump|1s|infinite': <IconBallTennis className={clsx('app-icon-primary contain:strict ml:-2 mr:3x stroke:1 v:top', syntax)} />, | ||
| '@pulse|1s|infinite': <IconHandFinger className={clsx('app-icon-primary contain:strict ml:-2 mr:3x stroke:1 v:top', syntax)} />, | ||
| '@rotate|1s|infinite|linear': <IconLoader className={clsx('app-icon-primary contain:strict ml:-2 mr:3x stroke:1 v:top', syntax)} />, | ||
| '@rotate|1s|infinite|linear|reverse': <IconLoader className={clsx('app-icon-primary contain:strict ml:-2 mr:3x stroke:1 v:top', syntax)} />, | ||
| '@shake|1s|infinite': <IconBell className={clsx('app-icon-primary contain:strict ml:-2 mr:3x stroke:1 v:top', syntax)} />, | ||
| '@zoom|1s|infinite': <IconMaximize className={clsx('app-icon-primary contain:strict ml:-2 mr:3x stroke:1 v:top', syntax)} />, | ||
| '@float|3s|ease-in-out|infinite': <IconUfo className={clsx('app-icon-primary contain:strict ml:-2 mr:3x stroke:1 v:top', syntax)} /> | ||
| }[syntax]} | ||
| </SyntaxTr> | ||
| ) | ||
| } | ||
| )} | ||
| </SyntaxTable> | ||
| ) | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
21 changes: 13 additions & 8 deletions
21
website/app/[locale]/(root)/docs/appearance/components/Overview.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,15 @@ | ||
| 'use client' | ||
|
|
||
| import Demo from 'websites/components/Demo' | ||
| import Code from 'websites/components/Code' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import syntaxes from '../syntaxes' | ||
| import line from 'to-line' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import SyntaxTr from '~/components/SyntaxTr' | ||
|
|
||
| export default () => | ||
| <SyntaxTable value={syntaxes}></SyntaxTable> | ||
| export default () => { | ||
| return ( | ||
| <> | ||
| <SyntaxTable> | ||
| {syntaxes.map((syntax) => | ||
| <SyntaxTr value={syntax} key={syntax}></SyntaxTr>) | ||
| } | ||
| </SyntaxTable> | ||
| </> | ||
| ) | ||
| } |
21 changes: 13 additions & 8 deletions
21
website/app/[locale]/(root)/docs/aspect-ratio/components/Overview.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,15 @@ | ||
| 'use client' | ||
|
|
||
| import Demo from 'websites/components/Demo' | ||
| import Code from 'websites/components/Code' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import syntaxes from '../syntaxes' | ||
| import line from 'to-line' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import SyntaxTr from '~/components/SyntaxTr' | ||
|
|
||
| export default () => | ||
| <SyntaxTable value={syntaxes}></SyntaxTable> | ||
| export default () => { | ||
| return ( | ||
| <> | ||
| <SyntaxTable> | ||
| {syntaxes.map((syntax) => | ||
| <SyntaxTr value={syntax} key={syntax}></SyntaxTr>) | ||
| } | ||
| </SyntaxTable> | ||
| </> | ||
| ) | ||
| } |
21 changes: 13 additions & 8 deletions
21
website/app/[locale]/(root)/docs/backdrop-filter/components/Overview.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,15 @@ | ||
| 'use client' | ||
|
|
||
| import Demo from 'websites/components/Demo' | ||
| import Code from 'websites/components/Code' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import syntaxes from '../syntaxes' | ||
| import line from 'to-line' | ||
| import SyntaxTable from '~/components/SyntaxTable' | ||
| import SyntaxTr from '~/components/SyntaxTr' | ||
|
|
||
| export default () => | ||
| <SyntaxTable value={syntaxes}></SyntaxTable> | ||
| export default () => { | ||
| return ( | ||
| <> | ||
| <SyntaxTable> | ||
| {syntaxes.map((syntax) => | ||
| <SyntaxTr value={syntax} key={syntax}></SyntaxTr>) | ||
| } | ||
| </SyntaxTable> | ||
| </> | ||
| ) | ||
| } |
Oops, something went wrong.