@workday/canvas-kit-codemod 7.1.4 → 7.2.0-427-next.2

package/README.md

@@ -1,6 +1,7 @@
 # Canvas Kit Codemods
 
-This package is designed to help you migrate between major versions of Canvas Kit and adopt API changes. 
+This package is designed to help you migrate between major versions of Canvas Kit and adopt API
+changes.
 
 ## Usage
 
@@ -13,13 +14,18 @@ Commands (transforms):
   canvas-kit-codemod v5 [path]  Canvas Kit v4 > v5 migration transform
 
 Options:
-  -v, --version  Show version number                                   [boolean]
-  -h, --help     Show help                                             [boolean]
+  --ignore-config,  Ignore files if they match patterns sourced from a config file [string]
+  --ignore-pattern, Ignore files that match a provided glob expression             [string] [default: **/node_modules/**]
+  --verbose,        Show more information about the transform process              [number] [choices: 0, 1, 2] [default: 0]
+  -v, --version     Show version number                                            [boolean]
+  -h, --help        Show help                                                      [boolean]
 ```
 
-> Note: These codemods only work on .js, .jsx, .ts, and .tsx extensions. You may need to make some manual changes in other file types (.json, .mdx, .md, etc.).
+> Note: These codemods only work on .js, .jsx, .ts, and .tsx extensions. You may need to make some
+> manual changes in other file types (.json, .mdx, .md, etc.).
 
-> Note: You may need to run your linter after executing the codemod, as it's resulting formatting (spacing, quotes, etc.) may not match your project's styling.
+> Note: You may need to run your linter after executing the codemod, as it's resulting formatting
+> (spacing, quotes, etc.) may not match your project's styling.
 
 ## Installation
 
@@ -29,3 +35,33 @@ Alternatively, you can install the codemod package and run it without npx.
 > yarn add @workday/canvas-kit-codemod
 > canvas-kit-codemod <transform> [path]
 ```
+
+## Options
+
+### Ignore Config
+
+If you'd like to provide a configuration for files to ignore instead of a glob, use
+`--ignore-config`.
+
+```sh
+> canvas-kit-codemod <transform> [path] --ignore-config=.gitignore
+```
+
+### Ignore Pattern
+
+If you'd like to provide a glob to ignore files, use `--ignore-pattern`. By default, this is set to
+ignore all `node_modules` directories.
+
+```sh
+> canvas-kit-codemod <transform> [path] --ignore-pattern=**/dist/**
+```
+
+### Verbose
+
+If you'd like to have more verbose logging to know which files are being parsed, use `--verbose`. By
+default this is set to `0`.
+
+```sh
+# See all files being parsed
+> canvas-kit-codemod <transform> [path] --verbose=2
+```

package/dist/es6/v5/compoundCard.js

@@ -3,22 +3,19 @@ function filterDefined(input) {
     return !!input;
 }
 export default function transformer(file, api, options) {
-    var j = api.jscodeshift;
-    var root = j(file.source);
-    var _a = getImportRenameMap(j, root, '@workday/canvas-kit-react/card'), containsCanvasImports = _a.containsCanvasImports, importMap = _a.importMap, styledMap = _a.styledMap;
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    const { containsCanvasImports, importMap, styledMap } = getImportRenameMap(j, root, '@workday/canvas-kit-react/card');
     if (!containsCanvasImports) {
         return file.source;
     }
     root
-        .find(j.JSXElement, function (value) {
-        return value.openingElement.name.type === 'JSXIdentifier' &&
-            (value.openingElement.name.name === importMap.Card ||
-                value.openingElement.name.name === styledMap.Card);
-    })
-        .forEach(function (nodePath) {
+        .find(j.JSXElement, (value) => value.openingElement.name.type === 'JSXIdentifier' &&
+        (value.openingElement.name.name === importMap.Card ||
+            value.openingElement.name.name === styledMap.Card))
+        .forEach(nodePath => {
         // bail early if we find a `Card.Body` as a child
-        for (var _i = 0, _a = nodePath.value.children || []; _i < _a.length; _i++) {
-            var child = _a[_i];
+        for (const child of nodePath.value.children || []) {
             if (child.type === 'JSXElement' &&
                 child.openingElement.name.type === 'JSXMemberExpression' &&
                 child.openingElement.name.object.type === 'JSXIdentifier' &&
@@ -28,22 +25,22 @@ export default function transformer(file, api, options) {
                 return;
             }
         }
-        var findAttribute = function (name) { return function (item) {
+        const findAttribute = (name) => (item) => {
             if (item.type === 'JSXAttribute' &&
                 item.name.type === 'JSXIdentifier' &&
                 item.name.name === name) {
                 return true;
             }
             return false;
-        }; };
-        var attributes = nodePath.value.openingElement.attributes;
+        };
+        const attributes = nodePath.value.openingElement.attributes;
         if (attributes) {
-            var header = attributes.find(findAttribute('heading'));
-            var id = attributes.find(findAttribute('headingId'));
-            var children = nodePath.value.children;
-            var depth = attributes.find(findAttribute('depth'));
+            const header = attributes.find(findAttribute('heading'));
+            const id = attributes.find(findAttribute('headingId'));
+            const children = nodePath.value.children;
+            const depth = attributes.find(findAttribute('depth'));
             // remove these attributes from the list - we'll add them as sub components
-            nodePath.value.openingElement.attributes = attributes.filter(function (item) {
+            nodePath.value.openingElement.attributes = attributes.filter(item => {
                 if (item.type === 'JSXAttribute' &&
                     item.name.type === 'JSXIdentifier' &&
                     ['heading', 'headingId'].includes(item.name.name)) {
@@ -60,9 +57,9 @@ export default function transformer(file, api, options) {
                 depth.value.expression.property.type === 'NumericLiteral') {
                 depth.value.expression = depth.value.expression.property;
             }
-            var CardHeadingJSX = j.jsxMemberExpression(j.jsxIdentifier(importMap.Card), j.jsxIdentifier('Heading'));
-            var CardBodyJSX = j.jsxMemberExpression(j.jsxIdentifier(importMap.Card), j.jsxIdentifier('Body'));
-            var convertAttributeToChildren = function (input) {
+            const CardHeadingJSX = j.jsxMemberExpression(j.jsxIdentifier(importMap.Card), j.jsxIdentifier('Heading'));
+            const CardBodyJSX = j.jsxMemberExpression(j.jsxIdentifier(importMap.Card), j.jsxIdentifier('Body'));
+            const convertAttributeToChildren = (input) => {
                 var _a;
                 switch ((_a = input.value) === null || _a === void 0 ? void 0 : _a.type) {
                     case 'JSXExpressionContainer':

package/dist/es6/v5/getImportRenameMap.js

@@ -1,17 +1,16 @@
-export function getImportRenameMap(j, root, packageName) {
-    if (packageName === void 0) { packageName = ''; }
-    var containsCanvasImports = false;
+export function getImportRenameMap(j, root, packageName = '') {
+    let containsCanvasImports = false;
     // build import name remapping - in case someone renamed imports...
     // i.e. `import { IconButton as StyledIconButton } ...`
-    var importMap = {};
-    var styledMap = {};
-    root.find(j.ImportDeclaration, function (node) {
+    const importMap = {};
+    const styledMap = {};
+    root.find(j.ImportDeclaration, node => {
         // imports our module
-        var value = node.source.value;
+        const value = node.source.value;
         if (typeof value === 'string' &&
             (value === '@workday/canvas-kit-react' || value === packageName)) {
             containsCanvasImports = true;
-            (node.specifiers || []).forEach(function (specifier) {
+            (node.specifiers || []).forEach(specifier => {
                 if (specifier.type === 'ImportSpecifier') {
                     if (!specifier.local || specifier.local.name === specifier.imported.name) {
                         importMap[specifier.imported.name] = specifier.imported.name;
@@ -25,7 +24,7 @@ export function getImportRenameMap(j, root, packageName) {
         return false; // keep the loop going
     });
     root
-        .find(j.CallExpression, function (node) {
+        .find(j.CallExpression, (node) => {
         if (node.callee.type === 'Identifier' &&
             node.callee.name === 'styled' &&
             node.arguments[0].type === 'Identifier') {
@@ -33,18 +32,18 @@ export function getImportRenameMap(j, root, packageName) {
         }
         return false;
     })
-        .forEach(function (nodePath) {
+        .forEach(nodePath => {
         // const StyledName = styled(OriginalName)({})
         // const StyledName = styled(OriginalName)`` // Tagged template
         if ((nodePath.parent.value.type === 'CallExpression' ||
             nodePath.parent.value.type === 'TaggedTemplateExpression') &&
             nodePath.parent.parent.value.type === 'VariableDeclarator' &&
             nodePath.parent.parent.value.id.type === 'Identifier') {
-            var styledName = nodePath.parent.parent.value.id.name;
+            const styledName = nodePath.parent.parent.value.id.name;
             if (nodePath.value.arguments[0].type === 'Identifier') {
                 styledMap[nodePath.value.arguments[0].name] = styledName;
             }
         }
     });
-    return { containsCanvasImports: containsCanvasImports, importMap: importMap, styledMap: styledMap };
+    return { containsCanvasImports, importMap, styledMap };
 }

package/dist/es6/v5/index.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import slashImports from './slashImports';
 import removeDefaultImports from './removeDefaultImports';
 // button codemods
@@ -32,7 +21,7 @@ import renamePreviewTokenImports from './renamePreviewTokenImports';
 export default function transformer(file, api, options) {
     // These will run in order. If your transform depends on others, place yours after dependent
     // transforms
-    var fixes = [
+    const fixes = [
         slashImports,
         removeDefaultImports,
         removeButtonEnums,
@@ -46,5 +35,5 @@ export default function transformer(file, api, options) {
         mapTypeTokensToNewHierarchy,
         renamePreviewTokenImports,
     ];
-    return fixes.reduce(function (source, fix) { return fix(__assign(__assign({}, file), { source: source }), api, options); }, file.source);
+    return fixes.reduce((source, fix) => fix({ ...file, source }, api, options), file.source);
 }

package/dist/es6/v5/mapTypeTokensToNewHierarchy.js

@@ -1,4 +1,4 @@
-var legacyTypeLevelsMap = {
+const legacyTypeLevelsMap = {
     dataViz1: 'levels.title.large',
     dataViz2: 'levels.heading.large',
     h1: 'levels.heading.medium',
@@ -10,7 +10,7 @@ var legacyTypeLevelsMap = {
     body2: 'levels.subtext.medium',
     small: 'levels.subtext.medium',
 };
-var legacyTypeFontSizesMap = {
+const legacyTypeFontSizesMap = {
     dataViz1: 56,
     dataViz2: 32,
     h1: 28,
@@ -22,7 +22,7 @@ var legacyTypeFontSizesMap = {
     body2: 12,
     small: 12,
 };
-var betaTypeLevelsMap = {
+const betaTypeLevelsMap = {
     brand1: 'levels.title.large',
     brand2: 'levels.title.medium',
     h1: 'levels.title.small',
@@ -34,7 +34,7 @@ var betaTypeLevelsMap = {
     body2: 'levels.subtext.large',
     small: 'levels.subtext.medium',
 };
-var betaTypeFontSizesMap = {
+const betaTypeFontSizesMap = {
     brand1: 56,
     brand2: 48,
     h1: 40,
@@ -46,7 +46,7 @@ var betaTypeFontSizesMap = {
     body2: 14,
     small: 12,
 };
-var fontWeightsMap = {
+const fontWeightsMap = {
     brand1: 'bold',
     brand2: 'bold',
     dataViz1: 'bold',
@@ -61,67 +61,67 @@ var fontWeightsMap = {
     small: 'regular',
 };
 export default function transformer(file, api) {
-    var j = api.jscodeshift;
-    var root = j(file.source);
+    const j = api.jscodeshift;
+    const root = j(file.source);
     // Find all legacy `type` import statements from react/tokens
-    var legacyTypeImportSpecifiers = root
+    const legacyTypeImportSpecifiers = root
         .find(j.ImportSpecifier, { imported: { name: 'type' } })
-        .filter(function (nodePath) {
-        var parent = nodePath.parent.value;
+        .filter(nodePath => {
+        const parent = nodePath.parent.value;
         // This extra filter ensures we aren't improperly transforming other variables
         return parent.source.value === '@workday/canvas-kit-react/tokens';
     });
     // Find all beta `type` import statements from preview-react/tokens labs-react/tokens
-    var betaTypeImportSpecifiers = root
+    const betaTypeImportSpecifiers = root
         .find(j.ImportSpecifier, { imported: { name: 'type' } })
-        .filter(function (nodePath) {
-        var parent = nodePath.parent.value;
+        .filter(nodePath => {
+        const parent = nodePath.parent.value;
         // This extra filter ensures we aren't improperly transforming other variables
         return (parent.source.value === '@workday/canvas-kit-preview-react/tokens' ||
             parent.source.value === '@workday/canvas-kit-labs-react/tokens');
     });
     // Find all canvas import statements from react/tokens
-    var canvasImportDefaultSpecifiers = root
+    const canvasImportDefaultSpecifiers = root
         .find(j.ImportDefaultSpecifier, { local: { name: 'canvas' } })
-        .filter(function (nodePath) {
-        var parent = nodePath.parent.value;
+        .filter(nodePath => {
+        const parent = nodePath.parent.value;
         // This extra filter ensures we aren't improperly transforming other variables
         return parent.source.value === '@workday/canvas-kit-react/tokens';
     });
     function updateFontFamily(nodePath, identifierName, isDefaultImport) {
-        var updatedProperty = j.memberExpression(j.identifier(identifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontFamilies'), j.identifier('default'), false), false), false);
+        const updatedProperty = j.memberExpression(j.identifier(identifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontFamilies'), j.identifier('default'), false), false), false);
         if (isDefaultImport) {
             return nodePath.parent.replace(j.memberExpression(j.identifier('canvas'), updatedProperty, false));
         }
         nodePath.parent.replace(updatedProperty);
     }
     function updateFontSize(nodePath, importSpecifierName, identifierName, typeMap, isDefaultImport) {
-        var updatedFontSizeValue = typeMap === 'legacy'
+        const updatedFontSizeValue = typeMap === 'legacy'
             ? legacyTypeFontSizesMap[identifierName]
             : betaTypeFontSizesMap[identifierName];
-        var updatedProperty = j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontSizes'), j.literal(updatedFontSizeValue), true), false), false);
+        const updatedProperty = j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontSizes'), j.literal(updatedFontSizeValue), true), false), false);
         if (isDefaultImport) {
             return nodePath.parent.replace(j.memberExpression(j.identifier('canvas'), updatedProperty, false));
         }
         nodePath.parent.replace(updatedProperty);
     }
     function updateFontWeight(nodePath, importSpecifierName, identifierName, isDefaultImport) {
-        var updatedFontWeight = fontWeightsMap[identifierName];
-        var updatedProperty = j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier(updatedFontWeight)), false), false);
+        const updatedFontWeight = fontWeightsMap[identifierName];
+        const updatedProperty = j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier(updatedFontWeight)), false), false);
         if (isDefaultImport) {
             return nodePath.parent.replace(j.memberExpression(j.identifier('canvas'), updatedProperty, false));
         }
         nodePath.parent.replace(updatedProperty);
     }
     function replaceVariantProperties(nodePath, properties) {
-        var grandParentNodeType = nodePath.parent.parent.value.type;
+        const grandParentNodeType = nodePath.parent.parent.value.type;
         // This covers variant object styles and variants in styled components />`
         if (grandParentNodeType === 'JSXExpressionContainer' ||
             grandParentNodeType === 'CallExpression') {
             return nodePath.parent.replace(j.objectExpression(properties));
         }
         // And this covers all other variant transformations
-        properties.forEach(function (property, index) {
+        properties.forEach((property, index) => {
             if (index === 0) {
                 // Replace the first property provided
                 nodePath.parent.parent.replace(property);
@@ -142,10 +142,10 @@ export default function transformer(file, api) {
                 break;
             }
             case 'button': {
-                var newFontWeightProperty = j.property('init', j.identifier('fontWeight'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier('bold'), false), false), false));
-                var newFontWeightMemberExpression = j.memberExpression(j.identifier('canvas'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier('bold'), false), false), false), false);
+                const newFontWeightProperty = j.property('init', j.identifier('fontWeight'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier('bold'), false), false), false));
+                const newFontWeightMemberExpression = j.memberExpression(j.identifier('canvas'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier('bold'), false), false), false), false);
                 if (isDefaultImport) {
-                    var newCanvasProperty = j.property('init', j.identifier('fontWeight'), newFontWeightMemberExpression);
+                    const newCanvasProperty = j.property('init', j.identifier('fontWeight'), newFontWeightMemberExpression);
                     return replaceVariantProperties(nodePath, [newCanvasProperty]);
                 }
                 // Replace the target node with the new fontWeight property
@@ -154,12 +154,12 @@ export default function transformer(file, api) {
             }
             case 'caps': {
                 // Create a new property: `fontWeight: {importSpecifierName}.properties.fontWeights.medium`
-                var newFontWeightProperty = j.property('init', j.identifier('fontWeight'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier('medium'), false), false), false));
-                var newFontWeightMemberExpression = j.memberExpression(j.identifier('canvas'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier('medium'), false), false), false), false);
+                const newFontWeightProperty = j.property('init', j.identifier('fontWeight'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier('medium'), false), false), false));
+                const newFontWeightMemberExpression = j.memberExpression(j.identifier('canvas'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier('medium'), false), false), false), false);
                 // Create a new property: `textTransform: 'uppercase'`
-                var newTextTransformProperty = j.property('init', j.identifier('textTransform'), j.literal('uppercase'));
+                const newTextTransformProperty = j.property('init', j.identifier('textTransform'), j.literal('uppercase'));
                 if (isDefaultImport) {
-                    var newCanvasProperty = j.property('init', j.identifier('fontWeight'), newFontWeightMemberExpression);
+                    const newCanvasProperty = j.property('init', j.identifier('fontWeight'), newFontWeightMemberExpression);
                     return replaceVariantProperties(nodePath, [newCanvasProperty, newTextTransformProperty]);
                 }
                 // Replace the target node with the new fontWeight and text transform properties
@@ -168,10 +168,10 @@ export default function transformer(file, api) {
             }
             case 'label': {
                 // Create a new property: `fontWeight: {importSpecifierName}.properties.fontWeights.medium`
-                var newFontWeightProperty = j.property('init', j.identifier('fontWeight'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier('medium'), false), false), false));
-                var newFontWeightMemberExpression = j.memberExpression(j.identifier('canvas'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier('medium'), false), false), false), false);
+                const newFontWeightProperty = j.property('init', j.identifier('fontWeight'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier('medium'), false), false), false));
+                const newFontWeightMemberExpression = j.memberExpression(j.identifier('canvas'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier('medium'), false), false), false), false);
                 if (isDefaultImport) {
-                    var newCanvasProperty = j.property('init', j.identifier('fontWeight'), newFontWeightMemberExpression);
+                    const newCanvasProperty = j.property('init', j.identifier('fontWeight'), newFontWeightMemberExpression);
                     return replaceVariantProperties(nodePath, [newCanvasProperty]);
                 }
                 // Replace the target node with the new fontWeight property
@@ -179,10 +179,10 @@ export default function transformer(file, api) {
                 break;
             }
             case 'mono': {
-                var newFontProperty = j.property('init', j.identifier('fontFamily'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontFamilies'), j.identifier('monospace'), false), false), false));
-                var newFontMemberExpression = j.memberExpression(j.identifier('canvas'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontFamilies'), j.identifier('monospace'), false), false), false), false);
+                const newFontProperty = j.property('init', j.identifier('fontFamily'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontFamilies'), j.identifier('monospace'), false), false), false));
+                const newFontMemberExpression = j.memberExpression(j.identifier('canvas'), j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontFamilies'), j.identifier('monospace'), false), false), false), false);
                 if (isDefaultImport) {
-                    var newCanvasProperty = j.property('init', j.identifier('fontFamily'), newFontMemberExpression);
+                    const newCanvasProperty = j.property('init', j.identifier('fontFamily'), newFontMemberExpression);
                     return replaceVariantProperties(nodePath, [newCanvasProperty]);
                 }
                 replaceVariantProperties(nodePath, [newFontProperty]);
@@ -194,21 +194,21 @@ export default function transformer(file, api) {
         }
     }
     function updateTypeHierarchy(nodePath, identifierName, typeMap) {
-        var updatedTypeLevelProperty = typeMap === 'legacy'
+        const updatedTypeLevelProperty = typeMap === 'legacy'
             ? legacyTypeLevelsMap[identifierName]
             : betaTypeLevelsMap[identifierName];
         nodePath.value.property = j.identifier(updatedTypeLevelProperty);
     }
     function updateHeadingFontWeight(nodePath, importSpecifierName, legacy) {
-        var newFontWeightMemberExpression = j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier('bold'), false), false), false);
-        var fontWeightProperty = j.property('init', j.identifier('fontWeight'), legacy
+        const newFontWeightMemberExpression = j.memberExpression(j.identifier(importSpecifierName), j.memberExpression(j.identifier('properties'), j.memberExpression(j.identifier('fontWeights'), j.identifier('bold'), false), false), false);
+        const fontWeightProperty = j.property('init', j.identifier('fontWeight'), legacy
             ? j.memberExpression(j.identifier('canvas'), newFontWeightMemberExpression, false)
             : newFontWeightMemberExpression);
         if (nodePath.parent.parent.value.type === 'ObjectExpression') {
             return nodePath.parent.parent.value.properties.push(fontWeightProperty);
         }
         else if (nodePath.parent.value.type === 'CallExpression') {
-            var typeArgIndex = nodePath.parent.value.arguments.indexOf(nodePath.value);
+            const typeArgIndex = nodePath.parent.value.arguments.indexOf(nodePath.value);
             return nodePath.parent.value.arguments.splice(typeArgIndex + 1, 0, fontWeightProperty);
         }
         else if (nodePath.parent.value.type === 'JSXExpressionContainer') {
@@ -218,19 +218,19 @@ export default function transformer(file, api) {
     // Run only if there are type imports from react/tokens
     if (legacyTypeImportSpecifiers.paths().length) {
         // Iterate over all type import specifiers and transform their corresponding member expressions
-        legacyTypeImportSpecifiers.forEach(function (importSpecifier) {
+        legacyTypeImportSpecifiers.forEach(importSpecifier => {
             var _a;
             // Use either the local or imported name for the import specifier
             // e.g. `import { type as typeTokens } from '@workday/canvas-kit-react/tokens';`
             // 'type' is the imported name, and 'typeTokens' is the local name
-            var importSpecifierName = ((_a = importSpecifier.value.local) === null || _a === void 0 ? void 0 : _a.name) || importSpecifier.value.imported.name;
+            const importSpecifierName = ((_a = importSpecifier.value.local) === null || _a === void 0 ? void 0 : _a.name) || importSpecifier.value.imported.name;
             // Find all member expressions using the specifier name
             root
                 .find(j.MemberExpression, { object: { type: 'Identifier', name: importSpecifierName } })
-                .forEach(function (nodePath) {
-                var parentProperty = nodePath.parent.value.property;
-                var propertyIdentifier = nodePath.value.property;
-                var identifierName = propertyIdentifier.name;
+                .forEach(nodePath => {
+                const parentProperty = nodePath.parent.value.property;
+                const propertyIdentifier = nodePath.value.property;
+                const identifierName = propertyIdentifier.name;
                 // Handle font-family transformations
                 if (parentProperty && parentProperty.name === 'fontFamily') {
                     return updateFontFamily(nodePath, importSpecifierName);
@@ -245,7 +245,7 @@ export default function transformer(file, api) {
                 }
                 // Handle variant transformations
                 if (parentProperty && propertyIdentifier.name === 'variant') {
-                    var variantName = parentProperty.name;
+                    const variantName = parentProperty.name;
                     return updateVariant(nodePath, importSpecifierName, variantName);
                 }
                 // Handle type hierarchy transformations
@@ -262,15 +262,15 @@ export default function transformer(file, api) {
     }
     if (canvasImportDefaultSpecifiers.paths().length) {
         // Only run if there are canvas default imports from react/tokens or labs-react/tokens
-        canvasImportDefaultSpecifiers.forEach(function (importDefaultSpecifier) {
+        canvasImportDefaultSpecifiers.forEach(importDefaultSpecifier => {
             root
                 .find(j.MemberExpression, { object: { type: 'Identifier', name: 'canvas' } })
-                .forEach(function (nodePath) {
-                var grandParentProperty = nodePath.parent.parent.value.property;
-                var parentProperty = nodePath.parent.value.property;
-                var parentIdentifierName = parentProperty.name;
-                var propertyIdentifier = nodePath.value.property;
-                var identifierName = propertyIdentifier.name;
+                .forEach(nodePath => {
+                const grandParentProperty = nodePath.parent.parent.value.property;
+                const parentProperty = nodePath.parent.value.property;
+                const parentIdentifierName = parentProperty.name;
+                const propertyIdentifier = nodePath.value.property;
+                const identifierName = propertyIdentifier.name;
                 if (identifierName === 'type') {
                     // Handle font-family transformations
                     if (grandParentProperty && grandParentProperty.name === 'fontFamily') {
@@ -286,7 +286,7 @@ export default function transformer(file, api) {
                     }
                     // Handle variant transformations
                     if (parentProperty && parentProperty.name === 'variant') {
-                        var variantName = grandParentProperty.name;
+                        const variantName = grandParentProperty.name;
                         return updateVariant(nodePath.parent, 'type', variantName, true);
                     }
                     // Handle type hierarchy transformations
@@ -305,19 +305,19 @@ export default function transformer(file, api) {
     // Only run if there are type imports from preview-react/tokens or labs-react/tokens
     if (betaTypeImportSpecifiers.paths().length) {
         // Iterate over all type import specifiers and transform their corresponding member expressions
-        betaTypeImportSpecifiers.forEach(function (importSpecifier) {
+        betaTypeImportSpecifiers.forEach(importSpecifier => {
             var _a;
             // Use either the local or imported name for the import specifier
             // e.g. `import { type as typeTokens } from '@workday/canvas-kit-react/tokens';`
             // 'type' is the imported name, and 'typeTokens' is the local name
-            var importSpecifierName = ((_a = importSpecifier.value.local) === null || _a === void 0 ? void 0 : _a.name) || importSpecifier.value.imported.name;
+            const importSpecifierName = ((_a = importSpecifier.value.local) === null || _a === void 0 ? void 0 : _a.name) || importSpecifier.value.imported.name;
             // Find all member expressions using the specifier name
             root
                 .find(j.MemberExpression, { object: { type: 'Identifier', name: importSpecifierName } })
-                .forEach(function (nodePath) {
-                var parentProperty = nodePath.parent.value.property;
-                var propertyIdentifier = nodePath.value.property;
-                var identifierName = propertyIdentifier.name;
+                .forEach(nodePath => {
+                const parentProperty = nodePath.parent.value.property;
+                const propertyIdentifier = nodePath.value.property;
+                const identifierName = propertyIdentifier.name;
                 // Handle font-family transformations
                 if (parentProperty && parentProperty.name === 'fontFamily') {
                     return updateFontFamily(nodePath, importSpecifierName);
@@ -332,7 +332,7 @@ export default function transformer(file, api) {
                 }
                 // Handle variant transformations
                 if (parentProperty && propertyIdentifier.name === 'variant') {
-                    var variantName = parentProperty.name;
+                    const variantName = parentProperty.name;
                     return updateVariant(nodePath, importSpecifierName, variantName);
                 }
                 // Handle type hierarchy transformations

package/dist/es6/v5/maps.js

@@ -1,4 +1,4 @@
-export var sourceMap = {
+export const sourceMap = {
     // React
     '@workday/canvas-kit-react-action-bar': '@workday/canvas-kit-react/action-bar',
     '@workday/canvas-kit-react-avatar': '@workday/canvas-kit-react/avatar',
@@ -66,7 +66,7 @@ export var sourceMap = {
     '@workday/canvas-kit-labs-react-side-panel': '@workday/canvas-kit-labs-react/side-panel',
     '@workday/canvas-kit-labs-react-tabs': '@workday/canvas-kit-labs-react/tabs',
 };
-export var bundleExportMap = {
+export const bundleExportMap = {
     canvas: '@workday/canvas-kit-react/core',
     ActionBar: '@workday/canvas-kit-react/action-bar',
     Avatar: '@workday/canvas-kit-react/avatar',

package/dist/es6/v5/moveInputProvider.js

@@ -1,21 +1,21 @@
 export default function transformer(file, api) {
-    var j = api.jscodeshift;
-    var root = j(file.source);
+    const j = api.jscodeshift;
+    const root = j(file.source);
     // Rename spacing imports
     root
         .find(j.ImportDeclaration, { source: { value: '@workday/canvas-kit-react/tokens' } })
-        .forEach(function (importDeclaration) {
-        var specifiers = importDeclaration.value.specifiers;
+        .forEach(importDeclaration => {
+        const specifiers = importDeclaration.value.specifiers;
         // If `InputProvider` is the only import, change source to `/common`
         if ((specifiers === null || specifiers === void 0 ? void 0 : specifiers.length) === 1) {
-            var specifier = specifiers[0];
+            const specifier = specifiers[0];
             if (specifier.type === 'ImportSpecifier' && specifier.imported.name === 'InputProvider') {
                 importDeclaration.value.source.value = '@workday/canvas-kit-react/common';
                 return;
             }
         }
         // If `InputProvider` is not the only import, delete `InputProvider` specifier and create a new import declaration
-        specifiers === null || specifiers === void 0 ? void 0 : specifiers.forEach(function (specifier, index) {
+        specifiers === null || specifiers === void 0 ? void 0 : specifiers.forEach((specifier, index) => {
             var _a;
             // Only iterate over named import statements
             if (specifier.type === 'ImportSpecifier' && specifier.imported.name === 'InputProvider') {