@sps-woodland/tokens - npm Package Compare versions

Comparing version 7.2.8 to 7.2.9

config-src/config.ts

@@ -8,9 +8,9 @@ /* eslint-env node */
 
-import "./formats/fontFace";
-import "./formats/jsSimpleObject";
-import "./formats/utilityClasses";
-import "./formats/vanillaExtractSprinkleValues";
+import "./formats/fontFace.js";
+import "./formats/jsSimpleObject.js";
+import "./formats/utilityClasses.js";
+import "./formats/vanillaExtractSprinkleValues.js";
 
-import "./transforms/attrFont";
-import "./transforms/attrGridColumns";
+import "./transforms/attrFont.js";
+import "./transforms/attrGridColumns.js";
 
@@ -31,61 +31,63 @@ config({ path: "../../../.env" });
 
-module.exports = configureTransforms({
-  source: ["./src/tokens/**/*.json"],
-  platforms: {
-    "css-fonts": {
-      buildPath: "lib/",
-      files: [
-        {
-          format: "font-face",
-          destination: "font.css",
-        },
-      ],
-      transforms: StyleDictionary.transformGroup.css,
+StyleDictionary.extend(
+  configureTransforms({
+    source: ["./src/tokens/**/*.json"],
+    platforms: {
+      "css-fonts": {
+        buildPath: "lib/",
+        files: [
+          {
+            format: "font-face",
+            destination: "font.css",
+          },
+        ],
+        transforms: StyleDictionary.transformGroup.css,
+      },
+      css: {
+        buildPath: "lib/css/",
+        files: [
+          {
+            format: "css/variables",
+            destination: "tokens.css",
+          },
+          {
+            format: "css/utility-classes",
+            destination: "utils.css",
+          },
+        ],
+        transforms: StyleDictionary.transformGroup.css,
+      },
+      scss: {
+        buildPath: "lib/scss/",
+        files: [
+          {
+            format: "scss/variables",
+            destination: "tokens.scss",
+          },
+          {
+            format: "scss/utility-classes",
+            destination: "utils.scss",
+          },
+        ],
+        transforms: StyleDictionary.transformGroup.scss,
+      },
+      ts: {
+        files: [
+          {
+            format: "javascript/detailed-object",
+            destination: "src/dictionary.ts",
+          },
+          {
+            format: "javascript/simple-object",
+            destination: "src/tokens.ts",
+          },
+          {
+            format: "vanilla-extract/sprinkle-values",
+            destination: "src/vanilla-extract/sprinkleValues.ts",
+          },
+        ],
+        transforms: StyleDictionary.transformGroup.js,
+      },
     },
-    css: {
-      buildPath: "lib/css/",
-      files: [
-        {
-          format: "css/variables",
-          destination: "tokens.css",
-        },
-        {
-          format: "css/utility-classes",
-          destination: "utils.css",
-        },
-      ],
-      transforms: StyleDictionary.transformGroup.css,
-    },
-    scss: {
-      buildPath: "lib/scss/",
-      files: [
-        {
-          format: "scss/variables",
-          destination: "tokens.scss",
-        },
-        {
-          format: "scss/utility-classes",
-          destination: "utils.scss",
-        },
-      ],
-      transforms: StyleDictionary.transformGroup.scss,
-    },
-    ts: {
-      files: [
-        {
-          format: "javascript/detailed-object",
-          destination: "src/dictionary.ts",
-        },
-        {
-          format: "javascript/simple-object",
-          destination: "src/tokens.ts",
-        },
-        {
-          format: "vanilla-extract/sprinkle-values",
-          destination: "src/vanilla-extract/sprinkleValues.ts",
-        },
-      ],
-      transforms: StyleDictionary.transformGroup.js,
-    },
-  },
-});
+  })
+).buildAllPlatforms();

config-src/formats/fontFace.ts

@@ -5,3 +5,3 @@ /* eslint-env node */
 import * as prettier from "prettier";
-import { trim } from "./utils";
+import { trim } from "./utils.js";
 
@@ -8,0 +8,0 @@ // https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/src

config-src/formats/jsSimpleObject.ts

 import StyleDictionary from "style-dictionary";
 import * as prettier from "prettier";
-import { simplifyTokens } from "./utils";
+import { simplifyTokens } from "./utils.js";
 
@@ -5,0 +5,0 @@ StyleDictionary.registerFormat({

config-src/formats/utility-class-builders/color.ts

@@ -1,2 +0,2 @@
-import type { UtilityClassBuilder } from "./UtilityClassBuilder";
+import type { UtilityClassBuilder } from "./UtilityClassBuilder.js";
 
@@ -3,0 +3,0 @@ export const colorClasses: UtilityClassBuilder = {

config-src/formats/utility-class-builders/grid.ts

@@ -1,2 +0,2 @@
-import type { UtilityClassBuilder } from "./UtilityClassBuilder";
+import type { UtilityClassBuilder } from "./UtilityClassBuilder.js";
 
@@ -3,0 +3,0 @@ export const gridClasses: UtilityClassBuilder = {

config-src/formats/utility-class-builders/icon.ts

@@ -1,3 +0,3 @@
-import { trim } from "../utils";
-import type { UtilityClassBuilder } from "./UtilityClassBuilder";
+import { trim } from "../utils.js";
+import type { UtilityClassBuilder } from "./UtilityClassBuilder.js";
 
@@ -4,0 +4,0 @@ export const iconClasses: UtilityClassBuilder = {

config-src/formats/utility-class-builders/iconSize.ts

@@ -1,2 +0,2 @@
-import type { UtilityClassBuilder } from "./UtilityClassBuilder";
+import type { UtilityClassBuilder } from "./UtilityClassBuilder.js";
 
@@ -3,0 +3,0 @@ export const iconSizeClasses: UtilityClassBuilder = {

config-src/formats/utility-class-builders/spacing.ts

@@ -1,3 +0,3 @@
-import { trim } from "../utils";
-import type { UtilityClassBuilder } from "./UtilityClassBuilder";
+import { trim } from "../utils.js";
+import type { UtilityClassBuilder } from "./UtilityClassBuilder.js";
 
@@ -4,0 +4,0 @@ function buildClasses(item: string, value: string): string {

config-src/formats/utility-class-builders/typeSize.ts

@@ -1,2 +0,2 @@
-import type { UtilityClassBuilder } from "./UtilityClassBuilder";
+import type { UtilityClassBuilder } from "./UtilityClassBuilder.js";
 
@@ -3,0 +3,0 @@ export const typeSizeClasses: UtilityClassBuilder = {

config-src/formats/utility-class-builders/typeWeight.ts

@@ -1,2 +0,2 @@
-import type { UtilityClassBuilder } from "./UtilityClassBuilder";
+import type { UtilityClassBuilder } from "./UtilityClassBuilder.js";
 
@@ -3,0 +3,0 @@ export const typeWeightClasses: UtilityClassBuilder = {

config-src/formats/utilityClasses.ts

 import StyleDictionary from "style-dictionary";
 import type { Dictionary, TransformedToken } from "style-dictionary";
 import * as prettier from "prettier";
-import { trim } from "./utils";
+import { trim } from "./utils.js";
 
-import { colorClasses } from "./utility-class-builders/color";
-import { gridClasses } from "./utility-class-builders/grid";
-import { iconClasses } from "./utility-class-builders/icon";
-import { iconSizeClasses } from "./utility-class-builders/iconSize";
-import { spacingClasses } from "./utility-class-builders/spacing";
-import { typeSizeClasses } from "./utility-class-builders/typeSize";
-import { typeWeightClasses } from "./utility-class-builders/typeWeight";
-import type { UtilityClassBuilder } from "./utility-class-builders/UtilityClassBuilder";
+import { colorClasses } from "./utility-class-builders/color.js";
+import { gridClasses } from "./utility-class-builders/grid.js";
+import { iconClasses } from "./utility-class-builders/icon.js";
+import { iconSizeClasses } from "./utility-class-builders/iconSize.js";
+import { spacingClasses } from "./utility-class-builders/spacing.js";
+import { typeSizeClasses } from "./utility-class-builders/typeSize.js";
+import { typeWeightClasses } from "./utility-class-builders/typeWeight.js";
+import type { UtilityClassBuilder } from "./utility-class-builders/UtilityClassBuilder.js";
 
@@ -15,0 +15,0 @@ const classBuilders: UtilityClassBuilder[] = [

config-src/formats/vanillaExtractSprinkleValues.ts

 import StyleDictionary from "style-dictionary";
 import * as prettier from "prettier";
-import { simplifyTokens } from "./utils";
+import { simplifyTokens } from "./utils.js";
 
@@ -5,0 +5,0 @@ StyleDictionary.registerFormat({

config-src/tsconfig.json

@@ -18,3 +18,2 @@ {
       "baseUrl": "./",
-      "module": "CommonJS",
       "skipLibCheck": true
@@ -21,0 +20,0 @@ },

config/config.js

@@ -1,18 +0,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-env node */
 /* eslint-disable import/no-import-module-exports */
 /* eslint-disable import/no-commonjs */
-const style_dictionary_1 = __importDefault(require("style-dictionary"));
-const dotenv_1 = require("dotenv");
-require("./formats/fontFace");
-require("./formats/jsSimpleObject");
-require("./formats/utilityClasses");
-require("./formats/vanillaExtractSprinkleValues");
-require("./transforms/attrFont");
-require("./transforms/attrGridColumns");
-(0, dotenv_1.config)({ path: "../../../.env" });
+import StyleDictionary from "style-dictionary";
+import { config } from "dotenv";
+import "./formats/fontFace.js";
+import "./formats/jsSimpleObject.js";
+import "./formats/utilityClasses.js";
+import "./formats/vanillaExtractSprinkleValues.js";
+import "./transforms/attrFont.js";
+import "./transforms/attrGridColumns.js";
+config({ path: "../../../.env" });
 function configureTransforms(sdConfig) {
@@ -29,3 +24,3 @@ for (const platform of Object.values(sdConfig.platforms)) {
 }
-module.exports = configureTransforms({
+StyleDictionary.extend(configureTransforms({
     source: ["./src/tokens/**/*.json"],
@@ -41,3 +36,3 @@ platforms: {
             ],
-            transforms: style_dictionary_1.default.transformGroup.css,
+            transforms: StyleDictionary.transformGroup.css,
         },
@@ -56,3 +51,3 @@ css: {
             ],
-            transforms: style_dictionary_1.default.transformGroup.css,
+            transforms: StyleDictionary.transformGroup.css,
         },
@@ -71,3 +66,3 @@ scss: {
             ],
-            transforms: style_dictionary_1.default.transformGroup.scss,
+            transforms: StyleDictionary.transformGroup.scss,
         },
@@ -89,6 +84,6 @@ ts: {
             ],
-            transforms: style_dictionary_1.default.transformGroup.js,
+            transforms: StyleDictionary.transformGroup.js,
         },
     },
-});
+})).buildAllPlatforms();
 //# sourceMappingURL=config.js.map

config/formats/fontFace.js

@@ -1,33 +0,5 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-env node */
-const style_dictionary_1 = __importDefault(require("style-dictionary"));
-const prettier = __importStar(require("prettier"));
-const utils_1 = require("./utils");
+import StyleDictionary from "style-dictionary";
+import * as prettier from "prettier";
+import { trim } from "./utils.js";
 // https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/src
@@ -45,3 +17,3 @@ const MAP_EXT_TO_FORMAT_NAME = {
 }
-style_dictionary_1.default.registerFormat({
+StyleDictionary.registerFormat({
     name: "font-face",
@@ -53,6 +25,6 @@ formatter: ({ dictionary: { allTokens }, file }) => {
             const { attributes: { family, weight, style }, formats, value: path, } = token;
-            const urls = formats.map((extension) => (0, utils_1.trim)(`
+            const urls = formats.map((extension) => trim(`
             url("${process.env.ASSETS_BASE_PATH}/${path}.${extension}") format("${MAP_EXT_TO_FORMAT_NAME[extension]}")
           `)).join(",");
-            return (0, utils_1.trim)(`
+            return trim(`
           @font-face {
@@ -69,3 +41,3 @@ font-family: "${family}";
         return prettier.format(`
-      ${style_dictionary_1.default.formatHelpers.fileHeader({ file })}
+      ${StyleDictionary.formatHelpers.fileHeader({ file })}
       ${fontFaceRules}
@@ -72,0 +44,0 @@ * { font-family: "Source Sans Pro", sans-serif; }

config/formats/jsSimpleObject.js

@@ -1,36 +0,8 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const style_dictionary_1 = __importDefault(require("style-dictionary"));
-const prettier = __importStar(require("prettier"));
-const utils_1 = require("./utils");
-style_dictionary_1.default.registerFormat({
+import StyleDictionary from "style-dictionary";
+import * as prettier from "prettier";
+import { simplifyTokens } from "./utils.js";
+StyleDictionary.registerFormat({
     name: "javascript/simple-object",
     formatter({ dictionary }) {
-        const tokens = (0, utils_1.simplifyTokens)(dictionary.tokens);
+        const tokens = simplifyTokens(dictionary.tokens);
         return prettier.format(`
@@ -46,3 +18,3 @@ /* eslint-disable */
 });
-style_dictionary_1.default.registerFormat({
+StyleDictionary.registerFormat({
     name: "javascript/detailed-object",
@@ -49,0 +21,0 @@ formatter({ dictionary }) {

config/formats/utility-class-builders/color.js

@@ -1,5 +0,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.colorClasses = void 0;
-exports.colorClasses = {
+export const colorClasses = {
     appliesTo: (token) => token.attributes.category === "color",
@@ -6,0 +3,0 @@ build(token, dictionary) {

config/formats/utility-class-builders/grid.js

@@ -1,5 +0,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.gridClasses = void 0;
-exports.gridClasses = {
+export const gridClasses = {
     appliesTo: (token) => token.attributes.category === "grid"
@@ -6,0 +3,0 @@ && token.attributes.type === "columns",

config/formats/utility-class-builders/icon.js

@@ -1,6 +0,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconClasses = void 0;
-const utils_1 = require("../utils");
-exports.iconClasses = {
+import { trim } from "../utils.js";
+export const iconClasses = {
     appliesTo: (token) => token.attributes.category === "icon"
@@ -13,3 +10,3 @@ && token.attributes.item === "character",
         if (colorToken) {
-            colorRule = (0, utils_1.trim)(`
+            colorRule = trim(`
         ${className} {
@@ -20,3 +17,3 @@ color: ${colorToken.variableReference} !important;
         }
-        return (0, utils_1.trim)(`${colorRule}
+        return trim(`${colorRule}
       ${className}::before {
@@ -23,0 +20,0 @@ content: ${token.variableReference} !important;

config/formats/utility-class-builders/iconSize.js

@@ -1,5 +0,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconSizeClasses = void 0;
-exports.iconSizeClasses = {
+export const iconSizeClasses = {
     appliesTo: (token) => token.attributes.category === "size"
@@ -6,0 +3,0 @@ && token.attributes.type === "icon",

config/formats/utility-class-builders/spacing.js

@@ -1,9 +0,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.spacingClasses = void 0;
-const utils_1 = require("../utils");
+import { trim } from "../utils.js";
 function buildClasses(item, value) {
     return ["margin", "padding"].map((prop) => {
         const p = prop.charAt(0);
-        return (0, utils_1.trim)(`
+        return trim(`
       .${p}-${item} {
@@ -35,3 +32,3 @@ ${prop}: ${value} !important;
 }
-exports.spacingClasses = {
+export const spacingClasses = {
     appliesTo: (token) => token.attributes.category === "size"
@@ -38,0 +35,0 @@ && token.attributes.type === "spacing",

config/formats/utility-class-builders/typeSize.js

@@ -1,5 +0,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.typeSizeClasses = void 0;
-exports.typeSizeClasses = {
+export const typeSizeClasses = {
     appliesTo: (token) => token.attributes.category === "size"
@@ -6,0 +3,0 @@ && token.attributes.type === "type",

config/formats/utility-class-builders/typeWeight.js

@@ -1,5 +0,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.typeWeightClasses = void 0;
-exports.typeWeightClasses = {
+export const typeWeightClasses = {
     appliesTo: (token) => token.attributes.category === "type"
@@ -6,0 +3,0 @@ && token.attributes.type === "weight",

config/formats/utilityClasses.js

@@ -1,47 +0,19 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const style_dictionary_1 = __importDefault(require("style-dictionary"));
-const prettier = __importStar(require("prettier"));
-const utils_1 = require("./utils");
-const color_1 = require("./utility-class-builders/color");
-const grid_1 = require("./utility-class-builders/grid");
-const icon_1 = require("./utility-class-builders/icon");
-const iconSize_1 = require("./utility-class-builders/iconSize");
-const spacing_1 = require("./utility-class-builders/spacing");
-const typeSize_1 = require("./utility-class-builders/typeSize");
-const typeWeight_1 = require("./utility-class-builders/typeWeight");
+import StyleDictionary from "style-dictionary";
+import * as prettier from "prettier";
+import { trim } from "./utils.js";
+import { colorClasses } from "./utility-class-builders/color.js";
+import { gridClasses } from "./utility-class-builders/grid.js";
+import { iconClasses } from "./utility-class-builders/icon.js";
+import { iconSizeClasses } from "./utility-class-builders/iconSize.js";
+import { spacingClasses } from "./utility-class-builders/spacing.js";
+import { typeSizeClasses } from "./utility-class-builders/typeSize.js";
+import { typeWeightClasses } from "./utility-class-builders/typeWeight.js";
 const classBuilders = [
-    color_1.colorClasses,
-    grid_1.gridClasses,
-    icon_1.iconClasses,
-    iconSize_1.iconSizeClasses,
-    spacing_1.spacingClasses,
-    typeSize_1.typeSizeClasses,
-    typeWeight_1.typeWeightClasses,
+    colorClasses,
+    gridClasses,
+    iconClasses,
+    iconSizeClasses,
+    spacingClasses,
+    typeSizeClasses,
+    typeWeightClasses,
 ];
@@ -66,3 +38,3 @@ function variableReference(varName, format) {
     if (applicableBuilder) {
-        return (0, utils_1.trim)(applicableBuilder.build(token, dictionary));
+        return trim(applicableBuilder.build(token, dictionary));
     }
@@ -73,3 +45,3 @@ // console.log("unhandled:", token);
 ["css", "scss"].forEach((lang) => {
-    style_dictionary_1.default.registerFormat({
+    StyleDictionary.registerFormat({
         name: `${lang}/utility-classes`,
@@ -86,3 +58,3 @@ formatter({ file, dictionary }) {
             return prettier.format(`
-        ${style_dictionary_1.default.formatHelpers.fileHeader({ file })}
+        ${StyleDictionary.formatHelpers.fileHeader({ file })}
         ${builtClasses}
@@ -89,0 +61,0 @@ ${staticClasses}

config/formats/utils.js

@@ -1,5 +0,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.trim = exports.simplifyTokens = void 0;
-function simplifyTokens(tokens) {
+export function simplifyTokens(tokens) {
     if (tokens.hasOwnProperty("value")) {
@@ -14,7 +11,5 @@ return tokens.value;
 }
-exports.simplifyTokens = simplifyTokens;
-function trim(str) {
+export function trim(str) {
     return str.replace(/^\s+/gm, "").trim();
 }
-exports.trim = trim;
 //# sourceMappingURL=utils.js.map

config/formats/vanillaExtractSprinkleValues.js

@@ -1,25 +0,1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
@@ -36,13 +12,9 @@ var t = {};
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const style_dictionary_1 = __importDefault(require("style-dictionary"));
-const prettier = __importStar(require("prettier"));
-const utils_1 = require("./utils");
-style_dictionary_1.default.registerFormat({
+import StyleDictionary from "style-dictionary";
+import * as prettier from "prettier";
+import { simplifyTokens } from "./utils.js";
+StyleDictionary.registerFormat({
     name: "vanilla-extract/sprinkle-values",
     formatter({ dictionary }) {
-        const _a = (0, utils_1.simplifyTokens)(dictionary.tokens), { color: colorTokens, size: sizeTokens } = _a, otherTokens = __rest(_a, ["color", "size"]);
+        const _a = simplifyTokens(dictionary.tokens), { color: colorTokens, size: sizeTokens } = _a, otherTokens = __rest(_a, ["color", "size"]);
         const { type: typeSizeTokens, spacing: spacingSizeTokens } = sizeTokens, otherSizeTokens = __rest(sizeTokens, ["type", "spacing"]);
@@ -49,0 +21,0 @@ const colors = Object.keys(colorTokens)

config/transforms/attrFont.js

@@ -1,8 +0,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const style_dictionary_1 = __importDefault(require("style-dictionary"));
-style_dictionary_1.default.registerTransform({
+import StyleDictionary from "style-dictionary";
+StyleDictionary.registerTransform({
     name: "attribute/font",
@@ -9,0 +4,0 @@ type: "attribute",

config/transforms/attrGridColumns.js

@@ -1,8 +0,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const style_dictionary_1 = __importDefault(require("style-dictionary"));
-style_dictionary_1.default.registerTransform({
+import StyleDictionary from "style-dictionary";
+StyleDictionary.registerTransform({
     name: "attribute/grid-columns",
@@ -9,0 +4,0 @@ type: "attribute",

package.json

 {
   "name": "@sps-woodland/tokens",
   "description": "SPS Design System design tokens",
-  "version": "7.2.8",
+  "version": "7.2.9",
   "author": "SPS Commerce",
@@ -9,6 +9,6 @@ "license": "UNLICENSED",
   "homepage": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/tokens#readme",
+  "type": "module",
   "module": "./lib/index.es.js",
   "main": "./lib/index.es.js",
   "types": "./lib/index.d.ts",
-  "comments": "switching to `type` module breaks the build process so leaving it as default (commonjs)",
   "exports": {
@@ -46,3 +46,3 @@ ".": {
     "build": "pnpm build:tokens && (pnpm build:js && pnpm build:types) && pnpm build:move-ve-css",
-    "build:tokens": "tsc -p config-src/tsconfig.json && pnpm exec style-dictionary build --config ./config/config.js",
+    "build:tokens": "tsc -p config-src/tsconfig.json && node ./config/config.js",
     "build:js": "vite build",
@@ -49,0 +49,0 @@ "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib",

No alert changes

Improved metrics

Is type module

Yes

Worsened metrics

Total package byte prevSize

3500426

decreased by-0.18%

Lines of code

94208

decreased by-0.16%

No dependency changes