@sproutsocial/racine 20.16.0 → 21.0.0

package/codemods/__tests__/icon-name-substitution.test.js

@@ -1,12 +1,12 @@
 jest.autoMockOff();
-const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
-const transform = require('../icon-name-substitution');
+const defineInlineTest = require("jscodeshift/dist/testUtils").defineInlineTest;
+const transform = require("../icon-name-substitution");
 
-describe('icon-name-substitution codemod', () => {
+describe("icon-name-substitution codemod", () => {
   function createTest(testName, input, output, options = {}) {
     return defineInlineTest(
       transform,
-      {parser: 'flow', ...options},
+      { parser: "flow", ...options },
       input,
       output,
       testName
@@ -14,13 +14,13 @@ describe('icon-name-substitution codemod', () => {
   }
 
   createTest(
-    'No changes for already-migrated icon names. Empty output due to returning null.',
+    "No changes for already-migrated icon names. Empty output due to returning null.",
     `const IconMap = {ads: 'dollar-outline', draft: 'paper-solid'};`,
-    ''
+    ""
   );
 
   createTest(
-    'Simple replacements',
+    "Simple replacements",
     `const IconMap = {ads: 'ads', draft: 'drafts'}`,
     `const IconMap = {ads: 'dollar-outline', draft: 'paper-solid'}`
   );
@@ -32,7 +32,7 @@ describe('icon-name-substitution codemod', () => {
   );
 
   createTest(
-    'deprecatedIcons',
+    "deprecatedIcons",
     `const name = 'backtotop';`,
     `const name = 'arrow-up-outline';`
   );

package/codemods/__tests__/migrate-2.x-to-3.x.test.js

@@ -1,3 +1,3 @@
 jest.autoMockOff();
-const defineTest = require('jscodeshift/dist/testUtils').defineTest;
-defineTest(__dirname, 'migrate-2.x-to-3.x');
+const defineTest = require("jscodeshift/dist/testUtils").defineTest;
+defineTest(__dirname, "migrate-2.x-to-3.x");

package/codemods/codemod-docs.js

@@ -3,29 +3,29 @@
 
 // Reused arguments
 const quote = {
-  default: 'single',
-  options: 'single|double',
+  default: "single",
+  options: "single|double",
   description:
-    'What kind of quotation marks should be preferred when converting updated files back to JS?',
+    "What kind of quotation marks should be preferred when converting updated files back to JS?",
 };
 const parser = {
-  default: 'babel',
-  options: 'babel|babylon|flow|ts|tsx',
-  description: 'Which parser should be used to parse files to AST?',
+  default: "babel",
+  options: "babel|babylon|flow|ts|tsx",
+  description: "Which parser should be used to parse files to AST?",
 };
 
 module.exports = {
-  'icon-library': {
+  "icon-library": {
     description:
-      'Assists in migrating Icon names and usages. Due to abstraction such as using variables and mappings to define icon names, the codemod cannot automatically migrate every icon name. To help you identify these cases, the codemod can add comments or shim component usages.',
+      "Assists in migrating Icon names and usages. Due to abstraction such as using variables and mappings to define icon names, the codemod cannot automatically migrate every icon name. To help you identify these cases, the codemod can add comments or shim component usages.",
     example:
       "racine-codemod icon-library src --parser=tsx --components=\"{IconButton:['name'],MessageMeta:['iconNameLeft','iconNameRight']}\" --shimComponent=IconShim --shimImportPath=src/components/IconShim --quote=double --addComments=false",
     arguments: {
       quote,
       parser,
       addComments: {
-        default: 'true',
-        options: 'true|false',
+        default: "true",
+        options: "true|false",
         description:
           'Should code comments be added when the codemod identifies a case that cannot be automatically migrated? Comments will include "icon-library" to help you locate and remediate them.',
       },
@@ -34,27 +34,27 @@ module.exports = {
         example:
           "\"{IconButton:['name'],MessageMeta:['iconNameLeft','iconNameRight']}\"",
         description:
-          'What additional component names + prop name combinations would you like the codemod to target for the migration? Wrap this argument in quotes.',
+          "What additional component names + prop name combinations would you like the codemod to target for the migration? Wrap this argument in quotes.",
       },
       shimName: {
         default: '""',
-        example: 'IconShim',
+        example: "IconShim",
         description:
           "If you provide a shim component name, any Icon that has a variable for its `name` prop will be renamed to the shim component's name. You must create this component in your own codebase, it is not provided.",
       },
       shimImportPath: {
         default: '""',
-        example: 'src/components/IconShim',
+        example: "src/components/IconShim",
         description:
           'shimImportPath is the import path for your shim component (see "shimName") so that imports can be automatically when usages are added.',
       },
     },
   },
-  'icon-name-substitution': {
+  "icon-name-substitution": {
     description:
-      'Replaces string literals that are deprecated icon names with their updated names. Please note that this codemod will change any strings that happen to match a deprecated icon name, even if they are unrelated to icons, so we recommend running it against specific files (not your entire codebase) and carefully checking the results.',
+      "Replaces string literals that are deprecated icon names with their updated names. Please note that this codemod will change any strings that happen to match a deprecated icon name, even if they are unrelated to icons, so we recommend running it against specific files (not your entire codebase) and carefully checking the results.",
     example:
-      'racine-codemod icon-name-substitution src/constants.js --quote=double --parser=tsx',
-    arguments: {quote, parser},
+      "racine-codemod icon-name-substitution src/constants.js --quote=double --parser=tsx",
+    arguments: { quote, parser },
   },
 };

package/codemods/icon-library.js

@@ -1,16 +1,16 @@
 // We need the deprecated icon name mapping so that we can migrate icons still
 // using the ancient names all the way to the new names.
-const deprecatedNames = require('./artifacts/deprecated-icon-map.json');
+const deprecatedNames = require("./artifacts/deprecated-icon-map.json");
 
 // Mapping from old icon names to new icon names
-const IconMap = require('./artifacts/icon-map.json');
+const IconMap = require("./artifacts/icon-map.json");
 
 // All the new icon names. Used to avoid attempting to migrate an icon name that has already been migrated.
 const {
   ExternalIconNames,
   GeneralIconNames,
   SproutIconNames,
-} = require('@sproutsocial/seeds-icons');
+} = require("@sproutsocial/seeds-icons");
 const newIconNames = [
   ...ExternalIconNames,
   ...GeneralIconNames,
@@ -37,7 +37,7 @@ const mapIconName = (currentName) => {
   ) {
     return currentName;
   }
-  return '';
+  return "";
 };
 
 // Perform regex replacements with the raw file text
@@ -45,7 +45,7 @@ function replaceIconNames(file, firstRegex, secondRegex) {
   let source = file.source;
   firstRegex?.forEach((result) => {
     // Extract just the icon name from the regex result
-    const iconName = result.match(/['"]([^'"]+)['"]/g)[0].replace(/['"]/g, '');
+    const iconName = result.match(/['"]([^'"]+)['"]/g)[0].replace(/['"]/g, "");
     const mappedIcon = mapIconName(iconName);
     if (mappedIcon) {
       const replacement = result.replace(iconName, mappedIcon);
@@ -54,15 +54,15 @@ function replaceIconNames(file, firstRegex, secondRegex) {
   });
   secondRegex?.forEach((result) => {
     // Extract just the icon name from the regex result
-    const iconName = result.replace('ssiconsvg-', '').replace(/['"]/g, '');
+    const iconName = result.replace("ssiconsvg-", "").replace(/['"]/g, "");
     const mappedIcon = mapIconName(iconName);
     // Replace ssiconsvg with the correct sprite prefix.
     const prefix = PartnerNames.includes(mappedIcon)
-      ? 'sslogosvg-'
-      : 'seeds-svgs_';
+      ? "sslogosvg-"
+      : "seeds-svgs_";
     if (mappedIcon) {
       const replacement = result
-        .replace('ssiconsvg-', prefix)
+        .replace("ssiconsvg-", prefix)
         .replace(iconName, mappedIcon);
       source = source.replace(result, replacement);
     }
@@ -74,10 +74,10 @@ function replaceIconNames(file, firstRegex, secondRegex) {
 // Users can pass in additional components in their codebase that accept icon names as props with "--components={componentName: [iconPropNames], ...}".
 // A non-top-level prop example is the "iconName" prop nested under TokenInput's "tokens" prop. We can't fix those automatically.
 const defaultComponents = {
-  Icon: ['name'],
-  'Icon.Toggle': ['activeName', 'inactiveName'],
-  Badge: ['iconName'],
-  TokenInput: ['iconName'],
+  Icon: ["name"],
+  "Icon.Toggle": ["activeName", "inactiveName"],
+  Badge: ["iconName"],
+  TokenInput: ["iconName"],
 };
 
 // We need to concatenate a few properties to get subcomponent names from AST (e.g., Icon.Toggle).
@@ -92,11 +92,11 @@ const getSubcomponentName = (element) => {
 // Wrap each word in quotes and join it all together with commas, then wrap it in bracket and parse it from JSON.
 const optionToObject = (components) => {
   const withQuotesAndCommas = components
-    .join(',')
+    .join(",")
     // (\w|\.) = letters or periods. Handles component names with periods in them such as subcomponents.
     .replace(/((\w|\.)+)/g, '"$1"');
   try {
-    return JSON.parse('{' + withQuotesAndCommas + '}');
+    return JSON.parse("{" + withQuotesAndCommas + "}");
   } catch (e) {
     e.message = `
     Failed to parse the components argument. Please verify that it is formatted correctly:
@@ -108,13 +108,13 @@ const optionToObject = (components) => {
 };
 
 module.exports = function transformer(file, api, options) {
-  const quote = options?.quote ?? 'single';
+  const quote = options?.quote ?? "single";
   const components = options?.components
-    ? {...defaultComponents, ...optionToObject(options.components)}
+    ? { ...defaultComponents, ...optionToObject(options.components) }
     : defaultComponents;
   const addComments = options?.addComments ?? true;
-  const shimComponentName = options?.shimName ?? '';
-  const shimComponentPath = options?.shimImportPath ?? '';
+  const shimComponentName = options?.shimName ?? "";
+  const shimComponentPath = options?.shimImportPath ?? "";
   const addShimComponent = !!shimComponentName;
 
   let source = file.source;
@@ -163,9 +163,9 @@ module.exports = function transformer(file, api, options) {
   if (
     // file.path is undefined during test runs only
     file.path &&
-    !file.path.endsWith('js') &&
-    !file.path.endsWith('ts') &&
-    !file.path.endsWith('tsx')
+    !file.path.endsWith("js") &&
+    !file.path.endsWith("ts") &&
+    !file.path.endsWith("tsx")
   ) {
     return hasModifications ? source : null;
   }
@@ -175,17 +175,17 @@ module.exports = function transformer(file, api, options) {
   const ast = j(source);
   const icons = ast.find(j.JSXOpeningElement).filter((element) => {
     let componentName = element.value.name.name;
-    if (element.value.name?.type === 'JSXMemberExpression') {
+    if (element.value.name?.type === "JSXMemberExpression") {
       componentName = getSubcomponentName(element);
     }
-    if (componentName === 'Icon') {
+    if (componentName === "Icon") {
       iconCount += 1;
     }
     return components[componentName];
   });
 
   // Save comments at the top of the file if they exist. Otherwise, they may be deleted if we modify the first import.
-  const originalFirstNode = ast.find(j.Program).get('body', 0).node;
+  const originalFirstNode = ast.find(j.Program).get("body", 0).node;
   const originalFirstComments = originalFirstNode.comments;
 
   icons.forEach((iconPath) => {
@@ -194,7 +194,7 @@ module.exports = function transformer(file, api, options) {
       iconPath.value.name.name ?? getSubcomponentName(iconPath);
     const nameProps = components[componentName];
     attrs.forEach((path) => {
-      const {node} = path;
+      const { node } = path;
       // nameProps is an array because some components accept icon names for multiple props
       // (e.g., Icon.Toggle's activeName and inactiveName props)
       if (nameProps.includes(node.name.name)) {
@@ -211,7 +211,7 @@ module.exports = function transformer(file, api, options) {
             !unmigratedComponents.includes(componentName) &&
               unmigratedComponents.push(componentName);
           }
-        } else if (node.value.expression.type === 'ConditionalExpression') {
+        } else if (node.value.expression.type === "ConditionalExpression") {
           // Handle ternary statements (eg, `name={isActive ? 'like' : 'like-outline'}`)
           const oldConsequent = node.value.expression.consequent?.value;
           const oldAlternate = node.value.expression.alternate?.value;
@@ -233,7 +233,7 @@ module.exports = function transformer(file, api, options) {
           }
         } else {
           // This case handles when the nameProp value is a variable.
-          if (componentName === 'Icon' && addShimComponent) {
+          if (componentName === "Icon" && addShimComponent) {
             iconPath.node.name = shimComponentName;
             shimmedCount += 1;
             hasModifications = true;
@@ -251,13 +251,13 @@ module.exports = function transformer(file, api, options) {
     // Add the shim import after the racine import
     ast
       .find(j.ImportDeclaration, {
-        source: {value: '@sproutsocial/racine'},
+        source: { value: "@sproutsocial/racine" },
       })
       .filter((element) => {
         // There may be multiple Racine import statements. Only change the one that imports Icon.
         return element.node.specifiers
           .map((specifier) => specifier.imported.name)
-          .includes('Icon');
+          .includes("Icon");
       })
       .insertAfter(
         j.importDeclaration(
@@ -275,12 +275,12 @@ module.exports = function transformer(file, api, options) {
     if (shimmedCount === iconCount && !hasOtherIconUsages) {
       ast
         .find(j.ImportDeclaration, {
-          source: {value: '@sproutsocial/racine'},
+          source: { value: "@sproutsocial/racine" },
         })
         .replaceWith((path) => {
           // Remove "Icon" from the imported items
           const importedItems = path.node.specifiers.filter(
-            (specifier) => specifier.imported.name !== 'Icon'
+            (specifier) => specifier.imported.name !== "Icon"
           );
 
           // If Icon was the only item being imported from Racine, delete the import statement.
@@ -299,7 +299,7 @@ module.exports = function transformer(file, api, options) {
   }
 
   // If the first node has been modified or deleted, reattach the comments to the new first node.
-  const newFirstNode = ast.find(j.Program).get('body', 0).node;
+  const newFirstNode = ast.find(j.Program).get("body", 0).node;
   if (newFirstNode !== originalFirstNode) {
     newFirstNode.comments = originalFirstComments;
   }
@@ -307,7 +307,7 @@ module.exports = function transformer(file, api, options) {
   if (addComments && unmigratedCount > 0) {
     const comment = j.commentBlock(
       `TODO (icon-library codemod): Please manually migrate icon names passed to ${unmigratedCount} component(s) in this file.
-   Look for usages of these components: ${unmigratedComponents.join(', ')}`
+   Look for usages of these components: ${unmigratedComponents.join(", ")}`
     );
     // Add this comment after any comments on the first node.
     newFirstNode.comments = newFirstNode.comments
@@ -316,5 +316,5 @@ module.exports = function transformer(file, api, options) {
     hasModifications = true;
   }
 
-  return hasModifications ? ast.toSource({quote}) : null;
+  return hasModifications ? ast.toSource({ quote }) : null;
 };

package/codemods/icon-name-substitution.js

@@ -1,9 +1,9 @@
 // We need the deprecated icon name mapping so that we can migrate icons still
 // using the ancient names all the way to the new names.
-const deprecatedNames = require('./artifacts/deprecated-icon-map.json');
+const deprecatedNames = require("./artifacts/deprecated-icon-map.json");
 
 // Mapping from old icon names to new icon names
-const IconMap = require('./artifacts/icon-map.json');
+const IconMap = require("./artifacts/icon-map.json");
 
 // Map the current icon name to the new icon name
 const mapIconName = (currentName) => {
@@ -14,11 +14,11 @@ const mapIconName = (currentName) => {
   if (IconMap[deprecatedNames[currentName]]) {
     return IconMap[deprecatedNames[currentName]];
   }
-  return '';
+  return "";
 };
 
 module.exports = function transformer(file, api, options) {
-  const quote = options?.quote ?? 'single';
+  const quote = options?.quote ?? "single";
   const j = api.jscodeshift;
   const ast = j(file.source);
   let hasModifications = false;
@@ -38,5 +38,5 @@ module.exports = function transformer(file, api, options) {
     }
   });
 
-  return hasModifications ? ast.toSource({quote}) : null;
+  return hasModifications ? ast.toSource({ quote }) : null;
 };

package/codemods/migrate-2.x-to-3.x.js

@@ -2,7 +2,7 @@ module.exports = function transformer(file, api) {
   const j = api.jscodeshift;
   const t = j(file.source).find(j.JSXOpeningElement, {
     name: {
-      name: 'Text',
+      name: "Text",
     },
   });
 
@@ -10,11 +10,12 @@ module.exports = function transformer(file, api) {
     const attrs = j(textPath).find(j.JSXAttribute);
     const hasTagOrAsAttribute =
       !!attrs.length &&
-      !!attrs.filter(({node}) => ['as', 'tag'].includes(node.name.name)).length;
+      !!attrs.filter(({ node }) => ["as", "tag"].includes(node.name.name))
+        .length;
 
     // Insert as="div" if as/tag prop is missing
     if (!hasTagOrAsAttribute) {
-      const asProp = j.jsxAttribute(j.jsxIdentifier('as'), j.literal('div'));
+      const asProp = j.jsxAttribute(j.jsxIdentifier("as"), j.literal("div"));
 
       if (!attrs.length) {
         textPath.node.attributes = [asProp];
@@ -24,19 +25,19 @@ module.exports = function transformer(file, api) {
     }
 
     attrs.forEach((path) => {
-      const {node} = path;
+      const { node } = path;
 
       // Rename tag -> as
-      if (node.name.name === 'tag') {
-        node.name.name = 'as';
+      if (node.name.name === "tag") {
+        node.name.name = "as";
       }
 
       // Rename size -> fontSize
-      if (node.name.name === 'size' || node.name.name === 'fontSize') {
-        node.name.name = 'fontSize';
+      if (node.name.name === "size" || node.name.name === "fontSize") {
+        node.name.name = "fontSize";
         if (
           node.value.type === j.Literal.name &&
-          node.value.value !== 'inherit'
+          node.value.value !== "inherit"
         ) {
           node.value = j.jsxExpressionContainer(
             j.literal(Number(node.value.value))
@@ -45,38 +46,38 @@ module.exports = function transformer(file, api) {
       }
 
       // Rename weight -> fontWeight
-      if (node.name.name === 'weight') {
-        node.name.name = 'fontWeight';
+      if (node.name.name === "weight") {
+        node.name.name = "fontWeight";
         if (
-          node.value.value === '600' ||
-          node.value.value === 'bold' ||
-          node.value.value === 'semibold'
+          node.value.value === "600" ||
+          node.value.value === "bold" ||
+          node.value.value === "semibold"
         ) {
-          node.value = j.literal('semibold');
+          node.value = j.literal("semibold");
         } else {
-          node.value = j.literal('normal');
+          node.value = j.literal("normal");
         }
       }
 
       // Rename isTruncated -> truncated
-      if (node.name.name === 'isTruncated') {
-        node.name.name = 'truncated';
+      if (node.name.name === "isTruncated") {
+        node.name.name = "truncated";
       }
 
       // Rename overflow='breakWord' -> breakWord
-      if (node.name.name === 'overflow') {
-        if (node.value.value === 'breakWord') {
-          node.name.name = 'breakWord';
-          node.value = '';
+      if (node.name.name === "overflow") {
+        if (node.value.value === "breakWord") {
+          node.name.name = "breakWord";
+          node.value = "";
         } else {
           path.prune();
         }
       }
 
       // Rename isItalicized -> fontStyle='italics'
-      if (node.name.name === 'isItalicized') {
-        const italicValue = 'italic';
-        node.name.name = 'fontStyle';
+      if (node.name.name === "isItalicized") {
+        const italicValue = "italic";
+        node.name.name = "fontStyle";
 
         if (node.value) {
           if (node.value.type === j.Literal.name) {
@@ -93,7 +94,7 @@ module.exports = function transformer(file, api) {
                 j.conditionalExpression(
                   node.value.expression,
                   j.literal(italicValue),
-                  j.identifier('undefined')
+                  j.identifier("undefined")
                 )
               );
             } else {
@@ -110,11 +111,11 @@ module.exports = function transformer(file, api) {
     const updatedAttrs = j(textPath).find(j.JSXAttribute);
     const hasFontSizeAttribute =
       !!updatedAttrs.length &&
-      !!updatedAttrs.filter(({node}) => node.name.name === 'fontSize').length;
+      !!updatedAttrs.filter(({ node }) => node.name.name === "fontSize").length;
 
     if (!hasFontSizeAttribute) {
       const fontSizeProp = j.jsxAttribute(
-        j.jsxIdentifier('fontSize'),
+        j.jsxIdentifier("fontSize"),
         j.jsxExpressionContainer(j.literal(200))
       );
       if (!updatedAttrs.length) {
@@ -128,5 +129,5 @@ module.exports = function transformer(file, api) {
     }
   });
 
-  return t.toSource({quote: 'single'});
+  return t.toSource({ quote: "single" });
 };

package/commonjs/Avatar/Avatar.js

@@ -26,7 +26,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var defaultType = 'neutral';
+var defaultType = "neutral";
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 var AvatarText = (0, _styledComponents.default)(function (_ref) {
@@ -53,45 +53,45 @@ var Container = (0, _styledComponents.default)(_Box.default).withConfig({
     bg = _ref3.bg,
     $src = _ref3.$src,
     borderColor = _ref3.borderColor;
-  return (0, _styledComponents.css)(["background:", ";border:", ";border-color:", ";color:", ";"], bg ? bg : theme.colors.container.background.decorative[type], $src ? 'none' : "1px solid", borderColor ? borderColor : theme.colors.container.border.decorative[type], theme.colors.text.decorative[type]);
+  return (0, _styledComponents.css)(["background:", ";border:", ";border-color:", ";color:", ";"], bg ? bg : theme.colors.container.background.decorative[type], $src ? "none" : "1px solid", borderColor ? borderColor : theme.colors.container.border.decorative[type], theme.colors.text.decorative[type]);
 });
 var getInitials = function getInitials(name) {
-  var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '?';
-  if (!name || typeof name !== 'string') return fallback;
-  return name.replace(/\s+/, ' ').split(' ') // Repeated spaces results in empty strings
+  var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "?";
+  if (!name || typeof name !== "string") return fallback;
+  return name.replace(/\s+/, " ").split(" ") // Repeated spaces results in empty strings
   .slice(0, 2).map(function (v) {
     return v && v[0].toUpperCase();
   }) // Watch out for empty strings
-  .join('');
+  .join("");
 };
 var getAvatarColor = exports.getAvatarColor = function getAvatarColor(name, type) {
-  if (type !== 'auto') {
+  if (type !== "auto") {
     return type;
   }
-  var colors = ['purple', 'green', 'blue', 'yellow', 'red', 'orange'];
+  var colors = ["purple", "green", "blue", "yellow", "red", "orange"];
 
   // Condense the avatar name down into a number
-  var seed = name.split('').reduce(function (seed, char) {
+  var seed = name.split("").reduce(function (seed, char) {
     return seed + char.charCodeAt(0);
   }, 0);
 
   // Use that seed modulo the number of available colors to generate
   // a "random" color value which will always be consistent
   // for a given string. As a failsafe, return neutral (this should never happen).
-  return colors[seed % colors.length] || 'neutral';
+  return colors[seed % colors.length] || "neutral";
 };
 var Avatar = exports.Avatar = function Avatar(_ref4) {
   var _ref4$appearance = _ref4.appearance,
-    appearance = _ref4$appearance === void 0 ? 'circle' : _ref4$appearance,
+    appearance = _ref4$appearance === void 0 ? "circle" : _ref4$appearance,
     _ref4$name = _ref4.name,
-    name = _ref4$name === void 0 ? '' : _ref4$name,
+    name = _ref4$name === void 0 ? "" : _ref4$name,
     src = _ref4.src,
     _ref4$variant = _ref4.variant,
-    variant = _ref4$variant === void 0 ? 'light' : _ref4$variant,
+    variant = _ref4$variant === void 0 ? "light" : _ref4$variant,
     _ref4$type = _ref4.type,
     type = _ref4$type === void 0 ? defaultType : _ref4$type,
     _ref4$size = _ref4.size,
-    size = _ref4$size === void 0 ? '40px' : _ref4$size,
+    size = _ref4$size === void 0 ? "40px" : _ref4$size,
     bg = _ref4.bg,
     color = _ref4.color,
     rest = _objectWithoutProperties(_ref4, _excluded2);
@@ -108,12 +108,12 @@ var Avatar = exports.Avatar = function Avatar(_ref4) {
   }, [setImageFailedLoading]);
 
   // Font size for initials is half the size of the avatar, rounded down.
-  var fontSize = Math.floor(Number(size.replace('px', '')) * 0.4);
+  var fontSize = Math.floor(Number(size.replace("px", "")) * 0.4);
   return /*#__PURE__*/React.createElement(Container, _extends({
     className: (0, _classnames.default)(variant),
     size: size,
     overflow: "hidden",
-    borderRadius: appearance === 'leaf' ? '40% 0 40% 0' : '50%',
+    borderRadius: appearance === "leaf" ? "40% 0 40% 0" : "50%",
     position: "relative",
     display: "flex",
     flexShrink: 0,

package/commonjs/Avatar/constants.flow.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AvatarColorOptions = void 0;
 var AvatarColorOptions = exports.AvatarColorOptions = Object.freeze({
-  auto: 'auto',
-  neutral: 'neutral',
-  purple: 'purple',
-  green: 'green',
-  blue: 'blue',
-  yellow: 'yellow',
-  red: 'red',
-  orange: 'orange'
+  auto: "auto",
+  neutral: "neutral",
+  purple: "purple",
+  green: "green",
+  blue: "blue",
+  yellow: "yellow",
+  red: "red",
+  orange: "orange"
 });

package/commonjs/Avatar/constants.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AvatarColorOptions = void 0;
 var AvatarColorOptions = exports.AvatarColorOptions = {
-  auto: 'auto',
-  neutral: 'neutral',
-  purple: 'purple',
-  green: 'green',
-  blue: 'blue',
-  yellow: 'yellow',
-  red: 'red',
-  orange: 'orange'
+  auto: "auto",
+  neutral: "neutral",
+  purple: "purple",
+  green: "green",
+  blue: "blue",
+  yellow: "yellow",
+  red: "red",
+  orange: "orange"
 };