dispersa 0.4.2 → 0.4.3

package/dist/builders.d.cts

@@ -57,14 +57,15 @@ type CssBuilderConfig = BuilderConfigBase & CssRendererOptions;
  * @example Basic CSS bundle with transforms
  * ```typescript
  * import { css } from 'dispersa'
- * import { nameKebabCase } from 'dispersa/transforms'
+ * import { colorToHex } from 'dispersa/transforms'
  *
+ * // nameKebabCase() is applied automatically before your transforms
  * const config = css({
  *   name: 'css',
  *   file: 'tokens.css',
  *   preset: 'bundle',
  *   selector: ':root',
- *   transforms: [nameKebabCase()]
+ *   transforms: [colorToHex()]
  * })
  * ```
  *

package/dist/builders.d.ts

@@ -57,14 +57,15 @@ type CssBuilderConfig = BuilderConfigBase & CssRendererOptions;
  * @example Basic CSS bundle with transforms
  * ```typescript
  * import { css } from 'dispersa'
- * import { nameKebabCase } from 'dispersa/transforms'
+ * import { colorToHex } from 'dispersa/transforms'
  *
+ * // nameKebabCase() is applied automatically before your transforms
  * const config = css({
  *   name: 'css',
  *   file: 'tokens.css',
  *   preset: 'bundle',
  *   selector: ':root',
- *   transforms: [nameKebabCase()]
+ *   transforms: [colorToHex()]
  * })
  * ```
  *

package/dist/builders.js

@@ -1,3 +1,4 @@
+import { kebabCase } from 'change-case';
 import { converter, formatHex8, formatHex } from 'culori';
 import prettier from 'prettier';
 
@@ -126,7 +127,7 @@ function indentStr(width, level) {
 function buildGeneratedFileHeader() {
   return [
     "// Generated by Dispersa - do not edit manually",
-    "// https://github.com/timges/dispersa"
+    "// https://github.com/dispersa-core/dispersa"
   ].join("\n");
 }
 function toSafeIdentifier(name, keywords, capitalize) {
@@ -484,6 +485,17 @@ var init_json = __esm({
     init_utils();
   }
 });
+function nameKebabCase() {
+  return {
+    transform: (token) => {
+      const name = kebabCase(token.path.join(" "));
+      return {
+        ...token,
+        name
+      };
+    }
+  };
+}
 function isColorObject(value) {
   return typeof value === "object" && value !== null && "colorSpace" in value && "components" in value;
 }
@@ -3451,7 +3463,7 @@ function css(config) {
     file,
     renderer: cssRenderer(),
     options: { preset, ...rendererOptions },
-    transforms,
+    transforms: [nameKebabCase(), ...transforms ?? []],
     filters,
     hooks
   };