feat(pigments): rename palette to pigments

README.md

@@ -113,15 +113,15 @@ Example: [`examples/vite-react/vite.config.ts`](./examples/vite-react/vite.confi
 <details>
 <summary>Use our theme or create yours</summary><br>
 
-Use our default theme, [🎨 Palette](./packages/palette):
+Use our default theme, [🎨 Pigments](./packages/pigments):
 
 ```ts
 // vite.config.ts
 export default defineConfig({
   plugins: [
     Pinceau({
       theme: {
-        layers: ['@pinceau/palette']
+        layers: ['@pinceau/pigments']
       }
     })
   ]

docs/content/2.styling/0.your-first-component.md

@@ -29,7 +29,7 @@ For this button, we have multiple requirements, it must:
 
 ::div{style="margin-bottom: var(--space-8);"}
 ::list
-- Support all existing and future colors from our theme color palette
+- Support all existing and future colors from our theme color pigments.
 - Have `sm`, `md`, `lg` and `xl` sizes
 - Support `--button-primary` and `--button-secondary` local tokens for advanced customization
 - Have type-safe component properties

docs/nuxt.config.ts

@@ -44,7 +44,7 @@ export default defineNuxtConfig({
       buildDir: resolve('./node_modules/.pinceau'),
       layers: [
         {
-          path: resolve('../../packages/palette/'),
+          path: resolve('../../packages/pigments/'),
         },
       ],
     },

docs/package.json

@@ -14,7 +14,7 @@
     "@nuxt/content": "^2.9.0",
     "@nuxt/devtools": "latest",
     "@pinceau/nuxt": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@vueuse/motion": "^2.0.0",
     "nuxt": "^3.8.1",
     "nuxt-icon": "^0.6.6",

eslint.config.js

@@ -27,7 +27,7 @@ export default antfu(
       '**/*.md',
       '**/examples/**',
       '**/package.json',
-      'packages/palette/output/',
+      'packages/pigments/output/',
       '**/tests/fixtures/',
       '**/tests/tmp/',
       '.vscode',

examples/astro-svelte/package.json

@@ -16,7 +16,7 @@
     "@astrojs/svelte": "^4.0.4",
     "@pinceau/astro": "workspace:*",
     "@pinceau/configs": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@pinceau/outputs": "workspace:*",    "@pinceau/svelte": "workspace:*",
     "astro": "^3.5.5"
   },

examples/astro-vue/package.json

@@ -16,7 +16,7 @@
     "@astrojs/vue": "^3.0.4",
     "@pinceau/astro": "workspace:*",
     "@pinceau/configs": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@pinceau/outputs": "workspace:*",    "@pinceau/vue": "workspace:*",
     "astro": "^3.5.5"
   },

examples/nuxt/package.json

@@ -9,11 +9,11 @@
   },
   "dependencies": {
     "@pinceau/nuxt": "workspace:*",
-    "@pinceau/palette": "workspace:*"
+    "@pinceau/pigments": "workspace:*"
   },
   "devDependencies": {
     "@pinceau/configs": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@pinceau/outputs": "workspace:*",    "nuxt": "^3.8.1"
   },
   "stackblitz": {

examples/sveltekit/package.json

@@ -11,7 +11,7 @@
   },
   "devDependencies": {
     "@pinceau/configs": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@pinceau/outputs": "workspace:*",    "@pinceau/svelte": "workspace:*",
     "@sveltejs/adapter-auto": "^2.1.1",
     "@sveltejs/kit": "^1.27.6",

examples/vite-lib/package.json

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@pinceau/configs": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@pinceau/outputs": "workspace:*",
     "typescript": "^5.2.2",
     "vite": "^5.0.0"

examples/vite-lib/vite.config.ts

@@ -28,7 +28,7 @@ export default defineConfig({
       theme: {
         layers: [
           {
-            path: resolve('../../packages/palette/'),
+            path: resolve('../../packages/pigments/'),
           },
         ],
       },

examples/vite-preact/package.json

@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "@pinceau/configs": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@pinceau/outputs": "workspace:*",    "@pinceau/react": "workspace:*",
     "@preact/preset-vite": "^2.7.0",
     "@prefresh/vite": "^2.4.4",

examples/vite-react/package.json

@@ -16,7 +16,7 @@
   },
   "devDependencies": {
     "@pinceau/configs": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@pinceau/outputs": "workspace:*",
     "@pinceau/react": "workspace:*",
     "@types/node": "20.9.2",

examples/vite-solid/package.json

@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "@pinceau/configs": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@pinceau/outputs": "workspace:*",    "@pinceau/react": "workspace:*",
     "typescript": "^5.2.2",
     "vite": "^5.0.0",

examples/vite-svelte/package.json

@@ -12,7 +12,7 @@
   },
   "devDependencies": {
     "@pinceau/configs": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@pinceau/outputs": "workspace:*",
     "@pinceau/svelte": "workspace:*",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",

examples/vite-vue/package.json

@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "@pinceau/configs": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@pinceau/outputs": "workspace:*",
     "@pinceau/vue": "workspace:*",
     "@vitejs/plugin-vue": "^4.5.0",

examples/vite-vue/pages/index.vue

@@ -1,3 +1,5 @@
 <template>
-  Hello World
+  <div :styled="{ color: '$color.red.9' }">
+    Hello World
+  </div>
 </template>

integrations/browser/package.json

@@ -61,10 +61,10 @@
       "require": "./react-runtime.js",
       "types": "./react-runtime.d.ts"
     },
-    "./palette": {
-      "import": "./palette.js",
-      "require": "./palette.js",
-      "types": "./palette.d.ts"
+    "./pigments": {
+      "import": "./pigments.js",
+      "require": "./pigments.js",
+      "types": "./pigments.d.ts"
     }
   },
   "scripts": {

integrations/nuxt/package.json

@@ -33,7 +33,7 @@
   "dependencies": {
     "@nuxt/kit": "^3.8.1",
     "@pinceau/integration": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@pinceau/vue": "workspace:*"
   },
   "devDependencies": {

integrations/repl/package.json

@@ -56,7 +56,7 @@
     "@microsoft/api-extractor": "^7.38.3",
     "@pinceau/browser": "workspace:*",
     "@pinceau/configs": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@pinceau/react": "workspace:*",
     "@pinceau/svelte": "workspace:*",
     "@pinceau/vue": "workspace:*",

integrations/repl/src/store/session.ts

@@ -1,4 +1,4 @@
-import palette from '@pinceau/palette/theme.config?raw'
+import pigments from '@pinceau/pigments/theme.config?raw'
 import type { ReplStore, StoreState } from '..'
 import { File, importMapFile, setFile, themeFile, tsconfigFile } from '.'
 
@@ -46,8 +46,8 @@ export class SessionProvider {
       // Set main file from transformer
       setFile(files, this.store.transformer.defaultMainFile, this.store.transformer.welcomeCode)
 
-      // Set main theme file from palette
-      setFile(files, themeFile, palette)
+      // Set main theme file from pigments
+      setFile(files, themeFile, pigments)
 
       files[tsconfigFile] = new File(tsconfigFile, JSON.stringify(this.store.transformer.tsconfig, null, 2))
 

integrations/repl/vite.preview.config.ts

@@ -32,7 +32,7 @@ export default defineConfig({
       theme: {
         layers: [
           {
-            path: resolve('../../packages/palette/'),
+            path: resolve('../../packages/pigments/'),
           },
         ],
       },

package.json

@@ -57,7 +57,7 @@
     "docs": "nuxi dev docs",
     "lint": "eslint --cache .",
     "lint:fix": "eslint --cache . --fix",
-    "palette": "pnpm -r --filter=\"./(packages|integrations)/palette\" run build:base",
+    "pigments": "pnpm -r --filter=\"./(packages|integrations)/pigments\" run build:base",
     "prepare": "pnpm stub",
     "release": "bumpp -r package.json packages/*/package.json integrations/*/package.json",
     "stub": "pnpm -r --filter=\"./(packages|integrations)/*\" run stub && pnpm -r run build:post",

packages/core/src/utils/options.ts

@@ -19,7 +19,7 @@ export function getDefaultOptions(): { [key in keyof PinceauUserOptions]: any }
     definitions: true,
     schema: true,
     imports: true,
-    palette: true,
+    pigments: true,
     transformIndexHtml: true,
     pinceauHtmlTag: true,
     enforceHtmlInject: true,

packages/pigments/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@pinceau/pigments",
+  "version": "1.0.0-beta.25",
+  "homepage": "https://github.com/Tahul/pinceau#readme",
+  "bugs": {
+    "url": "https://github.com/Tahul/pinceau/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Tahul/pinceau.git"
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./theme.config.ts",
+      "import": "./theme.config.ts",
+      "require": "./theme.config.ts"
+    },
+    "./theme.config": {
+      "types": "./theme.config.ts",
+      "import": "./theme.config.ts",
+      "require": "./theme.config.ts"
+    }
+  },
+  "main": "./theme.config.ts",
+  "module": "./theme.config.ts",
+  "types": "./theme.config.ts",
+  "files": [
+    "theme.config.ts"
+  ],
+  "scripts": {
+    "build:prepare": "pnpm run build:base",
+    "build:base": "vite build -c vite.config.base.ts && rm -rf dist",
+    "build:react": "vite build -c vite.config.react.ts && rm -rf dist",
+    "build:svelte": "vite build -c vite.config.svelte.ts && rm -rf dist",
+    "build:vue": "vite build -c vite.config.vue.ts && rm -rf dist",
+    "clean": "rm -rf dist"
+  },
+  "devDependencies": {
+    "@pinceau/core": "workspace:*",
+    "@pinceau/configs": "workspace:*",
+    "@pinceau/outputs": "workspace:*",
+    "@pinceau/svelte": "workspace:*",
+    "@pinceau/react": "workspace:*",
+    "@pinceau/vue": "workspace:*",
+    "@pinceau/theme": "workspace:*",
+    "@pinceau/style": "workspace:*",
+    "@pinceau/runtime": "workspace:*",
+    "pinceau": "workspace:*",
+    "vite": "^5.0.0"
+  }
+}

packages/palette/vite.config.base.ts → packages/pigments/vite.config.base.ts

@@ -33,7 +33,7 @@ export default defineConfig({
       },
     }),
     {
-      name: '@pinceau/palette-end',
+      name: '@pinceau/pigments-end',
       configResolved(_config) {
         config = _config
       },

packages/theme/src/types/options.ts

@@ -116,9 +116,9 @@ export interface PinceauThemeOptions {
   definitions: boolean
 
   /**
-   * Inject `@pinceau/palette` automatically
+   * Inject `@pinceau/pigments` automatically
    */
-  palette: boolean
+  pigments: boolean
 
   /**
    * Toggles the tranformIndexHtml hook from the theme plugin.

packages/theme/src/utils/config-layers.ts

@@ -87,10 +87,10 @@ export function resolveConfigSources(
   options: PinceauOptions,
   ctx: PinceauContext,
 ) {
-  // Inject palette if options set to true
-  if (options.theme.palette) {
-    const paletteSource = configSourceFromModulePath('@pinceau/palette', ctx)
-    if (paletteSource) { options.theme.layers.push(paletteSource) }
+  // Inject pigments if options set to true
+  if (options.theme.pigments) {
+    const pigmentsSource = configSourceFromModulePath('@pinceau/pigments', ctx)
+    if (pigmentsSource) { options.theme.layers.push(pigmentsSource) }
   }
 
   let sources: ConfigLayer[] = options.theme.layers.reduce(
@@ -105,7 +105,7 @@ export function resolveConfigSources(
 
       // Check if the config layer path passed as string in the array
       if (typeof layerOrPath === 'string') {
-        // Supports passing a package like `@pinceau/palette`
+        // Supports passing a package like `@pinceau/pigments`
         if (!layerOrPath.startsWith('/')) {
           const resolvedModuleSource = configSourceFromModulePath(layerOrPath, ctx)
           if (resolvedModuleSource) { configLayer = resolvedModuleSource }