refactor: use ES Modules for component-library-design-tokens

nl-design-system · Nov 19, 2024 · 5d7f279 · 5d7f279
1 parent c8f01a4
commit 5d7f279
Show file tree

Hide file tree

Showing 6 changed files with 373 additions and 277 deletions.
diff --git a/packages/component-library-design-tokens/package.json b/packages/component-library-design-tokens/package.json
@@ -14,17 +14,19 @@
   "publishConfig": {
     "access": "public"
   },
+  "type": "module",
   "repository": {
     "type": "git+ssh",
     "url": "[email protected]:nl-design-system/utrecht.git",
     "directory": "packages/component-library-design-tokens"
   },
+  "dependencies": {
+    "glob": "10.4.2",
+    "lodash-es": "4.17.21"
+  },
   "devDependencies": {
     "@nl-design-system-unstable/theme-toolkit": "1.0.0",
-    "glob": "10.4.2",
-    "lodash.clonedeepwith": "4.5.0",
-    "lodash.isplainobject": "4.0.6",
-    "lodash.merge": "4.6.2",
+    "@types/lodash-es": "4.17.12",
     "rimraf": "5.0.7"
   },
   "scripts": {

diff --git a/packages/component-library-design-tokens/src/build-property.mjs b/packages/component-library-design-tokens/src/build-property.mjs
@@ -1,7 +1,7 @@
 import { mkdir, writeFile } from 'node:fs/promises';
 import { getComponentTokens } from './lib.mjs';
-import cloneDeepWith from 'lodash.clonedeepwith';
-import isPlainObject from 'lodash.isplainobject';
+import cloneDeepWith from 'lodash-es/clonedeepwith.js';
+import isPlainObject from 'lodash-es/isplainobject.js';
 import { isDesignTokenDefinition } from '@nl-design-system-unstable/theme-toolkit/dist/design-tokens.js';
 
 const traverseDeep = (root, parents, current, valueTest, callback) => {

diff --git a/packages/component-library-design-tokens/src/lib.mjs b/packages/component-library-design-tokens/src/lib.mjs
@@ -1,5 +1,5 @@
 import { readFile } from 'node:fs/promises';
-import merge from 'lodash.merge';
+import merge from 'lodash-es/merge.js';
 import { glob } from 'glob';
 import { resolve } from 'path';
 

diff --git a/packages/component-library-design-tokens/src/lint-build.mjs b/packages/component-library-design-tokens/src/lint-build.mjs
@@ -1,6 +1,6 @@
 import { readFile } from 'node:fs/promises';
-import cloneDeepWith from 'lodash.clonedeepwith';
-import isPlainObject from 'lodash.isplainobject';
+import cloneDeepWith from 'lodash-es/clonedeepwith.js';
+import isPlainObject from 'lodash-es/isplainobject.js';
 import { glob } from 'glob';
 import { getComponentTokens } from './lib.mjs';
 import { isDesignTokenDefinition } from '@nl-design-system-unstable/theme-toolkit/dist/design-tokens.js';

diff --git a/packages/component-library-design-tokens/src/lint-theme.mjs b/packages/component-library-design-tokens/src/lint-theme.mjs
@@ -1,8 +1,7 @@
 import { readFile } from 'node:fs/promises';
-import merge from 'lodash.merge';
-import cloneDeepWith from 'lodash.clonedeepwith';
-import isPlainObject from 'lodash.isplainobject';
-import { glob } from 'glob';
+import merge from 'lodash-es/merge.js';
+import cloneDeepWith from 'lodash-es/clonedeepwith.js';
+import isPlainObject from 'lodash-es/isplainobject.js';
 import { getComponentTokens } from './lib.mjs';
 import { isDesignToken, isDesignTokenDefinition } from '@nl-design-system-unstable/theme-toolkit/dist/design-tokens.js';