@dalexto/lexsys-registry 0.0.2 → 0.0.4

package/templates/templates/DashboardShell/DashboardShell.tsx

@@ -12,11 +12,11 @@ import type {
   DashboardShellBodyProps,
 } from "./DashboardShell.types"
 import {
-  dashboardShellContentVariants,
-  dashboardShellHeaderVariants,
-  dashboardShellMainVariants,
-  dashboardShellSidebarVariants,
-  dashboardShellVariants,
+  dashboardShellContentClasses,
+  dashboardShellHeaderClasses,
+  dashboardShellMainClasses,
+  dashboardShellSidebarClasses,
+  dashboardShellClasses,
 } from "./DashboardShell.variants"
 import { cn } from "@/lib/utils"
 
@@ -29,7 +29,7 @@ const DashboardShell = ({
   return (
     <div
       ref={ref}
-      className={cn(dashboardShellVariants(), className)}
+      className={cn(dashboardShellClasses(), className)}
       {...props}
     >
       {children}
@@ -48,7 +48,7 @@ const DashboardShellSidebar = ({
   return (
     <div
       ref={ref}
-      className={cn(dashboardShellSidebarVariants(), className)}
+      className={cn(dashboardShellSidebarClasses(), className)}
       {...props}
     >
       {children}
@@ -67,7 +67,7 @@ const DashboardShellHeader = ({
   return (
     <header
       ref={ref}
-      className={cn(dashboardShellHeaderVariants(), className)}
+      className={cn(dashboardShellHeaderClasses(), className)}
       {...props}
     >
       {children}
@@ -86,7 +86,7 @@ const DashboardShellMain = ({
   return (
     <main
       ref={ref}
-      className={cn(dashboardShellContentVariants(), className)}
+      className={cn(dashboardShellContentClasses(), className)}
       {...props}
     >
       {children}
@@ -105,7 +105,7 @@ const DashboardShellBody = ({
   return (
     <div
       ref={ref}
-      className={cn(dashboardShellMainVariants(), className)}
+      className={cn(dashboardShellMainClasses(), className)}
       {...props}
     >
       {children}

package/templates/templates/DashboardShell/DashboardShell.variants.ts

@@ -4,22 +4,22 @@
  * Variant classes for the DashboardShell template.
  */
 
-export const dashboardShellVariants = (): string => {
-  return "lsys-dashboard-shell flex min-h-full flex-col bg-[var(--lsys-color-background-base)] text-[var(--lsys-color-text-primary)] md:flex-row"
+export const dashboardShellClasses = (): string => {
+  return "lex-dashboard-shell flex min-h-full flex-col bg-[var(--lex-color-background-base)] text-[var(--lex-color-text-primary)] md:flex-row"
 }
 
-export const dashboardShellSidebarVariants = (): string => {
-  return "lsys-dashboard-shell__sidebar shrink-0"
+export const dashboardShellSidebarClasses = (): string => {
+  return "lex-dashboard-shell__sidebar shrink-0"
 }
 
-export const dashboardShellMainVariants = (): string => {
-  return "lsys-dashboard-shell__main flex min-h-full flex-1 flex-col bg-[var(--lsys-color-background-base)]"
+export const dashboardShellMainClasses = (): string => {
+  return "lex-dashboard-shell__main flex min-h-full flex-1 flex-col bg-[var(--lex-color-background-base)]"
 }
 
-export const dashboardShellHeaderVariants = (): string => {
-  return "lsys-dashboard-shell__header border-b border-[var(--lsys-border-default)] bg-[var(--lsys-color-background-base)] px-[var(--lsys-space-4)] py-[var(--lsys-space-3)]"
+export const dashboardShellHeaderClasses = (): string => {
+  return "lex-dashboard-shell__header border-b border-[var(--lex-border-default)] bg-[var(--lex-color-background-base)] px-[var(--lex-space-4)] py-[var(--lex-space-3)]"
 }
 
-export const dashboardShellContentVariants = (): string => {
-  return "lsys-dashboard-shell__content flex-1 bg-[var(--lsys-color-background-base)] p-[var(--lsys-space-4)]"
+export const dashboardShellContentClasses = (): string => {
+  return "lex-dashboard-shell__content flex-1 bg-[var(--lex-color-background-base)] p-[var(--lex-space-4)]"
 }