@workday/canvas-kit-codemod 13.2.41 → 13.2.43

package/dist/es6/v13.2/mapping/index.d.ts

@@ -3,6 +3,63 @@ export declare const mapping: {
         readonly type: "base";
         readonly name: "colors";
     };
+    readonly commonColors: {
+        readonly type: "system";
+        readonly name: "commonColors";
+        readonly keys: {
+            readonly background: "system.color.bg.default";
+            readonly backgroundAlt: "system.color.bg.alt.default";
+            readonly focusOutline: "system.color.border.primary.default";
+            readonly focusBackground: "system.color.bg.primary.default";
+            readonly hoverBackground: "system.color.bg.alt.strong";
+            readonly divider: "system.color.border.divider";
+        };
+    };
+    readonly inputColors: {
+        readonly type: "system";
+        readonly name: "inputColors";
+        readonly keys: {
+            readonly background: "system.color.bg.default";
+            readonly border: "system.color.border.input.default";
+            readonly placeholder: "system.color.fg.muted.default";
+            readonly text: "system.color.fg.default";
+            readonly icon: "system.color.fg.muted.soft";
+            readonly iconHover: "system.color.fg.muted.stronger";
+            readonly selectionControlFill: "system.color.bg.primary.default";
+            readonly hoverBorder: "system.color.border.input.strong";
+            readonly focusBorder: "system.color.border.primary.default";
+            readonly disabled: {
+                readonly background: "system.color.bg.alt.softer";
+                readonly border: "system.color.border.input.strong";
+                readonly text: "system.color.fg.disabled";
+                readonly icon: "system.color.fg.disabled";
+            };
+            readonly error: {
+                readonly border: "system.color.border.critical.default";
+                readonly message: "system.color.fg.critical.default";
+                readonly icon: "system.color.fg.critical.default";
+            };
+            readonly alert: {
+                readonly border: "system.color.border.caution.default";
+                readonly message: "system.color.fg.caution.default";
+                readonly icon: "system.color.fg.caution.default";
+            };
+        };
+    };
+    readonly typeColors: {
+        readonly type: "system";
+        readonly name: "typeColors";
+        readonly keys: {
+            readonly body: "system.color.fg.default";
+            readonly heading: "system.color.fg.strong";
+            readonly hint: "system.color.fg.muted.soft";
+            readonly inverse: "system.color.fg.inverse";
+            readonly label: "system.color.fg.default";
+            readonly link: "system.color.fg.primary.default";
+            readonly selectHighlight: "system.color.fg.primary.default";
+            readonly selectHighlightInverse: "system.color.fg.inverse";
+        };
+    };
     readonly borderRadius: {
         readonly name: "shape";
         readonly type: "system";
@@ -215,7 +272,7 @@ export declare const systemColors: {
         licorice400: string;
         licorice500: string;
     };
-    'border,borderColor,borderTopColor,borderRightColor,borderBottomColor,borderLeftColor,borderInlineColor,borderBlockColor,borderInlineStartColor,borderInlineEndColor,borderBlockStartColor,borderBlockEndColor,borderColorFocus,borderColorHover,borderColorActive': {
+    'border,borderColor,borderTop,borderTopColor,borderRight,borderRightColor,borderBottom,borderBottomColor,borderLeft,borderLeftColor,borderInlineColor,borderBlockColor,borderInline,borderInlineStart,borderInlineStartColor,borderInlineEnd,borderInlineEndColor,borderBlockStart,borderBlockStartColor,borderBlockEnd,borderBlockEndColor,borderColorFocus,borderColorHover,borderColorActive': {
         blackPepper400: string;
         blackPepper500: string;
         blueberry400: string;

package/dist/es6/v13.2/mapping/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/v13.2/mapping/index.ts"],"names":[],"mappings":"AAqFA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBV,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/v13.2/mapping/index.ts"],"names":[],"mappings":"AAqFA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFV,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DxB,CAAC"}

package/dist/es6/v13.2/mapping/index.js

@@ -83,6 +83,63 @@ export const mapping = {
         type: 'base',
         name: 'colors',
     },
+    commonColors: {
+        type: 'system',
+        name: 'commonColors',
+        keys: {
+            background: 'system.color.bg.default',
+            backgroundAlt: 'system.color.bg.alt.default',
+            focusOutline: 'system.color.border.primary.default',
+            focusBackground: 'system.color.bg.primary.default',
+            hoverBackground: 'system.color.bg.alt.strong',
+            divider: 'system.color.border.divider',
+        },
+    },
+    inputColors: {
+        type: 'system',
+        name: 'inputColors',
+        keys: {
+            background: 'system.color.bg.default',
+            border: 'system.color.border.input.default',
+            placeholder: 'system.color.fg.muted.default',
+            text: 'system.color.fg.default',
+            icon: 'system.color.fg.muted.soft',
+            iconHover: 'system.color.fg.muted.stronger',
+            selectionControlFill: 'system.color.bg.primary.default',
+            hoverBorder: 'system.color.border.input.strong',
+            focusBorder: 'system.color.border.primary.default',
+            disabled: {
+                background: 'system.color.bg.alt.softer',
+                border: 'system.color.border.input.strong',
+                text: 'system.color.fg.disabled',
+                icon: 'system.color.fg.disabled',
+            },
+            error: {
+                border: 'system.color.border.critical.default',
+                message: 'system.color.fg.critical.default',
+                icon: 'system.color.fg.critical.default',
+            },
+            alert: {
+                border: 'system.color.border.caution.default',
+                message: 'system.color.fg.caution.default',
+                icon: 'system.color.fg.caution.default',
+            },
+        },
+    },
+    typeColors: {
+        type: 'system',
+        name: 'typeColors',
+        keys: {
+            body: 'system.color.fg.default',
+            heading: 'system.color.fg.strong',
+            hint: 'system.color.fg.muted.soft',
+            inverse: 'system.color.fg.inverse',
+            label: 'system.color.fg.default',
+            link: 'system.color.fg.primary.default',
+            selectHighlight: 'system.color.fg.primary.default',
+            selectHighlightInverse: 'system.color.fg.inverse',
+        },
+    },
     borderRadius: {
         name: 'shape',
         type: 'system',
@@ -148,7 +205,7 @@ export const systemColors = {
         licorice400: 'system.color.fg.muted.strong',
         licorice500: 'system.color.fg.muted.stronger',
     },
-    'border,borderColor,borderTopColor,borderRightColor,borderBottomColor,borderLeftColor,borderInlineColor,borderBlockColor,borderInlineStartColor,borderInlineEndColor,borderBlockStartColor,borderBlockEndColor,borderColorFocus,borderColorHover,borderColorActive': {
+    'border,borderColor,borderTop,borderTopColor,borderRight,borderRightColor,borderBottom,borderBottomColor,borderLeft,borderLeftColor,borderInlineColor,borderBlockColor,borderInline,borderInlineStart,borderInlineStartColor,borderInlineEnd,borderInlineEndColor,borderBlockStart,borderBlockStartColor,borderBlockEnd,borderBlockEndColor,borderColorFocus,borderColorHover,borderColorActive': {
         blackPepper400: 'system.color.border.contrast.default',
         blackPepper500: 'system.color.border.contrast.strong',
         blueberry400: 'system.color.border.primary.default',

package/dist/es6/v13.2/migrateColorTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"migrateColorTokens.d.ts","sourceRoot":"","sources":["../../../lib/v13.2/migrateColorTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAC,MAAM,aAAa,CAAC;AAQlD,QAAA,MAAM,SAAS,EAAE,SAuFhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"migrateColorTokens.d.ts","sourceRoot":"","sources":["../../../lib/v13.2/migrateColorTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAC,MAAM,aAAa,CAAC;AAiBlD,QAAA,MAAM,SAAS,EAAE,SA0JhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/es6/v13.2/migrateColorTokens.js

@@ -1,6 +1,10 @@
-import { addMissingImports, filterOutImports, transformObjectPropertyRecursively } from './utils';
+import { addMissingImports, filterOutImports, transformObjectPropertyRecursively, varToMemberExpression, } from './utils';
 import { mapping } from './mapping';
-const canvasImportSources = ['@workday/canvas-kit-styling', '@workday/canvas-kit-react/tokens'];
+const canvasImportSources = [
+    '@workday/canvas-kit-styling',
+    '@workday/canvas-kit-react/tokens',
+    '@workday/canvas-colors-web',
+];
 const transform = (file, api) => {
     const j = api.jscodeshift;
     const root = j(file.source);
@@ -11,7 +15,7 @@ const transform = (file, api) => {
         source: { value: (value) => canvasImportSources.includes(value) },
     })
         .forEach(nodePath => {
-        importDeclaration = { ...importDeclaration, ...filterOutImports(nodePath) };
+        importDeclaration = { ...importDeclaration, ...filterOutImports(nodePath, 'colors') };
     });
     if (!Object.values(importDeclaration).includes('colors')) {
         return root.toSource();
@@ -26,7 +30,7 @@ const transform = (file, api) => {
         const name = nodePath.value.callee.name;
         const stylesDeclaration = nodePath.value.arguments[0];
         const isCanvasKitStyling = importDeclaration[name] === 'createStyles' || importDeclaration[name] === 'createStencil';
-        if (stylesDeclaration.type === 'ObjectExpression') {
+        if ((stylesDeclaration === null || stylesDeclaration === void 0 ? void 0 : stylesDeclaration.type) === 'ObjectExpression') {
             stylesDeclaration.properties = stylesDeclaration.properties.map((prop) => transformObjectPropertyRecursively({ j, root }, prop, importDeclaration, isCanvasKitStyling));
         }
     });
@@ -35,21 +39,59 @@ const transform = (file, api) => {
     });
     root
         .find(j.MemberExpression, (value) => {
-        return (value.type === 'MemberExpression' &&
-            ((value.object.type === 'MemberExpression' &&
-                value.object.object.type === 'MemberExpression' &&
-                checkImport(value.object.object.object.name)) ||
-                checkImport(value.object.name)));
+        // Matches: commonColors.background
+        const isTwoParts = value.type === 'MemberExpression' &&
+            value.object.type === 'Identifier' &&
+            checkImport(value.object.name);
+        // Matches: inputColors.disabled.border
+        const isThreeParts = value.type === 'MemberExpression' &&
+            value.object.type === 'MemberExpression' &&
+            value.object.object.type === 'Identifier' &&
+            checkImport(value.object.object.name);
+        return isTwoParts || isThreeParts;
     })
         .replaceWith(nodePath => {
+        var _a;
         const mainWrapper = nodePath.value.object;
-        if (mainWrapper.type === 'Identifier' && importDeclaration[mainWrapper.name] !== 'type') {
+        if (mainWrapper.type === 'MemberExpression') {
+            const mainObject = mainWrapper.object;
+            const mainName = mainObject.type === 'Identifier' ? mainObject.name : '';
+            const mainProperty = mainWrapper.property;
+            const lowestProperty = nodePath.value.property;
+            const importedName = importDeclaration[mainName];
+            const map = mapping[importedName];
+            if ((map === null || map === void 0 ? void 0 : map.type) === 'system' &&
+                importedName &&
+                importedName.toLowerCase().includes('colors') &&
+                mainProperty.type === 'Identifier' &&
+                lowestProperty.type === 'Identifier') {
+                const innerGroup = map.keys[mainProperty.name] || {};
+                const token = innerGroup[lowestProperty.name];
+                if (token) {
+                    addMissingImports({ j, root }, { importPath: '@workday/canvas-tokens-web', specifiers: ['system'] });
+                    addMissingImports({ j, root }, { importPath: '@workday/canvas-kit-styling', specifiers: ['cssVar'] });
+                    return j.callExpression(j.identifier('cssVar'), [varToMemberExpression(j, token)]);
+                }
+            }
+        }
+        if (mainWrapper.type === 'Identifier' &&
+            ((_a = importDeclaration[mainWrapper.name]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes('colors'))) {
             const mainObject = mainWrapper;
             const mainName = mainObject.name;
             const lowestProperty = nodePath.value.property;
             const importedName = importDeclaration[mainName];
             const map = mapping[importedName];
-            if (map.type === 'base' && lowestProperty.type === 'Identifier') {
+            if ((map === null || map === void 0 ? void 0 : map.type) === 'system' &&
+                lowestProperty.type === 'Identifier' &&
+                importedName !== 'inputColors') {
+                const token = map.keys[lowestProperty.name];
+                if (token && typeof token === 'string') {
+                    addMissingImports({ j, root }, { importPath: '@workday/canvas-tokens-web', specifiers: ['system'] });
+                    addMissingImports({ j, root }, { importPath: '@workday/canvas-kit-styling', specifiers: ['cssVar'] });
+                    return j.callExpression(j.identifier('cssVar'), [varToMemberExpression(j, token)]);
+                }
+            }
+            if ((map === null || map === void 0 ? void 0 : map.type) === 'base' && lowestProperty.type === 'Identifier') {
                 addMissingImports({ j, root }, { importPath: '@workday/canvas-tokens-web', specifiers: ['base'] });
                 addMissingImports({ j, root }, { importPath: '@workday/canvas-kit-styling', specifiers: ['cssVar'] });
                 return j.callExpression(j.identifier('cssVar'), [
@@ -57,7 +99,7 @@ const transform = (file, api) => {
                 ]);
             }
         }
-        return nodePath;
+        return nodePath.value;
     });
     return root.toSource();
 };

package/dist/es6/v13.2/migrateDepthTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"migrateDepthTokens.d.ts","sourceRoot":"","sources":["../../../lib/v13.2/migrateDepthTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAOtC,QAAA,MAAM,SAAS,EAAE,SAoKhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"migrateDepthTokens.d.ts","sourceRoot":"","sources":["../../../lib/v13.2/migrateDepthTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAWtC,QAAA,MAAM,SAAS,EAAE,SAoKhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/es6/v13.2/migrateDepthTokens.js

@@ -1,5 +1,9 @@
 import { addMissingImports, filterOutImports } from './utils';
-const canvasImportSources = ['@workday/canvas-kit-styling', '@workday/canvas-kit-react/tokens'];
+const canvasImportSources = [
+    '@workday/canvas-kit-styling',
+    '@workday/canvas-kit-react/tokens',
+    '@workday/canvas-depth-web',
+];
 const transform = (file, api) => {
     const j = api.jscodeshift;
     const root = j(file.source);
@@ -10,7 +14,7 @@ const transform = (file, api) => {
         source: { value: (value) => canvasImportSources.includes(value) },
     })
         .forEach(nodePath => {
-        importDeclaration = { ...importDeclaration, ...filterOutImports(nodePath) };
+        importDeclaration = { ...importDeclaration, ...filterOutImports(nodePath, 'depth') };
     });
     if (!Object.values(importDeclaration).includes('depth')) {
         return root.toSource();
@@ -97,7 +101,7 @@ const transform = (file, api) => {
                 ]);
             }
         }
-        return nodePath;
+        return nodePath.value;
     });
     return root.toSource();
 };

package/dist/es6/v13.2/migrateOtherTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"migrateOtherTokens.d.ts","sourceRoot":"","sources":["../../../lib/v13.2/migrateOtherTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAC,MAAM,aAAa,CAAC;AAQpE,QAAA,MAAM,SAAS,EAAE,SA4KhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"migrateOtherTokens.d.ts","sourceRoot":"","sources":["../../../lib/v13.2/migrateOtherTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAC,MAAM,aAAa,CAAC;AAcpE,QAAA,MAAM,SAAS,EAAE,SAqLhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/es6/v13.2/migrateOtherTokens.js

@@ -1,6 +1,11 @@
 import { addMissingImports, filterOutImports, varToMemberExpression } from './utils';
 import { mapping, systemColors } from './mapping';
-const canvasImportSources = ['@workday/canvas-kit-styling', '@workday/canvas-kit-react/tokens'];
+const canvasImportSources = [
+    '@workday/canvas-kit-styling',
+    '@workday/canvas-kit-react/tokens',
+    '@workday/canvas-space-web',
+];
+const tokens = ['space', 'borderRadius'];
 const transform = (file, api) => {
     const j = api.jscodeshift;
     const root = j(file.source);
@@ -11,9 +16,12 @@ const transform = (file, api) => {
         source: { value: (value) => canvasImportSources.includes(value) },
     })
         .forEach(nodePath => {
-        importDeclaration = { ...importDeclaration, ...filterOutImports(nodePath) };
+        importDeclaration = {
+            ...importDeclaration,
+            ...filterOutImports(nodePath, tokens),
+        };
     });
-    if (!Object.values(importDeclaration).some(value => value === 'space' || value === 'borderRadius')) {
+    if (!Object.values(importDeclaration).some(value => tokens.includes(value))) {
         return root.toSource();
     }
     root
@@ -23,11 +31,10 @@ const transform = (file, api) => {
         },
     })
         .forEach(nodePath => {
-        addMissingImports({ j, root }, { importPath: '@workday/canvas-tokens-web', specifiers: ['system'] });
         const name = nodePath.value.callee.name;
         const stylesDeclaration = nodePath.value.arguments[0];
         const isCanvasKitStyling = importDeclaration[name] === 'createStyles' || importDeclaration[name] === 'createStencil';
-        if (stylesDeclaration.type === 'ObjectExpression') {
+        if ((stylesDeclaration === null || stylesDeclaration === void 0 ? void 0 : stylesDeclaration.type) === 'ObjectExpression') {
             const transformProperty = (property) => {
                 var _a;
                 if (property.type === 'ObjectProperty' &&
@@ -35,7 +42,7 @@ const transform = (file, api) => {
                     property.value.type === 'MemberExpression' &&
                     property.value.object.type === 'Identifier' &&
                     property.value.property.type === 'Identifier' &&
-                    importDeclaration[property.value.object.name] === 'colors') {
+                    tokens.includes(importDeclaration[property.value.object.name])) {
                     const key = property.key.name;
                     const tokens = (_a = Object.entries(systemColors).find(([blockKey]) => blockKey.split(',').some(prop => prop === key))) === null || _a === void 0 ? void 0 : _a[1];
                     const { property: value } = property.value;
@@ -44,6 +51,7 @@ const transform = (file, api) => {
                         if (!isCanvasKitStyling) {
                             addMissingImports({ j, root }, { importPath: '@workday/canvas-kit-styling', specifiers: ['cssVar'] });
                         }
+                        addMissingImports({ j, root }, { importPath: '@workday/canvas-tokens-web', specifiers: ['system'] });
                         return j.objectProperty(j.identifier(key), isCanvasKitStyling
                             ? varToMemberExpression(j, colorToken)
                             : j.callExpression(j.identifier('cssVar'), [varToMemberExpression(j, colorToken)]));
@@ -57,11 +65,12 @@ const transform = (file, api) => {
                         if (expr.type === 'MemberExpression' &&
                             expr.object.type === 'Identifier' &&
                             expr.property.type === 'Identifier' &&
-                            importDeclaration[expr.object.name] === 'colors') {
+                            tokens.includes(importDeclaration[expr.object.name])) {
                             const tokens = (_a = Object.entries(systemColors).find(([blockKey]) => blockKey.split(',').some(prop => prop === property.key.name))) === null || _a === void 0 ? void 0 : _a[1];
                             const colorToken = tokens === null || tokens === void 0 ? void 0 : tokens[expr.property.name];
                             if (colorToken) {
                                 addMissingImports({ j, root }, { importPath: '@workday/canvas-kit-styling', specifiers: ['cssVar'] });
+                                addMissingImports({ j, root }, { importPath: '@workday/canvas-tokens-web', specifiers: ['system'] });
                                 return j.callExpression(j.identifier('cssVar'), [
                                     varToMemberExpression(j, colorToken),
                                 ]);
@@ -89,23 +98,23 @@ const transform = (file, api) => {
     })
         .replaceWith(nodePath => {
         const mainWrapper = nodePath.value.object;
-        if (mainWrapper.type === 'Identifier' && importDeclaration[mainWrapper.name] !== 'type') {
-            const mainObject = mainWrapper;
-            const mainName = mainObject.name;
+        if (mainWrapper.type === 'Identifier' &&
+            tokens.includes(importDeclaration[mainWrapper.name])) {
+            const mainName = mainWrapper.name;
             const lowestProperty = nodePath.value.property;
             const importedName = importDeclaration[mainName];
             const map = mapping[importedName];
-            if (importedName !== 'depth') {
-                if (map.type === 'system' && lowestProperty.type === 'Identifier') {
-                    addMissingImports({ j, root }, { importPath: '@workday/canvas-kit-styling', specifiers: ['cssVar'] });
-                    addMissingImports({ j, root }, { importPath: '@workday/canvas-tokens-web', specifiers: ['system'] });
-                    return j.callExpression(j.identifier('cssVar'), [
-                        j.memberExpression(j.memberExpression(j.identifier(map.type), j.identifier(map.name)), j.identifier(map.keys[lowestProperty.name])),
-                    ]);
-                }
+            if (['space', 'borderRadius'].includes(importedName) &&
+                (map === null || map === void 0 ? void 0 : map.type) === 'system' &&
+                lowestProperty.type === 'Identifier') {
+                addMissingImports({ j, root }, { importPath: '@workday/canvas-kit-styling', specifiers: ['cssVar'] });
+                addMissingImports({ j, root }, { importPath: '@workday/canvas-tokens-web', specifiers: ['system'] });
+                return j.callExpression(j.identifier('cssVar'), [
+                    j.memberExpression(j.memberExpression(j.identifier(map.type), j.identifier(map.name)), j.identifier(map.keys[lowestProperty.name])),
+                ]);
             }
         }
-        return nodePath;
+        return nodePath.value;
     });
     return root.toSource();
 };

package/dist/es6/v13.2/migrateTypeTokens.js

@@ -12,7 +12,7 @@ const transform = (file, api) => {
         source: { value: (value) => canvasImportSources.includes(value) },
     })
         .forEach(nodePath => {
-        importDeclaration = { ...importDeclaration, ...filterOutImports(nodePath) };
+        importDeclaration = { ...importDeclaration, ...filterOutImports(nodePath, 'type') };
     });
     if (!Object.values(importDeclaration).includes('type')) {
         return root.toSource();
@@ -132,7 +132,7 @@ const transform = (file, api) => {
                 }
             }
         }
-        return nodePath;
+        return nodePath.value;
     });
     return root.toSource();
 };

package/dist/es6/v13.2/utils/filterOutImports.d.ts

@@ -1,3 +1,5 @@
 import { ASTPath, ImportDeclaration } from 'jscodeshift';
-export declare const filterOutImports: (nodePath: ASTPath<ImportDeclaration>) => Record<string, string>;
+type ImportType = 'colors' | 'depth' | 'space' | 'type' | 'borderRadius';
+export declare const filterOutImports: (nodePath: ASTPath<ImportDeclaration>, type: ImportType | ImportType[]) => Record<string, string>;
+export {};
 //# sourceMappingURL=filterOutImports.d.ts.map

package/dist/es6/v13.2/utils/filterOutImports.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filterOutImports.d.ts","sourceRoot":"","sources":["../../../../lib/v13.2/utils/filterOutImports.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAEvD,eAAO,MAAM,gBAAgB,aAAc,QAAQ,iBAAiB,CAAC,2BAwBpE,CAAC"}
+{"version":3,"file":"filterOutImports.d.ts","sourceRoot":"","sources":["../../../../lib/v13.2/utils/filterOutImports.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAEvD,KAAK,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,cAAc,CAAC;AASzE,eAAO,MAAM,gBAAgB,aACjB,QAAQ,iBAAiB,CAAC,QAC9B,UAAU,GAAG,UAAU,EAAE,2BA2BhC,CAAC"}

package/dist/es6/v13.2/utils/filterOutImports.js

@@ -1,14 +1,21 @@
-export const filterOutImports = (nodePath) => {
+const canvasImportSources = [
+    '@workday/canvas-kit-react/tokens',
+    '@workday/canvas-colors-web',
+    '@workday/canvas-space-web',
+    '@workday/canvas-depth-web',
+];
+export const filterOutImports = (nodePath, type) => {
     var _a, _b;
     const importName = {};
     nodePath.value.specifiers = (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.filter(specifier => {
-        var _a;
         if (specifier.type === 'ImportSpecifier' && specifier.local) {
             const localName = specifier.local.name.toString();
             const importedName = specifier.imported.name.toString();
             importName[localName] = importedName;
-            return !(typeof nodePath.value.source.value === 'string' &&
-                ((_a = nodePath.value.source.value) === null || _a === void 0 ? void 0 : _a.endsWith('tokens')));
+            return !(((typeof type === 'string' && importedName.toLowerCase().includes(type)) ||
+                type.includes(importedName)) &&
+                typeof nodePath.value.source.value === 'string' &&
+                canvasImportSources.includes(nodePath.value.source.value));
         }
         return true;
     });

package/dist/es6/v13.2/utils/varToMemberExpression.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"varToMemberExpression.d.ts","sourceRoot":"","sources":["../../../../lib/v13.2/utils/varToMemberExpression.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,MAAO,GAAG,SAAS,MAAM,QAQ1D,CAAC"}
+{"version":3,"file":"varToMemberExpression.d.ts","sourceRoot":"","sources":["../../../../lib/v13.2/utils/varToMemberExpression.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,MAAO,GAAG,SAAS,MAAM,QAU1D,CAAC"}

package/dist/es6/v13.2/utils/varToMemberExpression.js

@@ -1,7 +1,7 @@
 export const varToMemberExpression = (j, value) => {
     const valuesKeys = value.split('.');
     return valuesKeys.reduce((acc, key, index) => {
-        if (index === 0) {
+        if (!index) {
             return j.identifier(key);
         }
         return j.memberExpression(acc, j.identifier(key));

package/package.json

@@ -2,7 +2,7 @@
   "name": "@workday/canvas-kit-codemod",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
-  "version": "13.2.41",
+  "version": "13.2.43",
   "description": "A collection of codemods for use on Workday Canvas Kit packages.",
   "main": "dist/es6/index.js",
   "sideEffects": false,
@@ -46,5 +46,5 @@
   "resolutions": {
     "recast": "0.20.4"
   },
-  "gitHead": "45cc5255aa2e83d7f1257ebca7b87ee0abb96689"
+  "gitHead": "90bc7321a9d24b04f2e816ab8d7d33cb81f2edb0"
 }