style-dictionary 5.4.1 → 5.4.3

package/examples/advanced/assets-base64-embed/package.json

@@ -12,6 +12,6 @@
   "author": "",
   "license": "Apache-2.0",
   "devDependencies": {
-    "style-dictionary": "^5.4.1"
+    "style-dictionary": "^5.4.3"
   }
 }

package/examples/advanced/create-react-app/package.json

@@ -12,7 +12,7 @@
   },
   "devDependencies": {
     "eslint-config-react-app": "^7.0.1",
-    "style-dictionary": "^5.4.1"
+    "style-dictionary": "^5.4.3"
   },
   "resolutions": {
     "immer": "8.0.1",

package/examples/advanced/create-react-native-app/package.json

@@ -29,7 +29,7 @@
     "eslint-config-react-app": "^7.0.1",
     "jest": "~25.2.6",
     "react-test-renderer": "~16.13.1",
-    "style-dictionary": "^5.4.1"
+    "style-dictionary": "^5.4.3"
   },
   "jest": {
     "preset": "react-native"

package/examples/advanced/custom-parser/package.json

@@ -10,6 +10,6 @@
   "author": "",
   "license": "Apache-2.0",
   "devDependencies": {
-    "style-dictionary": "^5.4.1"
+    "style-dictionary": "^5.4.3"
   }
 }

package/examples/advanced/custom-transforms/package.json

@@ -16,6 +16,6 @@
   "author": "",
   "license": "Apache-2.0",
   "devDependencies": {
-    "style-dictionary": "^5.4.1"
+    "style-dictionary": "^5.4.3"
   }
 }

package/examples/advanced/font-face-rules/package.json

@@ -9,6 +9,6 @@
   },
   "license": "Apache-2.0",
   "devDependencies": {
-    "style-dictionary": "^5.4.1"
+    "style-dictionary": "^5.4.3"
   }
 }

package/examples/advanced/format-helpers/package.json

@@ -11,6 +11,6 @@
   "author": "",
   "license": "Apache-2.0",
   "devDependencies": {
-    "style-dictionary": "^5.4.1"
+    "style-dictionary": "^5.4.3"
   }
 }

package/examples/advanced/matching-build-files/package.json

@@ -17,6 +17,6 @@
   "author": "Kelly Harrop <kn.harrop@gmail.com>",
   "license": "Apache-2.0",
   "devDependencies": {
-    "style-dictionary": "^5.4.1"
+    "style-dictionary": "^5.4.3"
   }
 }

package/examples/advanced/multi-brand-multi-platform/package.json

@@ -16,6 +16,6 @@
   "author": "",
   "license": "Apache-2.0",
   "devDependencies": {
-    "style-dictionary": "^5.4.1"
+    "style-dictionary": "^5.4.3"
   }
 }

package/examples/advanced/node-modules-as-config-and-properties/package-lock.json

@@ -1125,9 +1125,9 @@
       "license": "MIT"
     },
     "node_modules/qs": {
-      "version": "6.14.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.2.tgz",
-      "integrity": "sha512-V/yCWTTF7VJ9hIh18Ugr2zhJMP01MY7c5kh4J870L7imm6/DIzBsNLTXzMwUA3yZ5b/KBqLx8Kp3uRvd7xSe3Q==",
+      "version": "6.15.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.2.tgz",
+      "integrity": "sha512-Rzq0KEyX/w/tEybncDgdkZrJgVUsUMk3xjh3t5bv3S1HTAtg+uOYt72+ZfwiQwKdysThkTBdL/rTi6HDmX9Ddw==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {

package/examples/advanced/node-modules-as-config-and-properties/package.json

@@ -20,7 +20,7 @@
   },
   "homepage": "https://github.com/dbanksdesign/style-dictionary-node#readme",
   "devDependencies": {
-    "style-dictionary": "^5.4.1",
+    "style-dictionary": "^5.4.3",
     "tinycolor2": "^1.4.1"
   }
 }

package/examples/advanced/npm-module/package.json

@@ -17,6 +17,6 @@
   "author": "",
   "license": "Apache-2.0",
   "devDependencies": {
-    "style-dictionary": "^5.4.1"
+    "style-dictionary": "^5.4.3"
   }
 }

package/examples/advanced/referencing_aliasing/package.json

@@ -16,6 +16,6 @@
   "author": "",
   "license": "Apache-2.0",
   "devDependencies": {
-    "style-dictionary": "^5.4.1"
+    "style-dictionary": "^5.4.3"
   }
 }

