@likec4/styles v1.32.1

`@likec4/styles

Shared utilities for PandaCSS

Usage

pnpm add -D @likec4/styles @pandacss/dev

Configure your panda.config.ts:

import likec4preset from '@likec4/styles/preset'
import { defineConfig } from '@pandacss/dev'

export default defineConfig({
  // Whether to use css reset
  importMap: '@likec4/styles',
  presets: [
    likec4preset,
  ],
  jsxFramework: 'react',
  include: [
    './src/**/*.{js,jsx,ts,tsx}',
    // TODO: will be replaced with ship info
    '../diagram/src/**/*.{js,jsx,ts,tsx}',
  ],
})

TODO: configure PostCSS or use cli

Vite config:

import pandaCss from '@pandacss/dev/postcss'

//...
  css: {
    postcss: {
      plugins: [
        pandaCss(),
      ],
    },
  },