From 731ad15d4a9c47d2f1ccb639130575541f5b3ca6 Mon Sep 17 00:00:00 2001
From: Karsten Schmidt <k@thi.ng>
Date: Mon, 18 Mar 2024 09:37:20 +0100
Subject: [PATCH] refactor(meta-css): rename fill/stroke specs, update color
 ops docs

---
 packages/meta-css/specs/color-ops.mcss.json | 12 ++++++------
 packages/meta-css/specs/colors.mcss.json    |  4 ++--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/meta-css/specs/color-ops.mcss.json b/packages/meta-css/specs/color-ops.mcss.json
index 82d0fefa86..34934ca4a4 100644
--- a/packages/meta-css/specs/color-ops.mcss.json
+++ b/packages/meta-css/specs/color-ops.mcss.json
@@ -3,7 +3,7 @@
 		{
 			"doc": {
 				"group": "color definitions",
-				"desc": "Defines a rgb() color variable quad with a common base name",
+				"desc": "Defines a rgb() color variable with given name and additional derived vars for each channel (e.g. `--name-red`). Use `adjust-rgb()` to create derived versions from this base color.",
 				"args": [
 					"name: variable name (without `--` prefix)",
 					"red: [0,255] range",
@@ -15,8 +15,8 @@
 			"name": "def-rgb",
 			"props": {
 				"--{0}-red": "{1}",
-				"--{0}-green": "{2}%",
-				"--{0}-blue": "{3}%",
+				"--{0}-green": "{2}",
+				"--{0}-blue": "{3}",
 				"--{0}-alpha": "{4}",
 				"--{0}": "rgb(var(--{0}-red) var(--{0}-green) var(--{0}-blue)/var(--{0}-alpha))"
 			}
@@ -42,7 +42,7 @@
 		{
 			"doc": {
 				"group": "color definitions",
-				"desc": "Defines an hsl() color variable quad with a common base name",
+				"desc": "Defines a hsl() color variable with given name and additional derived vars for each channel (e.g. `--name-hue`). Use `adjust-hsl()` to create derived versions from this base color.",
 				"args": [
 					"name: variable name (without `--` prefix)",
 					"hue: in degrees",
@@ -81,7 +81,7 @@
 		{
 			"doc": {
 				"group": "color definitions",
-				"desc": "Defines a lch() color variable quad with a common base name",
+				"desc": "Defines a lch() color variable with given name and additional derived vars for each channel (e.g. `--name-hue`). Use `adjust-lch()` to create derived versions from this base color.",
 				"args": [
 					"name: variable name",
 					"luma: in percent",
@@ -120,7 +120,7 @@
 		{
 			"doc": {
 				"group": "color definitions",
-				"desc": "Defines a oklch() color variable quad with a common base name",
+				"desc": "Defines a oklch() color variable with given name and additional derived vars for each channel (e.g. `--name-hue`). Use `adjust-oklch()` to create derived versions from this base color.",
 				"args": [
 					"name: variable name",
 					"luma: in percent",
diff --git a/packages/meta-css/specs/colors.mcss.json b/packages/meta-css/specs/colors.mcss.json
index 309e20df63..9ab86c9d20 100644
--- a/packages/meta-css/specs/colors.mcss.json
+++ b/packages/meta-css/specs/colors.mcss.json
@@ -87,14 +87,14 @@
 		},
 		{
 			"doc": { "group": "svg", "desc": "<v>" },
-			"name": "<var>-color-<k>",
+			"name": "<var>-<k>",
 			"props": { "<var>": "<v>" },
 			"values": "palette",
 			"vars": ["fill-stroke"]
 		},
 		{
 			"doc": { "group": "svg", "desc": "<v>" },
-			"name": "<var>-color-<k>",
+			"name": "<var>-<k>",
 			"props": { "<var>": "<v>" },
 			"values": "grays",
 			"vars": ["fill-stroke"]