@bitrise/bitkit 12.83.0 → 12.84.0

package/src/Foundations/Colors/SystemTokens.tsx

@@ -7,15 +7,15 @@ const systemColorKeys = Object.keys(semanticTokens.colors.sys);
 
 const SystemTokens = () => (
   <>
-    <Text as="h2" size="8" color="pal.purple.10" fontWeight="normal" marginBlockEnd="8">
+    <Text as="h2" color="pal.purple.10" fontWeight="normal" marginBlockEnd="8" size="8">
       System Tokens
     </Text>
     <Card boxShadow="medium" padding="24">
       {systemColorKeys.map((groupName) => (
         <TokenTable
+          key={groupName}
           data={semanticTokens.colors.sys[groupName]}
           groupName={groupName}
-          key={groupName}
           marginBottom="24"
           tokenPrefix="sys."
         />

package/src/Foundations/Icons/figmaIcons.ts

@@ -11,288 +11,286 @@ export type FigmaIcon = {
 export const figmaIcons: {
   [category: string]: FigmaIcon[];
 } = {
+  Actions: [
+    { figmaToken: 'plus', iconName: 'PlusOpen' },
+    { figmaToken: 'plus-circle', iconName: 'PlusAdd', tags: 'add' },
+    { figmaToken: 'plus-circle-filled', iconName: '' },
+    { figmaToken: 'minus', iconName: 'MinusClose' },
+    { figmaToken: 'minus-circle', iconName: 'MinusRemove', tags: 'remove' },
+    { figmaToken: 'minus-circle-filled', iconName: '' },
+    { figmaToken: 'cross', iconName: 'CloseSmall', tags: 'cancel, close, x, x-mark' },
+    { figmaToken: 'cross-circle', iconName: 'BuildstatusFailed', tags: 'clear, dismiss, remove' },
+    { figmaToken: 'cross-circle-filled', iconName: 'BuildstatusFailedSolid', tags: 'failed, error, status' },
+  ],
   'Arrows and Chevrons': [
-    { iconName: 'ArrowLeft', figmaToken: 'arrow-left' },
-    { iconName: 'ArrowDown', figmaToken: 'arrow-down' },
-    { iconName: 'ArrowRight', figmaToken: 'arrow-right' },
-    { iconName: 'ArrowUp', figmaToken: 'arrow-up' },
-    { iconName: 'Request', figmaToken: 'arrow-left-over-right', tags: 'request' },
-    { iconName: 'SortArrows', figmaToken: 'arrow-up-down' },
-    { iconName: 'ArrowQuit', figmaToken: 'arrow-back-and-up', tags: 'quit' },
-    { iconName: 'ArrowMoveDown', figmaToken: 'arrow-move-down' },
-    { iconName: 'ArrowMoveLeft', figmaToken: 'arrow-move-left' },
-    { iconName: 'ArrowMoveRight', figmaToken: 'arrow-move-right' },
-    { iconName: 'ArrowMoveUp', figmaToken: 'arrow-move-up' },
-    { iconName: 'ChevronDown', figmaToken: 'chevron-down' },
-    { iconName: 'ChevronLeft', figmaToken: 'chevron-left' },
-    { iconName: 'ChevronRight', figmaToken: 'chevron-right' },
-    { iconName: 'ChevronUp', figmaToken: 'chevron-up' },
+    { figmaToken: 'arrow-left', iconName: 'ArrowLeft' },
+    { figmaToken: 'arrow-down', iconName: 'ArrowDown' },
+    { figmaToken: 'arrow-right', iconName: 'ArrowRight' },
+    { figmaToken: 'arrow-up', iconName: 'ArrowUp' },
+    { figmaToken: 'arrow-left-over-right', iconName: 'Request', tags: 'request' },
+    { figmaToken: 'arrow-up-down', iconName: 'SortArrows' },
+    { figmaToken: 'arrow-back-and-up', iconName: 'ArrowQuit', tags: 'quit' },
+    { figmaToken: 'arrow-move-down', iconName: 'ArrowMoveDown' },
+    { figmaToken: 'arrow-move-left', iconName: 'ArrowMoveLeft' },
+    { figmaToken: 'arrow-move-right', iconName: 'ArrowMoveRight' },
+    { figmaToken: 'arrow-move-up', iconName: 'ArrowMoveUp' },
+    { figmaToken: 'chevron-down', iconName: 'ChevronDown' },
+    { figmaToken: 'chevron-left', iconName: 'ChevronLeft' },
+    { figmaToken: 'chevron-right', iconName: 'ChevronRight' },
+    { figmaToken: 'chevron-up', iconName: 'ChevronUp' },
   ],
   Bitrise: [
-    { iconName: 'Addons', figmaToken: 'addons' },
-    { iconName: 'AddonsViolet', figmaToken: 'addons-purple' },
-    { iconName: 'AddonsTuorqouise', figmaToken: 'addons-turqouise' },
-    { iconName: 'AddonsWhite', figmaToken: 'addons-white' },
-    { iconName: 'Steps', figmaToken: 'steps' },
-    { iconName: 'StepsViolet', figmaToken: 'steps-purple' },
-    { iconName: 'StepsTuorqouise', figmaToken: 'steps-turqouise' },
-    { iconName: 'StepsWhite', figmaToken: 'steps-white' },
-    { iconName: 'Build', figmaToken: 'build' },
-    { iconName: 'Workflow', figmaToken: 'workflow' },
-    { iconName: 'WorkflowFlow', figmaToken: 'workflow-flow' },
-    { iconName: 'Bitbot', figmaToken: 'bitbot' },
-    { iconName: 'BitbotError', figmaToken: 'bitbot-error' },
-    { iconName: 'Ship', figmaToken: 'ship' },
-    { iconName: 'Trace', figmaToken: 'trace' },
-    { iconName: 'BadgeBitrise', figmaToken: 'badge-bitrise' },
-    { iconName: 'Badge3rdParty', figmaToken: 'badge-3rd-party' },
-    { iconName: 'StepUpgrade', figmaToken: 'step-upgrade' },
-    { iconName: 'StepVersionOk', figmaToken: 'step-version-ok' },
+    { figmaToken: 'addons', iconName: 'Addons' },
+    { figmaToken: 'addons-purple', iconName: 'AddonsViolet' },
+    { figmaToken: 'addons-turqouise', iconName: 'AddonsTuorqouise' },
+    { figmaToken: 'addons-white', iconName: 'AddonsWhite' },
+    { figmaToken: 'steps', iconName: 'Steps' },
+    { figmaToken: 'steps-purple', iconName: 'StepsViolet' },
+    { figmaToken: 'steps-turqouise', iconName: 'StepsTuorqouise' },
+    { figmaToken: 'steps-white', iconName: 'StepsWhite' },
+    { figmaToken: 'build', iconName: 'Build' },
+    { figmaToken: 'workflow', iconName: 'Workflow' },
+    { figmaToken: 'workflow-flow', iconName: 'WorkflowFlow' },
+    { figmaToken: 'bitbot', iconName: 'Bitbot' },
+    { figmaToken: 'bitbot-error', iconName: 'BitbotError' },
+    { figmaToken: 'ship', iconName: 'Ship' },
+    { figmaToken: 'trace', iconName: 'Trace' },
+    { figmaToken: 'badge-bitrise', iconName: 'BadgeBitrise' },
+    { figmaToken: 'badge-3rd-party', iconName: 'Badge3rdParty' },
+    { figmaToken: 'step-upgrade', iconName: 'StepUpgrade' },
+    { figmaToken: 'step-version-ok', iconName: 'StepVersionOk' },
   ],
   Computer: [
-    { iconName: 'Cpu', figmaToken: 'cpu' },
-    { iconName: 'Cache', figmaToken: 'memory', tags: 'cache, ram' },
-    { iconName: 'FileDoc', figmaToken: 'file-doc' },
-    { iconName: 'FilePdf', figmaToken: 'file-pdf' },
-    { iconName: 'FilePlist', figmaToken: 'file-plist' },
-    { iconName: 'FileZip', figmaToken: 'file-zip' },
-    { iconName: 'Login', figmaToken: 'login' },
-    { iconName: 'Logout', figmaToken: 'logout' },
-    { iconName: 'Filter', figmaToken: 'configure', tags: 'configuration, preferences' },
-    { iconName: '', figmaToken: 'filter', tags: 'filtering, funnel' },
-    { iconName: 'Duplicate', figmaToken: 'copy', tags: 'clone, duplicate' },
-    { iconName: 'Download', figmaToken: 'download' },
-    { iconName: '', figmaToken: 'install' },
-    { iconName: 'Upload', figmaToken: 'upload' },
-    { iconName: 'Folder', figmaToken: 'folder' },
-    { iconName: 'Save', figmaToken: 'save' },
-    { iconName: 'Fullscreen', figmaToken: 'fullscreen' },
-    { iconName: 'FullscreenExit', figmaToken: 'fullscreen-exit' },
-    { iconName: 'Mobile', figmaToken: 'mobile' },
-    { iconName: 'Laptop', figmaToken: 'laptop' },
-    { iconName: 'Screenshare', figmaToken: 'screenshare' },
-    { iconName: 'Podcast', figmaToken: 'microphone' },
-    { iconName: 'Webinar', figmaToken: 'headset', tags: 'webinar' },
-    { iconName: 'Chat', figmaToken: 'chat' },
-    { iconName: 'Message', figmaToken: 'message' },
-    { iconName: 'ChatMessage', figmaToken: 'message-alert', tags: 'chat' },
-    { iconName: 'Window', figmaToken: 'terminal', tags: 'prompt, window' },
-    { iconName: 'MonitorChart', figmaToken: 'monitor-chart' },
-    { iconName: 'OpenInBrowser', figmaToken: 'open-in-new', tags: 'link, new-tab, browser' },
+    { figmaToken: 'cpu', iconName: 'Cpu' },
+    { figmaToken: 'memory', iconName: 'Cache', tags: 'cache, ram' },
+    { figmaToken: 'file-doc', iconName: 'FileDoc' },
+    { figmaToken: 'file-pdf', iconName: 'FilePdf' },
+    { figmaToken: 'file-plist', iconName: 'FilePlist' },
+    { figmaToken: 'file-zip', iconName: 'FileZip' },
+    { figmaToken: 'login', iconName: 'Login' },
+    { figmaToken: 'logout', iconName: 'Logout' },
+    { figmaToken: 'configure', iconName: 'Filter', tags: 'configuration, preferences' },
+    { figmaToken: 'filter', iconName: '', tags: 'filtering, funnel' },
+    { figmaToken: 'copy', iconName: 'Duplicate', tags: 'clone, duplicate' },
+    { figmaToken: 'download', iconName: 'Download' },
+    { figmaToken: 'install', iconName: '' },
+    { figmaToken: 'upload', iconName: 'Upload' },
+    { figmaToken: 'folder', iconName: 'Folder' },
+    { figmaToken: 'save', iconName: 'Save' },
+    { figmaToken: 'fullscreen', iconName: 'Fullscreen' },
+    { figmaToken: 'fullscreen-exit', iconName: 'FullscreenExit' },
+    { figmaToken: 'mobile', iconName: 'Mobile' },
+    { figmaToken: 'laptop', iconName: 'Laptop' },
+    { figmaToken: 'screenshare', iconName: 'Screenshare' },
+    { figmaToken: 'microphone', iconName: 'Podcast' },
+    { figmaToken: 'headset', iconName: 'Webinar', tags: 'webinar' },
+    { figmaToken: 'chat', iconName: 'Chat' },
+    { figmaToken: 'message', iconName: 'Message' },
+    { figmaToken: 'message-alert', iconName: 'ChatMessage', tags: 'chat' },
+    { figmaToken: 'terminal', iconName: 'Window', tags: 'prompt, window' },
+    { figmaToken: 'monitor-chart', iconName: 'MonitorChart' },
+    { figmaToken: 'open-in-new', iconName: 'OpenInBrowser', tags: 'link, new-tab, browser' },
   ],
   Developer: [
-    { iconName: 'App', figmaToken: 'app' },
-    { iconName: 'Branch', figmaToken: 'branch' },
-    { iconName: '', figmaToken: 'commit' },
-    { iconName: 'Pull', figmaToken: 'pull' },
-    { iconName: 'Commit', figmaToken: 'push' },
-    { iconName: 'Bug', figmaToken: 'bug' },
-    { iconName: 'Trigger', figmaToken: 'trigger' },
-    { iconName: 'Stack', figmaToken: 'stack' },
-    { iconName: 'Code', figmaToken: 'code' },
-    { iconName: 'CodeSigning', figmaToken: 'code-signing' },
-    { iconName: 'Deployment', figmaToken: 'deployment' },
-    { iconName: 'SecurityShield', figmaToken: 'security-shield' },
-    { iconName: 'ValidateShield', figmaToken: 'validate-shield' },
-    { iconName: 'WebUi', figmaToken: 'web ui' },
-    { iconName: 'Webhooks', figmaToken: 'webhooks' },
-    { iconName: 'Agent', figmaToken: 'agent' },
+    { figmaToken: 'app', iconName: 'App' },
+    { figmaToken: 'branch', iconName: 'Branch' },
+    { figmaToken: 'commit', iconName: '' },
+    { figmaToken: 'pull', iconName: 'Pull' },
+    { figmaToken: 'push', iconName: 'Commit' },
+    { figmaToken: 'bug', iconName: 'Bug' },
+    { figmaToken: 'trigger', iconName: 'Trigger' },
+    { figmaToken: 'stack', iconName: 'Stack' },
+    { figmaToken: 'code', iconName: 'Code' },
+    { figmaToken: 'code-signing', iconName: 'CodeSigning' },
+    { figmaToken: 'deployment', iconName: 'Deployment' },
+    { figmaToken: 'security-shield', iconName: 'SecurityShield' },
+    { figmaToken: 'validate-shield', iconName: 'ValidateShield' },
+    { figmaToken: 'web ui', iconName: 'WebUi' },
+    { figmaToken: 'webhooks', iconName: 'Webhooks' },
+    { figmaToken: 'agent', iconName: 'Agent' },
   ],
   Logos: [
-    { iconName: 'Android', figmaToken: 'android' },
-    { iconName: 'Apple', figmaToken: 'apple', tags: 'ios' },
-    { iconName: 'AppleFill', figmaToken: 'apple-filled', tags: 'ios' },
-    { iconName: 'Macos', figmaToken: 'macos' },
-    { iconName: 'Twitter', figmaToken: 'twitter' },
-    { iconName: 'BitbucketPlain', figmaToken: 'bitbucket' },
-    { iconName: 'BitbucketBlue', figmaToken: 'bitbucket-color' },
-    { iconName: 'BitbucketShadedWhite', figmaToken: 'bitbucket-white' },
-    { iconName: 'Cordova', figmaToken: 'cordova' },
-    { iconName: 'Fastlane', figmaToken: 'fastlane' },
-    { iconName: 'Flutter', figmaToken: 'flutter' },
-    { iconName: 'Go', figmaToken: 'go' },
-    { iconName: 'Github', figmaToken: 'github' },
-    { iconName: 'GitlabPlain', figmaToken: 'gitlab' },
-    { iconName: 'GitlabColor', figmaToken: 'gitlab-color' },
-    { iconName: 'GitlabShadedWhite', figmaToken: 'gitlab-white' },
-    { iconName: 'Ionic', figmaToken: 'ionic' },
-    { iconName: 'Nodejs', figmaToken: 'nodejs' },
-    { iconName: 'ReactIcon', figmaToken: 'react' },
-    { iconName: 'Xamarin', figmaToken: 'xamarin' },
-    { iconName: 'Other', figmaToken: 'other' },
-    { iconName: 'GoogleColor', figmaToken: 'google' },
-    { iconName: 'Bazel', figmaToken: 'bazel' },
-    { iconName: 'Gradle', figmaToken: 'gradle' },
-    { iconName: 'LaunchDarkly', figmaToken: 'launchdarkly' },
+    { figmaToken: 'android', iconName: 'Android' },
+    { figmaToken: 'apple', iconName: 'Apple', tags: 'ios' },
+    { figmaToken: 'apple-filled', iconName: 'AppleFill', tags: 'ios' },
+    { figmaToken: 'macos', iconName: 'Macos' },
+    { figmaToken: 'twitter', iconName: 'Twitter' },
+    { figmaToken: 'bitbucket', iconName: 'BitbucketPlain' },
+    { figmaToken: 'bitbucket-color', iconName: 'BitbucketBlue' },
+    { figmaToken: 'bitbucket-white', iconName: 'BitbucketShadedWhite' },
+    { figmaToken: 'cordova', iconName: 'Cordova' },
+    { figmaToken: 'fastlane', iconName: 'Fastlane' },
+    { figmaToken: 'flutter', iconName: 'Flutter' },
+    { figmaToken: 'go', iconName: 'Go' },
+    { figmaToken: 'github', iconName: 'Github' },
+    { figmaToken: 'gitlab', iconName: 'GitlabPlain' },
+    { figmaToken: 'gitlab-color', iconName: 'GitlabColor' },
+    { figmaToken: 'gitlab-white', iconName: 'GitlabShadedWhite' },
+    { figmaToken: 'ionic', iconName: 'Ionic' },
+    { figmaToken: 'nodejs', iconName: 'Nodejs' },
+    { figmaToken: 'react', iconName: 'ReactIcon' },
+    { figmaToken: 'xamarin', iconName: 'Xamarin' },
+    { figmaToken: 'other', iconName: 'Other' },
+    { figmaToken: 'google', iconName: 'GoogleColor' },
+    { figmaToken: 'bazel', iconName: 'Bazel' },
+    { figmaToken: 'gradle', iconName: 'Gradle' },
+    { figmaToken: 'launchdarkly', iconName: 'LaunchDarkly' },
   ],
   Media: [
-    { iconName: 'Pause', figmaToken: 'pause' },
-    { iconName: 'Play', figmaToken: 'play' },
-    { iconName: 'Shuffle', figmaToken: 'shuffle' },
-    { iconName: 'Video', figmaToken: 'video' },
+    { figmaToken: 'pause', iconName: 'Pause' },
+    { figmaToken: 'play', iconName: 'Play' },
+    { figmaToken: 'shuffle', iconName: 'Shuffle' },
+    { figmaToken: 'video', iconName: 'Video' },
+  ],
+  Navigation: [
+    { figmaToken: 'dashboard', iconName: '' },
+    { figmaToken: 'dashboard-filled', iconName: '' },
+    { figmaToken: 'build-test', iconName: 'BuildTest', tags: 'automation, ci/cd' },
+    { figmaToken: 'build-test-filled', iconName: 'BuildTestSolid', tags: 'automation, ci/cd' },
+    { figmaToken: 'build-cache', iconName: 'BuildCache' },
+    { figmaToken: 'build-cache-filled', iconName: 'BuildCacheSolid' },
+    { figmaToken: 'release', iconName: 'Release' },
+    { figmaToken: 'release-filled', iconName: 'ReleaseSolid' },
+    { figmaToken: 'insights', iconName: 'Insights' },
+    { figmaToken: 'insights-filled', iconName: 'InsightsSolid' },
+    { figmaToken: 'settings', iconName: 'Settings' },
+    { figmaToken: 'settings-filled', iconName: 'SettingsSolid' },
   ],
   Objects: [
-    { iconName: 'Anchor', figmaToken: 'anchor' },
-    { iconName: 'Bell', figmaToken: 'bell' },
-    { iconName: 'Book', figmaToken: 'book' },
-    { iconName: 'Calendar', figmaToken: 'calendar' },
-    { iconName: 'Coffee', figmaToken: 'coffee' },
-    { iconName: 'Creditcard', figmaToken: 'creditcard' },
-    { iconName: 'Credits', figmaToken: 'credits' },
-    { iconName: 'Owner', figmaToken: 'crown' },
-    { iconName: 'Doc', figmaToken: 'doc' },
-    { iconName: 'Enterprise', figmaToken: 'enterprise' },
-    { iconName: 'Flag', figmaToken: 'flag' },
-    { iconName: 'Japanese', figmaToken: 'japanese' },
-    { iconName: 'Gauge', figmaToken: 'gauge' },
-    { iconName: 'Globe', figmaToken: 'globe' },
-    { iconName: 'Heart', figmaToken: 'heart' },
-    { iconName: 'Time', figmaToken: 'hourglass', tags: 'time, sand' },
-    { iconName: 'Image', figmaToken: 'image' },
-    { iconName: 'Invoice', figmaToken: 'invoice' },
-    { iconName: 'Key', figmaToken: 'key' },
-    { iconName: 'Lightbulb', figmaToken: 'lightbulb' },
-    { iconName: 'Link', figmaToken: 'link' },
-    { iconName: 'Lock', figmaToken: 'lock', tags: 'private' },
-    { iconName: 'LockOpen', figmaToken: 'lock-open', tags: 'public, unlocked' },
-    { iconName: 'Magnifier', figmaToken: 'magnifier' },
-    { iconName: 'Mail', figmaToken: 'mail', tags: 'email, envelope, message' },
-    { iconName: 'News', figmaToken: 'news' },
-    { iconName: 'NoTie', figmaToken: 'no-tie' },
-    { iconName: 'Pencil', figmaToken: 'pencil' },
-    { iconName: 'Star', figmaToken: 'star' },
-    { iconName: 'Stopwatch', figmaToken: 'stopwatch' },
-    { iconName: 'Tag', figmaToken: 'tag' },
-    { iconName: 'Tools', figmaToken: 'tools' },
-    { iconName: 'Trash', figmaToken: 'trash', tags: 'delete, remove' },
-    { iconName: 'Siren', figmaToken: 'siren', tags: 'alert, alarm, emergency' },
+    { figmaToken: 'anchor', iconName: 'Anchor' },
+    { figmaToken: 'bell', iconName: 'Bell' },
+    { figmaToken: 'book', iconName: 'Book' },
+    { figmaToken: 'calendar', iconName: 'Calendar' },
+    { figmaToken: 'coffee', iconName: 'Coffee' },
+    { figmaToken: 'creditcard', iconName: 'Creditcard' },
+    { figmaToken: 'credits', iconName: 'Credits' },
+    { figmaToken: 'crown', iconName: 'Owner' },
+    { figmaToken: 'doc', iconName: 'Doc' },
+    { figmaToken: 'enterprise', iconName: 'Enterprise' },
+    { figmaToken: 'flag', iconName: 'Flag' },
+    { figmaToken: 'japanese', iconName: 'Japanese' },
+    { figmaToken: 'gauge', iconName: 'Gauge' },
+    { figmaToken: 'globe', iconName: 'Globe' },
+    { figmaToken: 'heart', iconName: 'Heart' },
+    { figmaToken: 'hourglass', iconName: 'Time', tags: 'time, sand' },
+    { figmaToken: 'image', iconName: 'Image' },
+    { figmaToken: 'invoice', iconName: 'Invoice' },
+    { figmaToken: 'key', iconName: 'Key' },
+    { figmaToken: 'lightbulb', iconName: 'Lightbulb' },
+    { figmaToken: 'link', iconName: 'Link' },
+    { figmaToken: 'lock', iconName: 'Lock', tags: 'private' },
+    { figmaToken: 'lock-open', iconName: 'LockOpen', tags: 'public, unlocked' },
+    { figmaToken: 'magnifier', iconName: 'Magnifier' },
+    { figmaToken: 'mail', iconName: 'Mail', tags: 'email, envelope, message' },
+    { figmaToken: 'news', iconName: 'News' },
+    { figmaToken: 'no-tie', iconName: 'NoTie' },
+    { figmaToken: 'pencil', iconName: 'Pencil' },
+    { figmaToken: 'star', iconName: 'Star' },
+    { figmaToken: 'stopwatch', iconName: 'Stopwatch' },
+    { figmaToken: 'tag', iconName: 'Tag' },
+    { figmaToken: 'tools', iconName: 'Tools' },
+    { figmaToken: 'trash', iconName: 'Trash', tags: 'delete, remove' },
+    { figmaToken: 'siren', iconName: 'Siren', tags: 'alert, alarm, emergency' },
   ],
   People: [
-    { iconName: 'Person', figmaToken: 'person', tags: 'account, user' },
-    { iconName: 'ConnectedAccounts', figmaToken: 'connected-accounts' },
-    { iconName: 'Dudes', figmaToken: 'people', tags: 'dudes, team' },
-    { iconName: 'Conference', figmaToken: 'person-with-desk' },
-    { iconName: 'ShowPassword', figmaToken: 'eye', tags: 'password, show, view' },
-    { iconName: 'HidePassword', figmaToken: 'eye-slash', tags: 'hide, password' },
-  ],
-  Actions: [
-    { iconName: 'PlusOpen', figmaToken: 'plus' },
-    { iconName: 'PlusAdd', figmaToken: 'plus-circle', tags: 'add' },
-    { iconName: '', figmaToken: 'plus-circle-filled' },
-    { iconName: 'MinusClose', figmaToken: 'minus' },
-    { iconName: 'MinusRemove', figmaToken: 'minus-circle', tags: 'remove' },
-    { iconName: '', figmaToken: 'minus-circle-filled' },
-    { iconName: 'CloseSmall', figmaToken: 'cross', tags: 'cancel, close, x, x-mark' },
-    { iconName: 'BuildstatusFailed', figmaToken: 'cross-circle', tags: 'clear, dismiss, remove' },
-    { iconName: 'BuildstatusFailedSolid', figmaToken: 'cross-circle-filled', tags: 'failed, error, status' },
-  ],
-  Navigation: [
-    { iconName: '', figmaToken: 'dashboard' },
-    { iconName: '', figmaToken: 'dashboard-filled' },
-    { iconName: 'BuildTest', figmaToken: 'build-test', tags: 'automation, ci/cd' },
-    { iconName: 'BuildTestSolid', figmaToken: 'build-test-filled', tags: 'automation, ci/cd' },
-    { iconName: 'BuildCache', figmaToken: 'build-cache' },
-    { iconName: 'BuildCacheSolid', figmaToken: 'build-cache-filled' },
-    { iconName: 'Release', figmaToken: 'release' },
-    { iconName: 'ReleaseSolid', figmaToken: 'release-filled' },
-    { iconName: 'Insights', figmaToken: 'insights' },
-    { iconName: 'InsightsSolid', figmaToken: 'insights-filled' },
-    { iconName: 'Settings', figmaToken: 'settings' },
-    { iconName: 'SettingsSolid', figmaToken: 'settings-filled' },
+    { figmaToken: 'person', iconName: 'Person', tags: 'account, user' },
+    { figmaToken: 'connected-accounts', iconName: 'ConnectedAccounts' },
+    { figmaToken: 'people', iconName: 'Dudes', tags: 'dudes, team' },
+    { figmaToken: 'person-with-desk', iconName: 'Conference' },
+    { figmaToken: 'eye', iconName: 'ShowPassword', tags: 'password, show, view' },
+    { figmaToken: 'eye-slash', iconName: 'HidePassword', tags: 'hide, password' },
   ],
   Status: [
-    { iconName: 'BuildstatusNeverbuilt', figmaToken: 'circle' },
-    { iconName: 'StageIncomplete', figmaToken: 'circle-dashed' },
-    { iconName: 'StageCurrent', figmaToken: 'circle-half-full', tags: 'in-progress' },
+    { figmaToken: 'circle', iconName: 'BuildstatusNeverbuilt' },
+    { figmaToken: 'circle-dashed', iconName: 'StageIncomplete' },
+    { figmaToken: 'circle-half-full', iconName: 'StageCurrent', tags: 'in-progress' },
     {
-      iconName: '',
       figmaToken: 'block-circle',
+      iconName: '',
       tags: 'abort, aborted, ban, block, forbidden, restricted, status, progress',
     },
-    { iconName: '', figmaToken: 'question-circle', tags: 'help, support' },
-    { iconName: '', figmaToken: 'question-circle-filled' },
-    { iconName: 'StepstatusSkip', figmaToken: 'skip-circle', tags: 'progress' },
-    { iconName: '', figmaToken: 'skip-circle-filled' },
-    { iconName: 'Tick', figmaToken: 'check', tags: 'tick' },
-    { iconName: 'BuildstatusSuccessful', figmaToken: 'check-circle', tags: 'success' },
-    { iconName: 'BuildstatusSuccessfulSolid', figmaToken: 'check-circle-filled', tags: 'success' },
-    { iconName: 'StepstatusWarning', figmaToken: 'error-circle' },
-    { iconName: '', figmaToken: 'error-circle-filled' },
-    { iconName: '', figmaToken: 'info-circle', tags: 'tooltip' },
-    { iconName: '', figmaToken: 'info-circle-filled' },
-    { iconName: 'Warning', figmaToken: 'warning' },
-    { iconName: 'WarningColored', figmaToken: 'warning-yellow' },
+    { figmaToken: 'question-circle', iconName: '', tags: 'help, support' },
+    { figmaToken: 'question-circle-filled', iconName: '' },
+    { figmaToken: 'skip-circle', iconName: 'StepstatusSkip', tags: 'progress' },
+    { figmaToken: 'skip-circle-filled', iconName: '' },
+    { figmaToken: 'check', iconName: 'Tick', tags: 'tick' },
+    { figmaToken: 'check-circle', iconName: 'BuildstatusSuccessful', tags: 'success' },
+    { figmaToken: 'check-circle-filled', iconName: 'BuildstatusSuccessfulSolid', tags: 'success' },
+    { figmaToken: 'error-circle', iconName: 'StepstatusWarning' },
+    { figmaToken: 'error-circle-filled', iconName: '' },
+    { figmaToken: 'info-circle', iconName: '', tags: 'tooltip' },
+    { figmaToken: 'info-circle-filled', iconName: '' },
+    { figmaToken: 'warning', iconName: 'Warning' },
+    { figmaToken: 'warning-yellow', iconName: 'WarningColored' },
   ],
   'Status (old)': [
-    { iconName: 'TestFailed', figmaToken: 'test-failed' },
-    { iconName: 'TestInconclusive', figmaToken: 'test-inconclusive' },
-    { iconName: 'TestInfo', figmaToken: 'test-info' },
-    { iconName: 'TestInprogress', figmaToken: 'test-inprogress' },
-    { iconName: 'TestSkipped', figmaToken: 'test-skipped' },
-    { iconName: 'TestSuccess', figmaToken: 'test-success' },
-    { iconName: 'TestWarning', figmaToken: 'test-warning' },
-    { iconName: 'ProgressEggplant', figmaToken: 'spinner-eggplant', tags: 'loading, progress' },
-    { iconName: 'ProgressViolet', figmaToken: 'spinner-violet', tags: 'loading, progress' },
-    { iconName: 'ProgressWhite', figmaToken: 'spinner-white', tags: 'loading, progress' },
-    { iconName: 'BuildstatusProgressWhite', figmaToken: 'build-spinner-white', tags: 'progress, running, status' },
+    { figmaToken: 'test-failed', iconName: 'TestFailed' },
+    { figmaToken: 'test-inconclusive', iconName: 'TestInconclusive' },
+    { figmaToken: 'test-info', iconName: 'TestInfo' },
+    { figmaToken: 'test-inprogress', iconName: 'TestInprogress' },
+    { figmaToken: 'test-skipped', iconName: 'TestSkipped' },
+    { figmaToken: 'test-success', iconName: 'TestSuccess' },
+    { figmaToken: 'test-warning', iconName: 'TestWarning' },
+    { figmaToken: 'spinner-eggplant', iconName: 'ProgressEggplant', tags: 'loading, progress' },
+    { figmaToken: 'spinner-violet', iconName: 'ProgressViolet', tags: 'loading, progress' },
+    { figmaToken: 'spinner-white', iconName: 'ProgressWhite', tags: 'loading, progress' },
+    { figmaToken: 'build-spinner-white', iconName: 'BuildstatusProgressWhite', tags: 'progress, running, status' },
     {
-      iconName: 'BuildstatusProgressEggplant',
       figmaToken: 'build-spinner-eggplant',
+      iconName: 'BuildstatusProgressEggplant',
       tags: 'progress, running, status',
     },
   ],
   Symbols: [
-    { iconName: 'Expand', figmaToken: 'expand' },
-    { iconName: 'Refresh', figmaToken: 'refresh' },
-    { iconName: 'Replace', figmaToken: 'replace' },
-    { iconName: 'History', figmaToken: 'history' },
-    { iconName: 'Responsiveness', figmaToken: 'responsiveness' },
-    { iconName: 'Power', figmaToken: 'power' },
-    { iconName: 'MenuGrid', figmaToken: 'menu-grid' },
-    { iconName: 'MenuHamburger', figmaToken: 'menu-hamburger' },
-    { iconName: 'MoreHorizontal', figmaToken: 'more-horizontal' },
-    { iconName: 'MoreVertical', figmaToken: 'more-vertical' },
-    { iconName: 'Overview', figmaToken: 'overview' },
-    { iconName: 'Bulletpoint', figmaToken: 'dot', tags: 'bullet, bulletpoint' },
-    { iconName: 'Group', figmaToken: 'group' },
-    { iconName: 'Percent', figmaToken: 'percent' },
-    { iconName: 'BoxWithArrowDown', figmaToken: 'box-arrow-down' },
-    { iconName: 'BoxWithDot', figmaToken: 'box-dot' },
-    { iconName: 'OverflowingLines', figmaToken: 'box-lines-overflow', tags: 'text, wrap' },
-    { iconName: 'WrappedLines', figmaToken: 'box-lines-wrap', tags: 'text' },
-    { iconName: 'ChangePlan', figmaToken: 'change-plan' },
-    { iconName: 'Dollars', figmaToken: 'dollar' },
-    { iconName: 'Numero', figmaToken: 'hashtag', tags: 'numero' },
-    { iconName: 'Cycle', figmaToken: 'cycle' },
-    { iconName: 'Interaction', figmaToken: 'interaction' },
-    { iconName: 'Stability', figmaToken: 'stability' },
-    { iconName: 'Swag', figmaToken: 'swag' },
-    { iconName: 'Testing', figmaToken: 'tasks', tags: 'checklist, list, testing' },
-    { iconName: 'Wow', figmaToken: 'wow' },
-    { iconName: 'Details', figmaToken: 'details' },
+    { figmaToken: 'expand', iconName: 'Expand' },
+    { figmaToken: 'refresh', iconName: 'Refresh' },
+    { figmaToken: 'replace', iconName: 'Replace' },
+    { figmaToken: 'history', iconName: 'History' },
+    { figmaToken: 'responsiveness', iconName: 'Responsiveness' },
+    { figmaToken: 'power', iconName: 'Power' },
+    { figmaToken: 'menu-grid', iconName: 'MenuGrid' },
+    { figmaToken: 'menu-hamburger', iconName: 'MenuHamburger' },
+    { figmaToken: 'more-horizontal', iconName: 'MoreHorizontal' },
+    { figmaToken: 'more-vertical', iconName: 'MoreVertical' },
+    { figmaToken: 'overview', iconName: 'Overview' },
+    { figmaToken: 'dot', iconName: 'Bulletpoint', tags: 'bullet, bulletpoint' },
+    { figmaToken: 'group', iconName: 'Group' },
+    { figmaToken: 'percent', iconName: 'Percent' },
+    { figmaToken: 'box-arrow-down', iconName: 'BoxWithArrowDown' },
+    { figmaToken: 'box-dot', iconName: 'BoxWithDot' },
+    { figmaToken: 'box-lines-overflow', iconName: 'OverflowingLines', tags: 'text, wrap' },
+    { figmaToken: 'box-lines-wrap', iconName: 'WrappedLines', tags: 'text' },
+    { figmaToken: 'change-plan', iconName: 'ChangePlan' },
+    { figmaToken: 'dollar', iconName: 'Dollars' },
+    { figmaToken: 'hashtag', iconName: 'Numero', tags: 'numero' },
+    { figmaToken: 'cycle', iconName: 'Cycle' },
+    { figmaToken: 'interaction', iconName: 'Interaction' },
+    { figmaToken: 'stability', iconName: 'Stability' },
+    { figmaToken: 'swag', iconName: 'Swag' },
+    { figmaToken: 'tasks', iconName: 'Testing', tags: 'checklist, list, testing' },
+    { figmaToken: 'wow', iconName: 'Wow' },
+    { figmaToken: 'details', iconName: 'Details' },
   ],
   'UI Components': [
     {
-      iconName: 'Sort',
-      figmaToken: 'table-sort: Not sorted',
       css: {
         path: {
           fill: 'neutral.80',
         },
       },
+      figmaToken: 'table-sort: Not sorted',
+      iconName: 'Sort',
     },
     {
-      iconName: 'Sort',
-      figmaToken: 'table-sort: Hover',
       css: {
         path: {
           fill: 'neutral.10',
         },
       },
+      figmaToken: 'table-sort: Hover',
+      iconName: 'Sort',
     },
     {
-      iconName: 'Sort',
-      figmaToken: 'table-sort: Up',
       css: {
         path: {
           fill: 'neutral.80',
@@ -301,10 +299,10 @@ export const figmaIcons: {
           fill: 'neutral.10',
         },
       },
+      figmaToken: 'table-sort: Up',
+      iconName: 'Sort',
     },
     {
-      iconName: 'Sort',
-      figmaToken: 'table-sort: Descending',
       css: {
         path: {
           fill: 'neutral.80',
@@ -313,7 +311,9 @@ export const figmaIcons: {
           fill: 'neutral.10',
         },
       },
+      figmaToken: 'table-sort: Descending',
+      iconName: 'Sort',
     },
-    { iconName: 'DropdownArrows', figmaToken: 'dropdown-arrows' },
+    { figmaToken: 'dropdown-arrows', iconName: 'DropdownArrows' },
   ],
 };

package/src/Foundations/Shadows/Shadows.ts

@@ -1,13 +1,13 @@
 const shadows = {
-  small: '0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.06)',
-  medium: '0 0.125rem 0.75rem 0 rgba(0, 0, 0, 0.06)',
-  large: '0 0.125rem 1.5rem 0 rgba(0, 0, 0, 0.08)',
+  formFocus: '0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset, 0 0 0 3px var(--colors-purple-70)',
   inner: '0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset',
   innerSmall: '0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.1) inset',
+  large: '0 0.125rem 1.5rem 0 rgba(0, 0, 0, 0.08)',
+  medium: '0 0.125rem 0.75rem 0 rgba(0, 0, 0, 0.06)',
+  none: 'none',
   outline: '0 0 0 3px var(--colors-purple-70)',
+  small: '0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.06)',
   tooltip: '0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2)',
-  formFocus: '0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset, 0 0 0 3px var(--colors-purple-70)',
-  none: 'none',
 };
 
 export type Shadows = typeof shadows;