From c1125f9b5b7a6385d7c4323faf01e8dc872df75c Mon Sep 17 00:00:00 2001
From: "Derek W. S. Gray" <dgray@uncharted.software>
Date: Tue, 23 Aug 2022 15:45:50 -0400
Subject: [PATCH] Just typo corrections.

---
 src/extractor/extractGrids.ts                | 4 ++--
 src/extractor/extractMotion.ts               | 2 +-
 src/index.ts                                 | 2 +-
 src/transformer/originalFormatTransformer.ts | 2 +-
 src/ui/components/Select.tsx                 | 4 ++--
 src/ui/modules/downloadJson.ts               | 6 +++---
 src/ui/modules/urlExport.ts                  | 2 +-
 src/utilities/accessToken.ts                 | 2 +-
 src/utilities/deepMerge.ts                   | 2 +-
 src/utilities/getTokenNodes.ts               | 2 +-
 src/utilities/groupByName.ts                 | 4 ++--
 src/utilities/prefixTokenName.ts             | 2 +-
 12 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/extractor/extractGrids.ts b/src/extractor/extractGrids.ts
index 389d5f79..89768a28 100644
--- a/src/extractor/extractGrids.ts
+++ b/src/extractor/extractGrids.ts
@@ -36,7 +36,7 @@ const rowColumnValues = (grid: RowsColsLayoutGrid) => ({
     value: grid.pattern.toLowerCase() as GridPattern,
     type: 'string' as PropertyType
   },
-  // undefined when aligment stretch
+  // undefined when alignment stretch
   ...(grid.sectionSize !== undefined && {
     sectionSize: {
       value: grid.sectionSize,
@@ -54,7 +54,7 @@ const rowColumnValues = (grid: RowsColsLayoutGrid) => ({
     type: 'string' as PropertyType
   },
   count: getCount(grid.count),
-  // undefined when aligment centred
+  // undefined when alignment centred
   ...(grid.offset !== undefined && {
     offset: {
       value: grid.offset,
diff --git a/src/extractor/extractMotion.ts b/src/extractor/extractMotion.ts
index 7dacb573..b4184286 100644
--- a/src/extractor/extractMotion.ts
+++ b/src/extractor/extractMotion.ts
@@ -184,7 +184,7 @@ const formatEasingFunction = easingObject => {
 }
 
 const easing = (easing: Easing): easingPropertyInterface => {
-  // abort if invalif easing type
+  // abort if invalid easing type
   if (!('type' in easing) || easings[easing.type] === undefined) {
     return undefined
   }
diff --git a/src/index.ts b/src/index.ts
index 55657a8f..6c598951 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -77,7 +77,7 @@ if (figma.command === commands.demo) {
  */
 if (figma.command === commands.reset) {
   resetSettings()
-  // semd message
+  // send message
   figma.notify('⚙️ Settings have been reset.')
   figma.closePlugin()
 }
diff --git a/src/transformer/originalFormatTransformer.ts b/src/transformer/originalFormatTransformer.ts
index df51b013..ba4803f3 100644
--- a/src/transformer/originalFormatTransformer.ts
+++ b/src/transformer/originalFormatTransformer.ts
@@ -36,7 +36,7 @@ const defaultValueTransformer = propertyGroupValues => {
   }
   // define object
   const transformedProperties = {}
-  // transform proeprties
+  // transform properties
   Object.keys(propertyGroupValues).forEach(function (key) {
     // if this is the final level
     if (Object.prototype.hasOwnProperty.call(propertyGroupValues[key], 'value')) {
diff --git a/src/ui/components/Select.tsx b/src/ui/components/Select.tsx
index d7bfa70e..9f67f964 100644
--- a/src/ui/components/Select.tsx
+++ b/src/ui/components/Select.tsx
@@ -258,7 +258,7 @@ export const Select = ({
   }
 
   const expandButtonClass = isExpanded ? 'select-menu__button--active' : ''
-  const expanListClass = isExpanded ? 'select-menu__menu--active' : ''
+  const expandListClass = isExpanded ? 'select-menu__menu--active' : ''
   const disabledColorClass = isDisabled ? 'icon--black-3' : ''
 
   return (
@@ -282,7 +282,7 @@ export const Select = ({
           </span>
         </button>
         <ul
-          className={`select-menu__menu ${expanListClass} ${disabledColorClass}`}
+          className={`select-menu__menu ${expandListClass} ${disabledColorClass}`}
           style={{ top: '-24px' }}
         >
           {options &&
diff --git a/src/ui/modules/downloadJson.ts b/src/ui/modules/downloadJson.ts
index 5925d65c..4503e318 100644
--- a/src/ui/modules/downloadJson.ts
+++ b/src/ui/modules/downloadJson.ts
@@ -20,17 +20,17 @@ export const downloadJson = (parent, link: HTMLLinkElement, json: string) => {
     link.href = `data:application/design-tokens+json;charset=utf-8,${encodeURIComponent(json)}`
     // Programmatically trigger a click on the anchor element
     link.click()
-    // send success messgae
+    // send success message
     parent.postMessage({
       pluginMessage: {
         command: commands.closePlugin,
         payload: {
-          notification: '🎉 Design token export succesfull!'
+          notification: '🎉 Design token export successful!'
         }
       } as PluginMessage
     }, '*')
   } catch (error) {
-    // send success messgae
+    // send success message
     parent.postMessage({
       pluginMessage: {
         command: commands.closePlugin,
diff --git a/src/ui/modules/urlExport.ts b/src/ui/modules/urlExport.ts
index e689fc08..98a311c7 100644
--- a/src/ui/modules/urlExport.ts
+++ b/src/ui/modules/urlExport.ts
@@ -15,7 +15,7 @@ const responeHandler = (request: XMLHttpRequest): string => {
   }
   // if other error
   if (request.status > 399) {
-    return `🚨 ${request.status}: An error occured, please check the console for details.`
+    return `🚨 ${request.status}: An error occurred, please check the console for details.`
   }
   // if no error
   return '🎉 Design tokens pushed to server!'
diff --git a/src/utilities/accessToken.ts b/src/utilities/accessToken.ts
index b420feaf..46d423bd 100644
--- a/src/utilities/accessToken.ts
+++ b/src/utilities/accessToken.ts
@@ -18,7 +18,7 @@ const getAccessToken = async (fileId: string): Promise<string> => {
 }
 /**
  * @name setAccessToken
- * @description store the access token for the current fiven file in the user clientStorage
+ * @description store the access token for the current given file in the user clientStorage
  * @param fileId {string} — ID of the current file
  * @param fileId {string} — access token
  */
diff --git a/src/utilities/deepMerge.ts b/src/utilities/deepMerge.ts
index a5721915..e62de346 100644
--- a/src/utilities/deepMerge.ts
+++ b/src/utilities/deepMerge.ts
@@ -12,7 +12,7 @@ const deepMerge = (target, source) => {
   if (!isObject(target) || !isObject(source)) {
     return source
   }
-  // iteratre over source
+  // iterate over source
   Object.keys(source).forEach(key => {
     // get values from both target and source for the given key
     const targetValue = target[key]
diff --git a/src/utilities/getTokenNodes.ts b/src/utilities/getTokenNodes.ts
index d354d86e..649444b3 100644
--- a/src/utilities/getTokenNodes.ts
+++ b/src/utilities/getTokenNodes.ts
@@ -37,7 +37,7 @@ const getTokenNodes = (pages: PageNode[]): customTokenNode[] => {
   const tokenFrames = getFrameNodes(pages)
   // get all children of token frames
   return tokenFrames.map(frame => <ComponentSetNode[] | ComponentNode[] | RectangleNode[] | FrameNode[]>frame
-    // check if children are of valide types
+    // check if children are of valid types
     .findAll(
       /* istanbul ignore next */
       node => isTokenNode(node)
diff --git a/src/utilities/groupByName.ts b/src/utilities/groupByName.ts
index bd6aab35..4dcb38c0 100644
--- a/src/utilities/groupByName.ts
+++ b/src/utilities/groupByName.ts
@@ -15,7 +15,7 @@ export const groupByKeyAndName = (tokenArray: OriginalFormatTokenInterface[] | S
   const removeName: boolean = true
   // guard
   if (tokenArray.length <= 0) return []
-  // nest tokens into object with hierachy defined by name using /
+  // nest tokens into object with hierarchy defined by name using /
   const groupedTokens = tokenArray.map(token => {
     // split token name into array
     // remove leading and following whitespace for every item
@@ -28,6 +28,6 @@ export const groupByKeyAndName = (tokenArray: OriginalFormatTokenInterface[] | S
     // return
     return nestedObjectFromArray(groupsFromName, token)
   })
-  // return merged object of tokens grouped by name hierachy
+  // return merged object of tokens grouped by name hierarchy
   return groupedTokens.reduce((accumulator = {}, currentValue) => deepMerge(accumulator, currentValue))
 }
diff --git a/src/utilities/prefixTokenName.ts b/src/utilities/prefixTokenName.ts
index 0960e15a..2141b43d 100644
--- a/src/utilities/prefixTokenName.ts
+++ b/src/utilities/prefixTokenName.ts
@@ -14,7 +14,7 @@ const getExportKey = (token: OriginalFormatTokenInterface | StandardTokenInterfa
 export const prefixTokenName = (tokenArray: OriginalFormatTokenInterface[] | StandardTokenInterface[], userSettings: Settings) => {
   // guard
   if (tokenArray.length <= 0) return []
-  // nest tokens into object with hierachy defined by name using /
+  // nest tokens into object with hierarchy defined by name using /
   return tokenArray.map(token => {
     // remove top level prefix from name if desired
     if (userSettings.prefixInName === false) {