mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-25 06:14:59 +00:00
chore: organize css category seeds
This commit is contained in:
@@ -0,0 +1,3 @@
|
||||
import type { CssCategory } from '../../../../core/types'
|
||||
|
||||
export const buildAdvancedCssCategories = (): CssCategory[] => []
|
||||
@@ -0,0 +1,278 @@
|
||||
import type { CssCategory } from '../../../../core/types'
|
||||
import { buildSizingClasses, buildSpacingClasses } from '../build-css-classes'
|
||||
|
||||
export const buildBaseCssCategories = (): CssCategory[] => [
|
||||
{
|
||||
name: 'Layout',
|
||||
classes: [
|
||||
'block',
|
||||
'inline-block',
|
||||
'inline',
|
||||
'flex',
|
||||
'inline-flex',
|
||||
'grid',
|
||||
'inline-grid',
|
||||
'contents',
|
||||
'hidden',
|
||||
'flex-row',
|
||||
'flex-row-reverse',
|
||||
'flex-col',
|
||||
'flex-col-reverse',
|
||||
'flex-wrap',
|
||||
'flex-wrap-reverse',
|
||||
'flex-nowrap',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Spacing',
|
||||
classes: buildSpacingClasses(),
|
||||
},
|
||||
{
|
||||
name: 'Sizing',
|
||||
classes: buildSizingClasses(),
|
||||
},
|
||||
{
|
||||
name: 'Typography',
|
||||
classes: [
|
||||
'text-xs',
|
||||
'text-sm',
|
||||
'text-base',
|
||||
'text-lg',
|
||||
'text-xl',
|
||||
'text-2xl',
|
||||
'text-3xl',
|
||||
'text-4xl',
|
||||
'text-5xl',
|
||||
'text-6xl',
|
||||
'font-thin',
|
||||
'font-light',
|
||||
'font-normal',
|
||||
'font-medium',
|
||||
'font-semibold',
|
||||
'font-bold',
|
||||
'font-extrabold',
|
||||
'font-black',
|
||||
'leading-none',
|
||||
'leading-tight',
|
||||
'leading-snug',
|
||||
'leading-normal',
|
||||
'leading-relaxed',
|
||||
'leading-loose',
|
||||
'tracking-tighter',
|
||||
'tracking-tight',
|
||||
'tracking-normal',
|
||||
'tracking-wide',
|
||||
'tracking-wider',
|
||||
'tracking-widest',
|
||||
'text-left',
|
||||
'text-center',
|
||||
'text-right',
|
||||
'text-justify',
|
||||
'uppercase',
|
||||
'lowercase',
|
||||
'capitalize',
|
||||
'normal-case',
|
||||
'italic',
|
||||
'not-italic',
|
||||
'underline',
|
||||
'no-underline',
|
||||
'line-through',
|
||||
'font-sans',
|
||||
'font-serif',
|
||||
'font-mono',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Colors',
|
||||
classes: [
|
||||
'text-foreground',
|
||||
'text-muted-foreground',
|
||||
'text-primary',
|
||||
'text-primary-foreground',
|
||||
'text-secondary',
|
||||
'text-secondary-foreground',
|
||||
'text-accent',
|
||||
'text-accent-foreground',
|
||||
'text-destructive',
|
||||
'text-destructive-foreground',
|
||||
'bg-background',
|
||||
'bg-card',
|
||||
'bg-muted',
|
||||
'bg-accent',
|
||||
'bg-primary',
|
||||
'bg-secondary',
|
||||
'bg-destructive',
|
||||
'bg-popover',
|
||||
'bg-transparent',
|
||||
'bg-white',
|
||||
'bg-black',
|
||||
'text-white',
|
||||
'text-black',
|
||||
'border-border',
|
||||
'border-input',
|
||||
'border-primary',
|
||||
'border-secondary',
|
||||
'border-accent',
|
||||
'border-destructive',
|
||||
'ring-ring',
|
||||
'ring-primary',
|
||||
'ring-secondary',
|
||||
'ring-accent',
|
||||
'ring-destructive',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Borders',
|
||||
classes: [
|
||||
'border',
|
||||
'border-0',
|
||||
'border-2',
|
||||
'border-4',
|
||||
'border-8',
|
||||
'border-t',
|
||||
'border-b',
|
||||
'border-l',
|
||||
'border-r',
|
||||
'border-x',
|
||||
'border-y',
|
||||
'border-solid',
|
||||
'border-dashed',
|
||||
'border-dotted',
|
||||
'border-double',
|
||||
'border-hidden',
|
||||
'rounded-none',
|
||||
'rounded-sm',
|
||||
'rounded',
|
||||
'rounded-md',
|
||||
'rounded-lg',
|
||||
'rounded-xl',
|
||||
'rounded-2xl',
|
||||
'rounded-3xl',
|
||||
'rounded-full',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Effects',
|
||||
classes: [
|
||||
'shadow-none',
|
||||
'shadow-sm',
|
||||
'shadow',
|
||||
'shadow-md',
|
||||
'shadow-lg',
|
||||
'shadow-xl',
|
||||
'shadow-2xl',
|
||||
'shadow-inner',
|
||||
'ring-0',
|
||||
'ring-1',
|
||||
'ring-2',
|
||||
'ring-4',
|
||||
'ring-offset-1',
|
||||
'ring-offset-2',
|
||||
'opacity-0',
|
||||
'opacity-25',
|
||||
'opacity-50',
|
||||
'opacity-75',
|
||||
'opacity-100',
|
||||
'transition',
|
||||
'transition-all',
|
||||
'transition-colors',
|
||||
'transition-opacity',
|
||||
'transition-transform',
|
||||
'duration-75',
|
||||
'duration-100',
|
||||
'duration-150',
|
||||
'duration-200',
|
||||
'duration-300',
|
||||
'duration-500',
|
||||
'ease-in',
|
||||
'ease-out',
|
||||
'ease-in-out',
|
||||
'blur-none',
|
||||
'blur-sm',
|
||||
'blur',
|
||||
'blur-md',
|
||||
'blur-lg',
|
||||
'backdrop-blur',
|
||||
'backdrop-blur-sm',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Positioning',
|
||||
classes: [
|
||||
'static',
|
||||
'relative',
|
||||
'absolute',
|
||||
'fixed',
|
||||
'sticky',
|
||||
'inset-0',
|
||||
'inset-x-0',
|
||||
'inset-y-0',
|
||||
'top-0',
|
||||
'right-0',
|
||||
'bottom-0',
|
||||
'left-0',
|
||||
'z-auto',
|
||||
'z-0',
|
||||
'z-10',
|
||||
'z-20',
|
||||
'z-30',
|
||||
'z-40',
|
||||
'z-50',
|
||||
'overflow-hidden',
|
||||
'overflow-auto',
|
||||
'overflow-scroll',
|
||||
'overflow-visible',
|
||||
'overflow-x-auto',
|
||||
'overflow-y-auto',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Alignment',
|
||||
classes: [
|
||||
'items-start',
|
||||
'items-center',
|
||||
'items-end',
|
||||
'items-stretch',
|
||||
'items-baseline',
|
||||
'justify-start',
|
||||
'justify-center',
|
||||
'justify-end',
|
||||
'justify-between',
|
||||
'justify-around',
|
||||
'justify-evenly',
|
||||
'content-start',
|
||||
'content-center',
|
||||
'content-end',
|
||||
'self-start',
|
||||
'self-center',
|
||||
'self-end',
|
||||
'self-stretch',
|
||||
'place-items-start',
|
||||
'place-items-center',
|
||||
'place-items-end',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Interactivity',
|
||||
classes: [
|
||||
'cursor-pointer',
|
||||
'cursor-default',
|
||||
'cursor-not-allowed',
|
||||
'pointer-events-none',
|
||||
'pointer-events-auto',
|
||||
'select-none',
|
||||
'select-text',
|
||||
'select-all',
|
||||
'select-auto',
|
||||
'hover:bg-accent',
|
||||
'hover:text-accent-foreground',
|
||||
'hover:underline',
|
||||
'active:scale-95',
|
||||
'focus:ring-2',
|
||||
'focus:ring-primary',
|
||||
'focus-visible:outline-none',
|
||||
'disabled:opacity-50',
|
||||
'disabled:pointer-events-none',
|
||||
],
|
||||
},
|
||||
]
|
||||
@@ -0,0 +1,3 @@
|
||||
import type { CssCategory } from '../../../../core/types'
|
||||
|
||||
export const buildExperimentalCssCategories = (): CssCategory[] => []
|
||||
@@ -1,278 +1,10 @@
|
||||
import type { CssCategory } from '../../../core/types'
|
||||
import { buildSizingClasses, buildSpacingClasses } from './build-css-classes'
|
||||
import { buildAdvancedCssCategories } from './categories/advanced'
|
||||
import { buildBaseCssCategories } from './categories/base'
|
||||
import { buildExperimentalCssCategories } from './categories/experimental'
|
||||
|
||||
export const buildDefaultCssCategories = (): CssCategory[] => [
|
||||
{
|
||||
name: 'Layout',
|
||||
classes: [
|
||||
'block',
|
||||
'inline-block',
|
||||
'inline',
|
||||
'flex',
|
||||
'inline-flex',
|
||||
'grid',
|
||||
'inline-grid',
|
||||
'contents',
|
||||
'hidden',
|
||||
'flex-row',
|
||||
'flex-row-reverse',
|
||||
'flex-col',
|
||||
'flex-col-reverse',
|
||||
'flex-wrap',
|
||||
'flex-wrap-reverse',
|
||||
'flex-nowrap',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Spacing',
|
||||
classes: buildSpacingClasses(),
|
||||
},
|
||||
{
|
||||
name: 'Sizing',
|
||||
classes: buildSizingClasses(),
|
||||
},
|
||||
{
|
||||
name: 'Typography',
|
||||
classes: [
|
||||
'text-xs',
|
||||
'text-sm',
|
||||
'text-base',
|
||||
'text-lg',
|
||||
'text-xl',
|
||||
'text-2xl',
|
||||
'text-3xl',
|
||||
'text-4xl',
|
||||
'text-5xl',
|
||||
'text-6xl',
|
||||
'font-thin',
|
||||
'font-light',
|
||||
'font-normal',
|
||||
'font-medium',
|
||||
'font-semibold',
|
||||
'font-bold',
|
||||
'font-extrabold',
|
||||
'font-black',
|
||||
'leading-none',
|
||||
'leading-tight',
|
||||
'leading-snug',
|
||||
'leading-normal',
|
||||
'leading-relaxed',
|
||||
'leading-loose',
|
||||
'tracking-tighter',
|
||||
'tracking-tight',
|
||||
'tracking-normal',
|
||||
'tracking-wide',
|
||||
'tracking-wider',
|
||||
'tracking-widest',
|
||||
'text-left',
|
||||
'text-center',
|
||||
'text-right',
|
||||
'text-justify',
|
||||
'uppercase',
|
||||
'lowercase',
|
||||
'capitalize',
|
||||
'normal-case',
|
||||
'italic',
|
||||
'not-italic',
|
||||
'underline',
|
||||
'no-underline',
|
||||
'line-through',
|
||||
'font-sans',
|
||||
'font-serif',
|
||||
'font-mono',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Colors',
|
||||
classes: [
|
||||
'text-foreground',
|
||||
'text-muted-foreground',
|
||||
'text-primary',
|
||||
'text-primary-foreground',
|
||||
'text-secondary',
|
||||
'text-secondary-foreground',
|
||||
'text-accent',
|
||||
'text-accent-foreground',
|
||||
'text-destructive',
|
||||
'text-destructive-foreground',
|
||||
'bg-background',
|
||||
'bg-card',
|
||||
'bg-muted',
|
||||
'bg-accent',
|
||||
'bg-primary',
|
||||
'bg-secondary',
|
||||
'bg-destructive',
|
||||
'bg-popover',
|
||||
'bg-transparent',
|
||||
'bg-white',
|
||||
'bg-black',
|
||||
'text-white',
|
||||
'text-black',
|
||||
'border-border',
|
||||
'border-input',
|
||||
'border-primary',
|
||||
'border-secondary',
|
||||
'border-accent',
|
||||
'border-destructive',
|
||||
'ring-ring',
|
||||
'ring-primary',
|
||||
'ring-secondary',
|
||||
'ring-accent',
|
||||
'ring-destructive',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Borders',
|
||||
classes: [
|
||||
'border',
|
||||
'border-0',
|
||||
'border-2',
|
||||
'border-4',
|
||||
'border-8',
|
||||
'border-t',
|
||||
'border-b',
|
||||
'border-l',
|
||||
'border-r',
|
||||
'border-x',
|
||||
'border-y',
|
||||
'border-solid',
|
||||
'border-dashed',
|
||||
'border-dotted',
|
||||
'border-double',
|
||||
'border-hidden',
|
||||
'rounded-none',
|
||||
'rounded-sm',
|
||||
'rounded',
|
||||
'rounded-md',
|
||||
'rounded-lg',
|
||||
'rounded-xl',
|
||||
'rounded-2xl',
|
||||
'rounded-3xl',
|
||||
'rounded-full',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Effects',
|
||||
classes: [
|
||||
'shadow-none',
|
||||
'shadow-sm',
|
||||
'shadow',
|
||||
'shadow-md',
|
||||
'shadow-lg',
|
||||
'shadow-xl',
|
||||
'shadow-2xl',
|
||||
'shadow-inner',
|
||||
'ring-0',
|
||||
'ring-1',
|
||||
'ring-2',
|
||||
'ring-4',
|
||||
'ring-offset-1',
|
||||
'ring-offset-2',
|
||||
'opacity-0',
|
||||
'opacity-25',
|
||||
'opacity-50',
|
||||
'opacity-75',
|
||||
'opacity-100',
|
||||
'transition',
|
||||
'transition-all',
|
||||
'transition-colors',
|
||||
'transition-opacity',
|
||||
'transition-transform',
|
||||
'duration-75',
|
||||
'duration-100',
|
||||
'duration-150',
|
||||
'duration-200',
|
||||
'duration-300',
|
||||
'duration-500',
|
||||
'ease-in',
|
||||
'ease-out',
|
||||
'ease-in-out',
|
||||
'blur-none',
|
||||
'blur-sm',
|
||||
'blur',
|
||||
'blur-md',
|
||||
'blur-lg',
|
||||
'backdrop-blur',
|
||||
'backdrop-blur-sm',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Positioning',
|
||||
classes: [
|
||||
'static',
|
||||
'relative',
|
||||
'absolute',
|
||||
'fixed',
|
||||
'sticky',
|
||||
'inset-0',
|
||||
'inset-x-0',
|
||||
'inset-y-0',
|
||||
'top-0',
|
||||
'right-0',
|
||||
'bottom-0',
|
||||
'left-0',
|
||||
'z-auto',
|
||||
'z-0',
|
||||
'z-10',
|
||||
'z-20',
|
||||
'z-30',
|
||||
'z-40',
|
||||
'z-50',
|
||||
'overflow-hidden',
|
||||
'overflow-auto',
|
||||
'overflow-scroll',
|
||||
'overflow-visible',
|
||||
'overflow-x-auto',
|
||||
'overflow-y-auto',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Alignment',
|
||||
classes: [
|
||||
'items-start',
|
||||
'items-center',
|
||||
'items-end',
|
||||
'items-stretch',
|
||||
'items-baseline',
|
||||
'justify-start',
|
||||
'justify-center',
|
||||
'justify-end',
|
||||
'justify-between',
|
||||
'justify-around',
|
||||
'justify-evenly',
|
||||
'content-start',
|
||||
'content-center',
|
||||
'content-end',
|
||||
'self-start',
|
||||
'self-center',
|
||||
'self-end',
|
||||
'self-stretch',
|
||||
'place-items-start',
|
||||
'place-items-center',
|
||||
'place-items-end',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Interactivity',
|
||||
classes: [
|
||||
'cursor-pointer',
|
||||
'cursor-default',
|
||||
'cursor-not-allowed',
|
||||
'pointer-events-none',
|
||||
'pointer-events-auto',
|
||||
'select-none',
|
||||
'select-text',
|
||||
'select-all',
|
||||
'select-auto',
|
||||
'hover:bg-accent',
|
||||
'hover:text-accent-foreground',
|
||||
'hover:underline',
|
||||
'active:scale-95',
|
||||
'focus:ring-2',
|
||||
'focus:ring-primary',
|
||||
'focus-visible:outline-none',
|
||||
'disabled:opacity-50',
|
||||
'disabled:pointer-events-none',
|
||||
],
|
||||
},
|
||||
...buildBaseCssCategories(),
|
||||
...buildAdvancedCssCategories(),
|
||||
...buildExperimentalCssCategories(),
|
||||
]
|
||||
|
||||
Reference in New Issue
Block a user