package/examples/advanced/s3/package.json

@@ -16,6 +16,6 @@
   "devDependencies": {
     "aws-sdk": "^2.7.21",
     "fs-extra": "^1.0.0",
-    "style-dictionary": "^5.4.1"
+    "style-dictionary": "^5.4.3"
   }
 }

package/examples/advanced/tailwind-preset/package.json

@@ -10,7 +10,7 @@
   },
   "license": "Apache-2.0",
   "devDependencies": {
-    "style-dictionary": "^5.4.1",
+    "style-dictionary": "^5.4.3",
     "tailwindcss": "^3.4.15",
     "mocha": "^10.2.0",
     "chai": "^5.1.1"

package/examples/advanced/tokens-deprecation/package.json

@@ -16,6 +16,6 @@
   "author": "",
   "license": "Apache-2.0",
   "devDependencies": {
-    "style-dictionary": "^5.4.1"
+    "style-dictionary": "^5.4.3"
   }
 }

package/examples/advanced/transitive-transforms/package.json

@@ -12,6 +12,6 @@
   "license": "ISC",
   "devDependencies": {
     "colorjs.io": "^0.5.2",
-    "style-dictionary": "^5.4.1"
+    "style-dictionary": "^5.4.3"
   }
 }

package/examples/advanced/variables-in-outputs/package.json

@@ -11,6 +11,6 @@
   "author": "",
   "license": "MIT",
   "devDependencies": {
-    "style-dictionary": "^5.4.1"
+    "style-dictionary": "^5.4.3"
   }
 }

package/examples/advanced/yaml-tokens/package.json

@@ -10,7 +10,7 @@
   "author": "",
   "license": "Apache-2.0",
   "devDependencies": {
-    "style-dictionary": "^5.4.1",
+    "style-dictionary": "^5.4.3",
     "yaml": "^1.10.0"
   }
 }

package/lib/Register.js

@@ -163,11 +163,14 @@ export class Register {
     this.deleteExistingHook(target, 'transformGroups', name);
 
     // make sure to trigger the setter
-    target.hooks = deepmerge(target.hooks, {
-      transformGroups: {
-        [name]: transforms,
-      },
-    });
+    target.hooks = deepmerge(
+      target.hooks,
+      /** @type {Partial<Required<Hooks>>} */ ({
+        transformGroups: {
+          [name]: transforms,
+        },
+      }),
+    );
     return target;
   }
 
@@ -200,11 +203,14 @@ export class Register {
     this.deleteExistingHook(target, 'formats', name);
 
     // make sure to trigger the setter
-    target.hooks = deepmerge(target.hooks, {
-      formats: {
-        [name]: formatFn,
-      },
-    });
+    target.hooks = deepmerge(
+      target.hooks,
+      /** @type {Partial<Required<Hooks>>} */ ({
+        formats: {
+          [name]: formatFn,
+        },
+      }),
+    );
     return target;
   }
 
@@ -275,11 +281,14 @@ export class Register {
     this.deleteExistingHook(target, 'filters', name);
 
     // make sure to trigger the setter
-    target.hooks = deepmerge(target.hooks, {
-      filters: {
-        [name]: filterFn,
-      },
-    });
+    target.hooks = deepmerge(
+      target.hooks,
+      /** @type {Partial<Required<Hooks>>} */ ({
+        filters: {
+          [name]: filterFn,
+        },
+      }),
+    );
     return target;
   }
 
@@ -314,14 +323,17 @@ export class Register {
     this.deleteExistingHook(target, 'parsers', name);
 
     // make sure to trigger the setter
-    target.hooks = deepmerge(target.hooks, {
-      parsers: {
-        [name]: {
-          pattern,
-          parser: parserFn,
+    target.hooks = deepmerge(
+      target.hooks,
+      /** @type {Partial<Required<Hooks>>} */ ({
+        parsers: {
+          [name]: {
+            pattern,
+            parser: parserFn,
+          },
         },
-      },
-    });
+      }),
+    );
     return target;
   }
 
@@ -356,11 +368,14 @@ export class Register {
     this.deleteExistingHook(target, 'preprocessors', name);
 
     // make sure to trigger the setter
-    target.hooks = deepmerge(target.hooks, {
-      preprocessors: {
-        [name]: preprocessor,
-      },
-    });
+    target.hooks = deepmerge(
+      target.hooks,
+      /** @type {Partial<Required<Hooks>>} */ ({
+        preprocessors: {
+          [name]: preprocessor,
+        },
+      }),
+    );
     return target;
   }
 
@@ -393,11 +408,14 @@ export class Register {
     this.deleteExistingHook(target, 'fileHeaders', name);
 
     // make sure to trigger the setter
-    target.hooks = deepmerge(target.hooks, {
-      fileHeaders: {
-        [name]: fileHeader,
-      },
-    });
+    target.hooks = deepmerge(
+      target.hooks,
+      /** @type {Partial<Required<Hooks>>} */ ({
+        fileHeaders: {
+          [name]: fileHeader,
+        },
+      }),
+    );
     return target;
   }
 }

