From 611bc6ca21be6070f02b493ea649fd5d8a60ceec Mon Sep 17 00:00:00 2001 From: johndoe6345789 Date: Sat, 27 Dec 2025 23:35:30 +0000 Subject: [PATCH] chore: organize css category seeds --- .../css/categories/advanced.ts | 3 + .../seed-default-data/css/categories/base.ts | 278 +++++++++++++++++ .../css/categories/experimental.ts | 3 + .../css/default-css-categories.ts | 280 +----------------- 4 files changed, 290 insertions(+), 274 deletions(-) create mode 100644 frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/categories/advanced.ts create mode 100644 frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/categories/base.ts create mode 100644 frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/categories/experimental.ts diff --git a/frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/categories/advanced.ts b/frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/categories/advanced.ts new file mode 100644 index 000000000..19ca68f3d --- /dev/null +++ b/frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/categories/advanced.ts @@ -0,0 +1,3 @@ +import type { CssCategory } from '../../../../core/types' + +export const buildAdvancedCssCategories = (): CssCategory[] => [] diff --git a/frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/categories/base.ts b/frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/categories/base.ts new file mode 100644 index 000000000..ac5c71f08 --- /dev/null +++ b/frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/categories/base.ts @@ -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', + ], + }, +] diff --git a/frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/categories/experimental.ts b/frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/categories/experimental.ts new file mode 100644 index 000000000..6bc131ebd --- /dev/null +++ b/frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/categories/experimental.ts @@ -0,0 +1,3 @@ +import type { CssCategory } from '../../../../core/types' + +export const buildExperimentalCssCategories = (): CssCategory[] => [] diff --git a/frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/default-css-categories.ts b/frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/default-css-categories.ts index 772760517..c9449ffdc 100644 --- a/frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/default-css-categories.ts +++ b/frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/default-css-categories.ts @@ -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(), ]