@terrazzo/parser 0.0.10 → 0.0.11

package/README.md

@@ -1,4 +1,4 @@
-# 💠 @terrazzo/parser
+# ⛋ @terrazzo/parser
 
 JS API for parsing / validating / transforming DTCG tokens.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terrazzo/parser",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "Parser/validator for the Design Tokens Community Group (DTCG) standard.",
   "type": "module",
   "author": {
@@ -46,7 +46,7 @@
   },
   "scripts": {
     "lint": "biome check .",
-    "test": "pnpm run \"/^test:.*/\"",
+    "test": "pnpm --filter @terrazzo/parser run \"/^test:.*/\"",
     "test:js": "vitest run",
     "test:ts": "tsc --noEmit"
   }

package/parse/normalize.js

@@ -49,7 +49,7 @@ export default function normalizeValue(token) {
     }
     case 'dimension': {
       if (token.$value === 0) {
-        return 0;
+        return '0';
       }
       return typeof token.$value === 'number' ? `${token.$value}px` : token.$value;
     }
@@ -84,7 +84,13 @@ export default function normalizeValue(token) {
       return typeof token.$value === 'number' ? token.$value : Number.parseFloat(token.$value);
     }
     case 'shadow': {
-      return Array.isArray(token.$value) ? token.$value : [token.$value];
+      return (Array.isArray(token.$value) ? token.$value : [token.$value]).map((layer) => ({
+        color: normalizeValue({ $type: 'color', $value: layer.color }),
+        offsetX: normalizeValue({ $type: 'dimension', $value: layer.offsetX ?? 0 }),
+        offsetY: normalizeValue({ $type: 'dimension', $value: layer.offsetY ?? 0 }),
+        blur: normalizeValue({ $type: 'dimension', $value: layer.blur ?? 0 }),
+        spread: normalizeValue({ $type: 'dimension', $value: layer.spread ?? 0 }),
+      }));
     }
     case 'strokeStyle': {
       return token.$value;

package/parse/validate.d.ts

@@ -1,4 +1,4 @@
-import type { AnyNode, DocumentNode, MemberNode, ValueNode } from '@humanwhocodes/momoa';
+import type { AnyNode, MemberNode, ValueNode } from '@humanwhocodes/momoa';
 import type Logger from '../logger.js';
 
 declare const FONT_WEIGHT_VALUES: Set<string>;
@@ -17,7 +17,7 @@ export function validateBorder($value: ValueNode, node: AnyNode, options: Valida
 
 export function validateColor($value: ValueNode, node: AnyNode, options: ValidateOptions): void;
 
-export function validateCubicBézier($value: ValueNode, node: AnyNode, options: ValidateOptions): void;
+export function validateCubicBezier($value: ValueNode, node: AnyNode, options: ValidateOptions): void;
 
 export function validateDimension($value: ValueNode, node: AnyNode, options: ValidateOptions): void;
 

package/parse/validate.js

@@ -220,7 +220,7 @@ export function validateColor($value, node, { source, logger }) {
  * @param {ValidateOptions} options
  * @return {void}
  */
-export function validateCubicBézier($value, node, { source, logger }) {
+export function validateCubicBezier($value, node, { source, logger }) {
   if ($value.type !== 'Array') {
     logger.error({ message: `Expected array of strings, received ${print($value)}`, node: $value, source });
   } else if (
@@ -494,7 +494,7 @@ export function validateTransition($value, node, { source, logger }) {
     {
       duration: { validator: validateDuration, required: true },
       delay: { validator: validateDuration, required: false }, // note: spec says delay is required, but Terrazzo makes delay optional
-      timingFunction: { validator: validateCubicBézier, required: true },
+      timingFunction: { validator: validateCubicBezier, required: true },
     },
     node,
     { source, logger },
@@ -544,7 +544,7 @@ export default function validate(node, { source, logger }) {
       break;
     }
     case 'cubicBezier': {
-      validateCubicBézier($value, node, { logger, source });
+      validateCubicBezier($value, node, { logger, source });
       break;
     }
     case 'dimension': {