package/lib/StyleDictionary.js

@@ -67,17 +67,17 @@ export default class StyleDictionary extends Register {
   // Placeholder is transformed on prepublish -> see scripts/inject-version.js
   // Another option might be import pkg from './package.json' with { "type": "json" } which would work in both browser and node, but support is not there yet.
   // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#browser_compatibility
-  static VERSION = '5.4.1';
+  static VERSION = '5.4.3';
 
   /** @returns {Config} */
   get options() {
     // merge locally registered things with options
     // so that when we extend, we include registered things
     const opts = deepmerge(
-      {
+      /** @type {Partial<Config>} */ ({
         hooks: this.hooks,
-      },
-      this._options ?? {},
+      }),
+      /** @type {Partial<Config>} */ (this._options ?? {}),
     );
     return opts;
   }
@@ -184,18 +184,6 @@ export default class StyleDictionary extends Register {
    * @returns {Promise<StyleDictionary>}
    */
   async extend(config = this.config, opts = {}) {
-    // by default, if extend is called it means extending the current instance
-    // with a new instance without mutating the original
-    if (!opts.mutateOriginal) {
-      const newSD = new StyleDictionary(deepmerge(this.options, config), {
-        init: false,
-        verbosity: opts.verbosity,
-        warnings: opts.warnings,
-        volume: opts.volume,
-      });
-      return newSD.init(opts);
-    }
-
     /** @type {Config} */
     let options;
     /** @type {Tokens} */
@@ -213,6 +201,18 @@ export default class StyleDictionary extends Register {
       options = config;
     }
 
+    // by default, if extend is called it means extending the current instance
+    // with a new instance without mutating the original
+    if (!opts.mutateOriginal) {
+      const newSD = new StyleDictionary(deepmerge(this.options, options), {
+        init: false,
+        verbosity: opts.verbosity,
+        warnings: opts.warnings,
+        volume: opts.volume,
+      });
+      return newSD.init(opts);
+    }
+
     this.log = {
       // our defaults
       ...this.log,

package/lib/common/transforms.d.ts

@@ -42,10 +42,10 @@ export function isColor(token: Token, options: Config): boolean;
  *
  * unit can be undefined for this utility method as well to support old dimension token values
  * which can be defined as unitless dimension tokens or numbers
- * @returns {{ value: number; unit: TokenTypeDimensionUnit | undefined }}
+ * @returns {{ value: string | number; unit: TokenTypeDimensionUnit | undefined }}
  */
 export function getTokenDimensionValue(val: Token["value"]): {
-    value: number;
+    value: string | number;
     unit: TokenTypeDimensionUnit | undefined;
 };
 declare const _default: {
@@ -591,7 +591,7 @@ declare const _default: {
     "size/rem": {
         type: "value";
         filter: (token: import("../../types/DesignToken.d.ts").TransformedToken, options: import("../../types/Config.d.ts").Config) => boolean;
-        transform: (token: import("../../types/DesignToken.d.ts").TransformedToken, _: import("../../types/Config.d.ts").PlatformConfig, options: import("../../types/Config.d.ts").Config) => string | 0;
+        transform: (token: import("../../types/DesignToken.d.ts").TransformedToken, _: import("../../types/Config.d.ts").PlatformConfig, options: import("../../types/Config.d.ts").Config) => string | number;
     };
     /**
      * Scales the number by 16 (or the value of 'basePxFontSize' on the platform in your config) and adds 'f' to the end.
@@ -754,7 +754,7 @@ declare const _default: {
     "size/pxToRem": {
         type: "value";
         filter: (token: import("../../types/DesignToken.d.ts").TransformedToken, options: import("../../types/Config.d.ts").Config) => boolean;
-        transform: (token: import("../../types/DesignToken.d.ts").TransformedToken, config: import("../../types/Config.d.ts").PlatformConfig, options: import("../../types/Config.d.ts").Config) => string | 0;
+        transform: (token: import("../../types/DesignToken.d.ts").TransformedToken, config: import("../../types/Config.d.ts").PlatformConfig, options: import("../../types/Config.d.ts").Config) => string | number;
     };
     /**
      * Scales the number by 16 (or the value of 'basePxFontSize' on the platform in your config) to get to points for Flutter

package/lib/common/transforms.js

@@ -385,7 +385,7 @@ function transformCubicBezierCSS(token, options) {
  *
  * unit can be undefined for this utility method as well to support old dimension token values
  * which can be defined as unitless dimension tokens or numbers
- * @returns {{ value: number; unit: TokenTypeDimensionUnit | undefined }}
+ * @returns {{ value: string | number; unit: TokenTypeDimensionUnit | undefined }}
  */
 export function getTokenDimensionValue(val) {
   /** @type {TokenTypeDimensionUnit | undefined} */
@@ -398,9 +398,8 @@ export function getTokenDimensionValue(val) {
     const unitMatch = `${val}`.match(/[^0-9.-]+$/);
     if (unitMatch) {
       unit = /** @type {TokenTypeDimensionUnit} */ (unitMatch[0]);
-      val = parseFloat(val.replace(/([^0-9]+$)/, ''));
+      val = val.replace(unit, '');
     }
-    val = parseFloat(val);
   }
 
   return valueObj
@@ -1207,7 +1206,7 @@ export default {
       if (nonParsed.unit !== undefined) {
         return `${nonParsed.value}${nonParsed.unit}`;
       }
-      if (parsedVal === 0) return 0;
+      if (parsedVal === 0) return nonParsed.value;
 
       return `${parsedVal}rem`;
     },
@@ -1468,7 +1467,7 @@ export default {
       const baseFont = getBasePxFontSize(config);
       if (isNaN(parsedVal))
         throwSizeError(token.name, options.usesDtcg ? token.$value : token.value, 'rem');
-      if (parsedVal === 0) return 0;
+      if (parsedVal === 0) return nonParsed.value;
 
       return `${parsedVal / baseFont}rem`;
     },

package/lib/utils/deepmerge.d.ts

@@ -1 +1 @@
-export function deepmerge(target: Object, source: Object, dedupeArrays?: boolean): any;
+export function deepmerge<T>(target: Partial<T>, source: Partial<T>, dedupeArrays?: boolean): T;

package/lib/utils/deepmerge.js

@@ -3,9 +3,11 @@ import isPlainObject from 'is-plain-obj';
 
 /**
  * Wrapper around deepmerge that merges only plain objects and arrays
- * @param {Object} target
- * @param {Object} source
+ * @template T
+ * @param {Partial<T>} target
+ * @param {Partial<T>} source
  * @param {boolean} [dedupeArrays]
+ * @returns {T}
  */
 export const deepmerge = (target, source, dedupeArrays = true) => {
   return _deepmerge(target, source, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "style-dictionary",
-  "version": "5.4.1",
+  "version": "5.4.3",
   "description": "Style once, use everywhere. A build system for creating cross-platform styles.",
   "keywords": [
     "style dictionary",
@@ -112,11 +112,10 @@
   ],
   "homepage": "https://styledictionary.com",
   "overrides": {
-    "tmp": "0.2.5",
     "lodash": "4.17.23"
   },
   "dependencies": {
-    "@bundled-es-modules/deepmerge": "^4.3.1",
+    "@bundled-es-modules/deepmerge": "^4.3.2",
     "@bundled-es-modules/glob": "^13.0.6",
     "@bundled-es-modules/memfs": "^4.17.0",
     "@zip.js/zip.js": "^2.7.44",
@@ -173,7 +172,7 @@
     "starlight-links-validator": "^0.24.0",
     "typescript": "^5.7.2",
     "unist-util-visit": "^5.0.0",
-    "uuid": "^9.0.1",
+    "uuid": "^14.0.0",
     "yaml": "^2.3.4"
   }
 }

package/types/typeless-modules/bundled-deepmerge.d.ts

@@ -1 +0,0 @@
-declare module '@bundled-es-modules/deepmerge';