5 docs update panda preset readme

.gitignore

@@ -4,6 +4,7 @@ node_modules
 packages/*/node_modules
 
 packages/*/build
+packages/*/.tsup
 
 tsconfig.tsbuildinfo
 */tsconfig.tsbuildinfo

configs/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@cerberus/configs",
+  "name": "@cerberus-design/configs",
   "version": "0.0.0",
   "description": "The internal shared configurations for the projects.",
   "private": true,

eslint.config.js

@@ -43,11 +43,11 @@ export default tseslint.config(
     },
   },
   {
-    name: '@cerberus/panda-preset',
+    name: '@cerberus-design/panda-preset',
     files: ['packages/panda-preset/**/*.ts'],
   },
   {
-    name: '@cerberus/configs',
+    name: '@cerberus-design/configs',
     files: ['configs/**/*.mjs', 'configs/**/*.ts'],
     rules: {
       '@typescript-eslint/explicit-function-return-type': OFF,

packages/icons/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@cerberus/icons",
+  "name": "@cerberus-design/icons",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",

packages/panda-preset/README.md

@@ -1,3 +1,42 @@
 # Panda Preset
 
-This is the official Panda preset for the Digital University design system.
+This is the official [Panda-CSS](https://panda-css.com/) preset for the Cerberus design system.
+
+## Installation
+
+```bash
+pnpm add -D @cerberus-design/panda-preset
+```
+
+## Usage
+
+```typescript
+import { defineConfig } from '@pandacss/dev'
+import pandaPreset from '@pandacss/preset-panda'
+import { cerberusPreset, cerberusConfig } from '@cerberus-design/panda-preset'
+
+export default defineConfig({
+  ...cerberusConfig,
+
+  include: ['./src/**/*.{ts,tsx,js,jsx}'],
+  exclude: [],
+
+  presets: [pandaPreset, cerberusPreset],
+})
+```
+
+## Features
+
+- [Conditions]('./src/conditions.ts')
+- [Utilities]('./src/utilities.ts')
+- [Patterns](./src/patterns.ts)
+- [Global CSS](./src/globalCss.ts)
+- [Key-frames](./src/theme/keyframes.ts)
+- [Text Styles](./src/theme/textStyles.ts)
+- [Tokens](./src/theme/tokens.ts)
+- [Semantic Tokens](./src/theme/semanticTokens/index.ts)
+- [Recipes](./src/recipes/index.ts)
+
+---
+
+_Copyright (c) 2024 Digital University, All Rights Reserved_

packages/panda-preset/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@cerberus/panda-preset",
+  "name": "@cerberus-design/panda-preset",
   "version": "1.0.0",
   "description": "The official Panda-CSS preset for the omni-federal design system",
   "browserslist": "> 0.25%, not dead",
@@ -52,7 +52,7 @@
     "@microsoft/api-extractor": "^7.43.1",
     "@pandacss/dev": "^0.37.2",
     "@pandacss/types": "^0.37.2",
-    "@cerberus/configs": "workspace:*",
+    "@cerberus-design/configs": "workspace:*",
     "tsup": "^8.0.2"
   },
   "keywords": [

packages/panda-preset/src/index.ts

@@ -16,7 +16,7 @@ import {
 } from './theme/index'
 import { recipes, slotRecipes } from './recipes'
 
-export const nurlPreset = definePreset({
+export const cerberusPreset = definePreset({
   globalCss,
   conditions,
   utilities,

packages/panda-preset/tsup.config.ts

@@ -1,5 +1,5 @@
 import { defineConfig } from 'tsup'
-import { modernConfig, legacyConfig } from '@cerberus/configs'
+import { modernConfig, legacyConfig } from '@cerberus-design/configs'
 
 export default defineConfig([
   modernConfig({ entry: ['src/**/*.ts'] }),

tests/package.json

@@ -9,6 +9,6 @@
     "test:react": "echo \"TODO\" && exit 1"
   },
   "devDependencies": {
-    "@cerberus/panda-preset": "workspace:*"
+    "@cerberus-design/panda-preset": "workspace:*"
   }
 }

tests/panda-preset/conditions.test.ts

@@ -1,5 +1,5 @@
 import { describe, test, expect } from 'bun:test'
-import { conditions } from '@cerberus/panda-preset'
+import { conditions } from '@cerberus-design/panda-preset'
 
 describe('conditions', () => {
   test('should have a duTheme', () => {

tests/panda-preset/patterns.test.ts

@@ -1,5 +1,5 @@
 import { describe, test, expect } from 'bun:test'
-import { patterns } from '@cerberus/panda-preset'
+import { patterns } from '@cerberus-design/panda-preset'
 
 describe('patterns', () => {
   test('should export animateIn', () => {

tests/panda-preset/recipes/shared/helpers.test.ts

@@ -9,7 +9,7 @@ import {
   DANGER,
   BRAND,
   type Sentiment,
-} from '@cerberus/panda-preset'
+} from '@cerberus-design/panda-preset'
 
 describe('recipe helpers', () => {
   const slots = ['usage', 'size', 'kind']

tests/panda-preset/recipes/shared/palettes.test.ts

@@ -14,7 +14,7 @@ import {
   warning,
   danger,
   allPalettes,
-} from '@cerberus/panda-preset'
+} from '@cerberus-design/panda-preset'
 
 describe('recipe palettes', () => {
   test('should export NEUTRAL', () => {

tests/panda-preset/recipes/shared/states.test.ts

@@ -1,5 +1,5 @@
 import { describe, test, expect } from 'bun:test'
-import { formStates, focusStates } from '@cerberus/panda-preset'
+import { formStates, focusStates } from '@cerberus-design/panda-preset'
 
 describe('recipe states', () => {
   test('should export focusStates', () => {

tests/panda-preset/root.test.ts

@@ -1,13 +1,13 @@
 import { describe, test, expect } from 'bun:test'
-import * as DS from '@cerberus/panda-preset'
+import * as DS from '@cerberus-design/panda-preset'
 
 describe('root', () => {
   test('should export a config', () => {
     expect(DS.cerberusConfig).toBeDefined()
   })
 
   test('should export a preset', () => {
-    expect(DS.nurlPreset).toBeDefined()
+    expect(DS.cerberusPreset).toBeDefined()
   })
 
   test('should export conditions', () => {

tests/panda-preset/theme/keyframes.test.ts

@@ -1,5 +1,5 @@
 import { describe, test, expect } from 'bun:test'
-import { keyframes } from '@cerberus/panda-preset'
+import { keyframes } from '@cerberus-design/panda-preset'
 
 describe('keyframes', () => {
   test('should export fadeIn', () => {

tests/panda-preset/theme/semantic-tokens/actions.test.ts

@@ -1,5 +1,5 @@
 import { describe, test, expect } from 'bun:test'
-import { actionTokens } from '@cerberus/panda-preset'
+import { actionTokens } from '@cerberus-design/panda-preset'
 
 describe('actionTokens', () => {
   test('should have a action key', () => {

tests/panda-preset/theme/semantic-tokens/danger.test.ts

@@ -1,5 +1,5 @@
 import { describe, test, expect } from 'bun:test'
-import { dangerTokens } from '@cerberus/panda-preset'
+import { dangerTokens } from '@cerberus-design/panda-preset'
 
 describe('dangerTokens', () => {
   test('should have a danger property', () => {

tests/panda-preset/theme/semantic-tokens/info.test.ts

@@ -1,5 +1,5 @@
 import { describe, test, expect } from 'bun:test'
-import { infoTokens } from '@cerberus/panda-preset'
+import { infoTokens } from '@cerberus-design/panda-preset'
 
 describe('infoTokens', () => {
   test('should have a info property', () => {

tests/panda-preset/theme/semantic-tokens/neutral.test.ts

@@ -1,5 +1,5 @@
 import { describe, test, expect } from 'bun:test'
-import { neutralTokens } from '@cerberus/panda-preset'
+import { neutralTokens } from '@cerberus-design/panda-preset'
 
 describe('neutral', () => {
   test('should have a neutral property', () => {

tests/panda-preset/theme/semantic-tokens/success.test.ts

@@ -1,5 +1,5 @@
 import { describe, test, expect } from 'bun:test'
-import { successTokens } from '@cerberus/panda-preset'
+import { successTokens } from '@cerberus-design/panda-preset'
 
 describe('success', () => {
   test('should have a success property', () => {

tests/panda-preset/theme/semantic-tokens/warning.test.ts

@@ -1,5 +1,5 @@
 import { describe, test, expect } from 'bun:test'
-import { warningTokens } from '@cerberus/panda-preset'
+import { warningTokens } from '@cerberus-design/panda-preset'
 
 describe('warning', () => {
   test('should have a warning property', () => {

tests/panda-preset/theme/textStyles.test.ts

@@ -1,5 +1,5 @@
 import { describe, test, expect } from 'bun:test'
-import { textStyles } from '@cerberus/panda-preset'
+import { textStyles } from '@cerberus-design/panda-preset'
 
 describe('textStyles', () => {
   test('should export a textStyles object', () => {

tests/panda-preset/theme/tokens.test.ts

@@ -1,5 +1,5 @@
 import { describe, test, expect } from 'bun:test'
-import { tokens } from '@cerberus/panda-preset'
+import { tokens } from '@cerberus-design/panda-preset'
 
 describe('tokens', () => {
   test('should have a fonts key', () => {

tests/panda-preset/utilities.test.ts

@@ -1,5 +1,5 @@
 import { describe, test, expect } from 'bun:test'
-import { utilities } from '@cerberus/panda-preset'
+import { utilities } from '@cerberus-design/panda-preset'
 
 describe('utilities', () => {
   test('should export a mxi utility', () => {