@atlaskit/forge-react-types 0.1.1 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/forge-react-types
 
+## 0.2.0
+
+### Minor Changes
+
+- [#72888](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72888) [`3bf03a46894c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3bf03a46894c) - Add icon props to ButtonProps
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.1.1
 
 ### Patch Changes

package/dist/types/components/__generated__/ButtonProps.d.ts

@@ -3,12 +3,15 @@
  *
  * Extract component prop types from UIKit 2 components - ButtonProps
  *
- * @codegen <<SignedSource::4747471febea92c8432294f9c44ffd34>>
+ * @codegen <<SignedSource::608a03bb653872bfa96dea8698d7d098>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/button/__generated__/index.partial.tsx <<SignedSource::11fb24ff990893359d62537c06ae8811>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/button/__generated__/index.partial.tsx <<SignedSource::02de95b15ee84f580bd4604609e70c7a>>
  */
-import React from 'react';
-import PlatformButton from '@atlaskit/button/new';
-type PlatformButtonProps = React.ComponentProps<typeof PlatformButton>;
-export type ButtonProps = Pick<PlatformButtonProps, 'children' | 'autoFocus' | 'isDisabled' | 'isSelected' | 'onBlur' | 'onClick' | 'onFocus' | 'spacing' | 'testId' | 'shouldFitContainer' | 'appearance' | 'type'>;
+import type { ButtonProps as PlatformButtonProps } from '@atlaskit/button/new';
+export type Icon = 'activity' | 'add' | 'add-circle' | 'add-item' | 'addon' | 'app-access' | 'app-switcher' | 'archive' | 'arrow-down' | 'arrow-down-circle' | 'arrow-left' | 'arrow-left-circle' | 'arrow-right' | 'arrow-right-circle' | 'arrow-up' | 'arrow-up-circle' | 'attachment' | 'audio' | 'audio-circle' | 'backlog' | 'billing' | 'billing-filled' | 'bitbucket-branches' | 'bitbucket-builds' | 'bitbucket-clone' | 'bitbucket-commits' | 'bitbucket-compare' | 'bitbucket-forks' | 'bitbucket-output' | 'bitbucket-pipelines' | 'bitbucket-pullrequests' | 'bitbucket-repos' | 'bitbucket-snippets' | 'bitbucket-source' | 'board' | 'book' | 'bullet-list' | 'calendar' | 'calendar-filled' | 'camera' | 'camera-filled' | 'camera-rotate' | 'camera-take-picture' | 'canvas' | 'check' | 'check-circle' | 'check-circle-outline' | 'checkbox' | 'checkbox-indeterminate' | 'chevron-down' | 'chevron-down-circle' | 'chevron-left' | 'chevron-left-circle' | 'chevron-left-large' | 'chevron-right' | 'chevron-right-circle' | 'chevron-right-large' | 'chevron-up' | 'chevron-up-circle' | 'child-issues' | 'code' | 'comment' | 'component' | 'copy' | 'creditcard' | 'creditcard-filled' | 'cross' | 'cross-circle' | 'dashboard' | 'decision' | 'department' | 'detail-view' | 'discover' | 'discover-filled' | 'document' | 'document-filled' | 'documents' | 'download' | 'drag-handler' | 'dropbox' | 'edit' | 'edit-filled' | 'editor-add' | 'editor-addon' | 'editor-advanced' | 'editor-align-center' | 'editor-align-image-center' | 'editor-align-image-left' | 'editor-align-image-right' | 'editor-align-left' | 'editor-align-right' | 'editor-attachment' | 'editor-background-color' | 'editor-bold' | 'editor-bullet-list' | 'editor-close' | 'editor-code' | 'editor-collapse' | 'editor-date' | 'editor-decision' | 'editor-divider' | 'editor-done' | 'editor-edit' | 'editor-emoji' | 'editor-error' | 'editor-expand' | 'editor-feedback' | 'editor-file' | 'editor-file-preview' | 'editor-help' | 'editor-hint' | 'editor-horizontal-rule' | 'editor-image' | 'editor-image-border' | 'editor-image-resize' | 'editor-indent' | 'editor-info' | 'editor-italic' | 'editor-layout-single' | 'editor-layout-three-equal' | 'editor-layout-three-with-sidebars' | 'editor-layout-two-equal' | 'editor-layout-two-left-sidebar' | 'editor-layout-two-right-sidebar' | 'editor-link' | 'editor-media-center' | 'editor-media-full-width' | 'editor-media-wide' | 'editor-media-wrap-left' | 'editor-media-wrap-right' | 'editor-mention' | 'editor-more' | 'editor-note' | 'editor-number-list' | 'editor-open' | 'editor-outdent' | 'editor-panel' | 'editor-photo' | 'editor-quote' | 'editor-recent' | 'editor-redo' | 'editor-remove' | 'editor-remove-emoji' | 'editor-search' | 'editor-settings' | 'editor-strikethrough' | 'editor-success' | 'editor-table' | 'editor-table-display-options' | 'editor-task' | 'editor-text-color' | 'editor-text-style' | 'editor-underline' | 'editor-undo' | 'editor-unlink' | 'editor-warning' | 'email' | 'emoji' | 'emoji-add' | 'emoji-activity' | 'emoji-atlassian' | 'emoji-custom' | 'emoji-emoji' | 'emoji-flags' | 'emoji-food' | 'emoji-frequent' | 'emoji-keyboard' | 'emoji-nature' | 'emoji-objects' | 'emoji-people' | 'emoji-productivity' | 'emoji-symbols' | 'emoji-travel' | 'error' | 'export' | 'feedback' | 'file' | 'filter' | 'flag-filled' | 'folder' | 'folder-filled' | 'followers' | 'following' | 'googledrive' | 'graph-bar' | 'graph-line' | 'gsuite' | 'highlights' | 'hipchat-audio-only' | 'hipchat-chevron-double-down' | 'hipchat-chevron-double-up' | 'hipchat-chevron-down' | 'hipchat-chevron-up' | 'hipchat-dial-out' | 'hipchat-lobby' | 'hipchat-media-attachment-count' | 'hipchat-outgoing-sound' | 'hipchat-sd-video' | 'home' | 'home-circle' | 'image' | 'image-border' | 'image-resize' | 'info' | 'invite-team' | 'issue' | 'issue-raise' | 'issues' | 'jira-capture' | 'jira-failed-build-status' | 'jira-labs' | 'jira-test-session' | 'label' | 'lightbulb' | 'lightbulb-filled' | 'like' | 'link' | 'link-filled' | 'list' | 'location' | 'lock' | 'lock-circle' | 'lock-filled' | 'marketplace' | 'media-services-actual-size' | 'media-services-add-comment' | 'media-services-annotate' | 'media-services-arrow' | 'media-services-audio' | 'media-services-blur' | 'media-services-brush' | 'media-services-button-option' | 'media-services-code' | 'media-services-document' | 'media-services-filter' | 'media-services-fit-to-page' | 'media-services-full-screen' | 'media-services-grid' | 'media-services-image' | 'media-services-line' | 'media-services-line-thickness' | 'media-services-no-image' | 'media-services-open-mediaviewer' | 'media-services-oval' | 'media-services-pdf' | 'media-services-preselected' | 'media-services-presentation' | 'media-services-rectangle' | 'media-services-scale-large' | 'media-services-scale-small' | 'media-services-spreadsheet' | 'media-services-text' | 'media-services-unknown' | 'media-services-video' | 'media-services-zip' | 'media-services-zoom-in' | 'media-services-zoom-out' | 'mention' | 'menu' | 'menu-expand' | 'mobile' | 'more' | 'more-vertical' | 'notification' | 'notification-all' | 'notification-direct' | 'office-building' | 'office-building-filled' | 'open' | 'overview' | 'page' | 'page-filled' | 'pdf' | 'people' | 'people-group' | 'person' | 'person-circle' | 'person-with-circle' | 'person-with-cross' | 'person-with-tick' | 'portfolio' | 'preferences' | 'premium' | 'presence-active' | 'presence-busy' | 'presence-unavailable' | 'question' | 'question-circle' | 'questions' | 'queues' | 'quote' | 'radio' | 'recent' | 'redo' | 'refresh' | 'retry' | 'roadmap' | 'room-menu' | 'schedule' | 'schedule-filled' | 'screen' | 'search' | 'select-clear' | 'send' | 'settings' | 'share' | 'ship' | 'shortcut' | 'sign-in' | 'sign-out' | 'sprint' | 'star' | 'star-filled' | 'star-large' | 'status' | 'stopwatch' | 'subtask' | 'suitcase' | 'switcher' | 'table' | 'task' | 'trash' | 'tray' | 'undo' | 'unlink' | 'unlock' | 'unlock-circle' | 'unlock-filled' | 'upload' | 'user-avatar-circle' | 'vid-audio-muted' | 'vid-audio-on' | 'vid-backward' | 'vid-camera-off' | 'vid-camera-on' | 'vid-connection-circle' | 'vid-forward' | 'vid-full-screen-off' | 'vid-full-screen-on' | 'vid-hang-up' | 'vid-hd-circle' | 'vid-pause' | 'vid-play' | 'vid-raised-hand' | 'vid-share-screen' | 'vid-speaking-circle' | 'vid-volume-full' | 'vid-volume-half' | 'vid-volume-muted' | 'video-circle' | 'video-filled' | 'warning' | 'watch' | 'watch-filled' | 'world' | 'world-small';
+type IconType = Icon;
+export type ButtonProps = Pick<PlatformButtonProps, 'children' | 'autoFocus' | 'isDisabled' | 'isSelected' | 'onBlur' | 'onClick' | 'onFocus' | 'spacing' | 'testId' | 'shouldFitContainer' | 'appearance' | 'type'> & {
+    iconBefore?: IconType;
+    iconAfter?: IconType;
+};
 export {};

package/dist/types-ts4.5/components/__generated__/ButtonProps.d.ts

@@ -3,12 +3,15 @@
  *
  * Extract component prop types from UIKit 2 components - ButtonProps
  *
- * @codegen <<SignedSource::4747471febea92c8432294f9c44ffd34>>
+ * @codegen <<SignedSource::608a03bb653872bfa96dea8698d7d098>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/button/__generated__/index.partial.tsx <<SignedSource::11fb24ff990893359d62537c06ae8811>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/button/__generated__/index.partial.tsx <<SignedSource::02de95b15ee84f580bd4604609e70c7a>>
  */
-import React from 'react';
-import PlatformButton from '@atlaskit/button/new';
-type PlatformButtonProps = React.ComponentProps<typeof PlatformButton>;
-export type ButtonProps = Pick<PlatformButtonProps, 'children' | 'autoFocus' | 'isDisabled' | 'isSelected' | 'onBlur' | 'onClick' | 'onFocus' | 'spacing' | 'testId' | 'shouldFitContainer' | 'appearance' | 'type'>;
+import type { ButtonProps as PlatformButtonProps } from '@atlaskit/button/new';
+export type Icon = 'activity' | 'add' | 'add-circle' | 'add-item' | 'addon' | 'app-access' | 'app-switcher' | 'archive' | 'arrow-down' | 'arrow-down-circle' | 'arrow-left' | 'arrow-left-circle' | 'arrow-right' | 'arrow-right-circle' | 'arrow-up' | 'arrow-up-circle' | 'attachment' | 'audio' | 'audio-circle' | 'backlog' | 'billing' | 'billing-filled' | 'bitbucket-branches' | 'bitbucket-builds' | 'bitbucket-clone' | 'bitbucket-commits' | 'bitbucket-compare' | 'bitbucket-forks' | 'bitbucket-output' | 'bitbucket-pipelines' | 'bitbucket-pullrequests' | 'bitbucket-repos' | 'bitbucket-snippets' | 'bitbucket-source' | 'board' | 'book' | 'bullet-list' | 'calendar' | 'calendar-filled' | 'camera' | 'camera-filled' | 'camera-rotate' | 'camera-take-picture' | 'canvas' | 'check' | 'check-circle' | 'check-circle-outline' | 'checkbox' | 'checkbox-indeterminate' | 'chevron-down' | 'chevron-down-circle' | 'chevron-left' | 'chevron-left-circle' | 'chevron-left-large' | 'chevron-right' | 'chevron-right-circle' | 'chevron-right-large' | 'chevron-up' | 'chevron-up-circle' | 'child-issues' | 'code' | 'comment' | 'component' | 'copy' | 'creditcard' | 'creditcard-filled' | 'cross' | 'cross-circle' | 'dashboard' | 'decision' | 'department' | 'detail-view' | 'discover' | 'discover-filled' | 'document' | 'document-filled' | 'documents' | 'download' | 'drag-handler' | 'dropbox' | 'edit' | 'edit-filled' | 'editor-add' | 'editor-addon' | 'editor-advanced' | 'editor-align-center' | 'editor-align-image-center' | 'editor-align-image-left' | 'editor-align-image-right' | 'editor-align-left' | 'editor-align-right' | 'editor-attachment' | 'editor-background-color' | 'editor-bold' | 'editor-bullet-list' | 'editor-close' | 'editor-code' | 'editor-collapse' | 'editor-date' | 'editor-decision' | 'editor-divider' | 'editor-done' | 'editor-edit' | 'editor-emoji' | 'editor-error' | 'editor-expand' | 'editor-feedback' | 'editor-file' | 'editor-file-preview' | 'editor-help' | 'editor-hint' | 'editor-horizontal-rule' | 'editor-image' | 'editor-image-border' | 'editor-image-resize' | 'editor-indent' | 'editor-info' | 'editor-italic' | 'editor-layout-single' | 'editor-layout-three-equal' | 'editor-layout-three-with-sidebars' | 'editor-layout-two-equal' | 'editor-layout-two-left-sidebar' | 'editor-layout-two-right-sidebar' | 'editor-link' | 'editor-media-center' | 'editor-media-full-width' | 'editor-media-wide' | 'editor-media-wrap-left' | 'editor-media-wrap-right' | 'editor-mention' | 'editor-more' | 'editor-note' | 'editor-number-list' | 'editor-open' | 'editor-outdent' | 'editor-panel' | 'editor-photo' | 'editor-quote' | 'editor-recent' | 'editor-redo' | 'editor-remove' | 'editor-remove-emoji' | 'editor-search' | 'editor-settings' | 'editor-strikethrough' | 'editor-success' | 'editor-table' | 'editor-table-display-options' | 'editor-task' | 'editor-text-color' | 'editor-text-style' | 'editor-underline' | 'editor-undo' | 'editor-unlink' | 'editor-warning' | 'email' | 'emoji' | 'emoji-add' | 'emoji-activity' | 'emoji-atlassian' | 'emoji-custom' | 'emoji-emoji' | 'emoji-flags' | 'emoji-food' | 'emoji-frequent' | 'emoji-keyboard' | 'emoji-nature' | 'emoji-objects' | 'emoji-people' | 'emoji-productivity' | 'emoji-symbols' | 'emoji-travel' | 'error' | 'export' | 'feedback' | 'file' | 'filter' | 'flag-filled' | 'folder' | 'folder-filled' | 'followers' | 'following' | 'googledrive' | 'graph-bar' | 'graph-line' | 'gsuite' | 'highlights' | 'hipchat-audio-only' | 'hipchat-chevron-double-down' | 'hipchat-chevron-double-up' | 'hipchat-chevron-down' | 'hipchat-chevron-up' | 'hipchat-dial-out' | 'hipchat-lobby' | 'hipchat-media-attachment-count' | 'hipchat-outgoing-sound' | 'hipchat-sd-video' | 'home' | 'home-circle' | 'image' | 'image-border' | 'image-resize' | 'info' | 'invite-team' | 'issue' | 'issue-raise' | 'issues' | 'jira-capture' | 'jira-failed-build-status' | 'jira-labs' | 'jira-test-session' | 'label' | 'lightbulb' | 'lightbulb-filled' | 'like' | 'link' | 'link-filled' | 'list' | 'location' | 'lock' | 'lock-circle' | 'lock-filled' | 'marketplace' | 'media-services-actual-size' | 'media-services-add-comment' | 'media-services-annotate' | 'media-services-arrow' | 'media-services-audio' | 'media-services-blur' | 'media-services-brush' | 'media-services-button-option' | 'media-services-code' | 'media-services-document' | 'media-services-filter' | 'media-services-fit-to-page' | 'media-services-full-screen' | 'media-services-grid' | 'media-services-image' | 'media-services-line' | 'media-services-line-thickness' | 'media-services-no-image' | 'media-services-open-mediaviewer' | 'media-services-oval' | 'media-services-pdf' | 'media-services-preselected' | 'media-services-presentation' | 'media-services-rectangle' | 'media-services-scale-large' | 'media-services-scale-small' | 'media-services-spreadsheet' | 'media-services-text' | 'media-services-unknown' | 'media-services-video' | 'media-services-zip' | 'media-services-zoom-in' | 'media-services-zoom-out' | 'mention' | 'menu' | 'menu-expand' | 'mobile' | 'more' | 'more-vertical' | 'notification' | 'notification-all' | 'notification-direct' | 'office-building' | 'office-building-filled' | 'open' | 'overview' | 'page' | 'page-filled' | 'pdf' | 'people' | 'people-group' | 'person' | 'person-circle' | 'person-with-circle' | 'person-with-cross' | 'person-with-tick' | 'portfolio' | 'preferences' | 'premium' | 'presence-active' | 'presence-busy' | 'presence-unavailable' | 'question' | 'question-circle' | 'questions' | 'queues' | 'quote' | 'radio' | 'recent' | 'redo' | 'refresh' | 'retry' | 'roadmap' | 'room-menu' | 'schedule' | 'schedule-filled' | 'screen' | 'search' | 'select-clear' | 'send' | 'settings' | 'share' | 'ship' | 'shortcut' | 'sign-in' | 'sign-out' | 'sprint' | 'star' | 'star-filled' | 'star-large' | 'status' | 'stopwatch' | 'subtask' | 'suitcase' | 'switcher' | 'table' | 'task' | 'trash' | 'tray' | 'undo' | 'unlink' | 'unlock' | 'unlock-circle' | 'unlock-filled' | 'upload' | 'user-avatar-circle' | 'vid-audio-muted' | 'vid-audio-on' | 'vid-backward' | 'vid-camera-off' | 'vid-camera-on' | 'vid-connection-circle' | 'vid-forward' | 'vid-full-screen-off' | 'vid-full-screen-on' | 'vid-hang-up' | 'vid-hd-circle' | 'vid-pause' | 'vid-play' | 'vid-raised-hand' | 'vid-share-screen' | 'vid-speaking-circle' | 'vid-volume-full' | 'vid-volume-half' | 'vid-volume-muted' | 'video-circle' | 'video-filled' | 'warning' | 'watch' | 'watch-filled' | 'world' | 'world-small';
+type IconType = Icon;
+export type ButtonProps = Pick<PlatformButtonProps, 'children' | 'autoFocus' | 'isDisabled' | 'isSelected' | 'onBlur' | 'onClick' | 'onFocus' | 'spacing' | 'testId' | 'shouldFitContainer' | 'appearance' | 'type'> & {
+    iconBefore?: IconType;
+    iconAfter?: IconType;
+};
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/forge-react-types",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Component types for Forge UI Kit React components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
     "@atlaskit/radio": "^6.0.0",
     "@atlaskit/range": "^7.1.0",
     "@atlaskit/section-message": "^6.4.0",
-    "@atlaskit/select": "^17.0.3",
+    "@atlaskit/select": "^17.1.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/tabs": "^14.0.0",
     "@atlaskit/tag": "^12.0.0",
@@ -56,6 +56,7 @@
   },
   "devDependencies": {
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "@atlassian/codegen": "^0.1.2",
     "@types/node": "~18.17.1",
     "react": "^16.8.0",
     "ts-morph": "^17.0.0",

package/scripts/codegen/componentPropTypes.ts

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-extraneous-dependencies */
 import { createSignedArtifact } from '@atlassian/codegen';
 import { Project } from 'ts-morph';
 import type { Symbol, SourceFile, ExportSpecifier, Node } from 'ts-morph';

package/src/components/__generated__/ButtonProps.tsx

@@ -3,16 +3,373 @@
  *
  * Extract component prop types from UIKit 2 components - ButtonProps
  *
- * @codegen <<SignedSource::4747471febea92c8432294f9c44ffd34>>
+ * @codegen <<SignedSource::608a03bb653872bfa96dea8698d7d098>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/button/__generated__/index.partial.tsx <<SignedSource::11fb24ff990893359d62537c06ae8811>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/button/__generated__/index.partial.tsx <<SignedSource::02de95b15ee84f580bd4604609e70c7a>>
  */
-import React from 'react';
-import PlatformButton from '@atlaskit/button/new';
+import type { ButtonProps as PlatformButtonProps } from '@atlaskit/button/new';
+
+export type Icon =
+  | 'activity'
+  | 'add'
+  | 'add-circle'
+  | 'add-item'
+  | 'addon'
+  | 'app-access'
+  | 'app-switcher'
+  | 'archive'
+  | 'arrow-down'
+  | 'arrow-down-circle'
+  | 'arrow-left'
+  | 'arrow-left-circle'
+  | 'arrow-right'
+  | 'arrow-right-circle'
+  | 'arrow-up'
+  | 'arrow-up-circle'
+  | 'attachment'
+  | 'audio'
+  | 'audio-circle'
+  | 'backlog'
+  | 'billing'
+  | 'billing-filled'
+  | 'bitbucket-branches'
+  | 'bitbucket-builds'
+  | 'bitbucket-clone'
+  | 'bitbucket-commits'
+  | 'bitbucket-compare'
+  | 'bitbucket-forks'
+  | 'bitbucket-output'
+  | 'bitbucket-pipelines'
+  | 'bitbucket-pullrequests'
+  | 'bitbucket-repos'
+  | 'bitbucket-snippets'
+  | 'bitbucket-source'
+  | 'board'
+  | 'book'
+  | 'bullet-list'
+  | 'calendar'
+  | 'calendar-filled'
+  | 'camera'
+  | 'camera-filled'
+  | 'camera-rotate'
+  | 'camera-take-picture'
+  | 'canvas'
+  | 'check'
+  | 'check-circle'
+  | 'check-circle-outline'
+  | 'checkbox'
+  | 'checkbox-indeterminate'
+  | 'chevron-down'
+  | 'chevron-down-circle'
+  | 'chevron-left'
+  | 'chevron-left-circle'
+  | 'chevron-left-large'
+  | 'chevron-right'
+  | 'chevron-right-circle'
+  | 'chevron-right-large'
+  | 'chevron-up'
+  | 'chevron-up-circle'
+  | 'child-issues'
+  | 'code'
+  | 'comment'
+  | 'component'
+  | 'copy'
+  | 'creditcard'
+  | 'creditcard-filled'
+  | 'cross'
+  | 'cross-circle'
+  | 'dashboard'
+  | 'decision'
+  | 'department'
+  | 'detail-view'
+  | 'discover'
+  | 'discover-filled'
+  | 'document'
+  | 'document-filled'
+  | 'documents'
+  | 'download'
+  | 'drag-handler'
+  | 'dropbox'
+  | 'edit'
+  | 'edit-filled'
+  | 'editor-add'
+  | 'editor-addon'
+  | 'editor-advanced'
+  | 'editor-align-center'
+  | 'editor-align-image-center'
+  | 'editor-align-image-left'
+  | 'editor-align-image-right'
+  | 'editor-align-left'
+  | 'editor-align-right'
+  | 'editor-attachment'
+  | 'editor-background-color'
+  | 'editor-bold'
+  | 'editor-bullet-list'
+  | 'editor-close'
+  | 'editor-code'
+  | 'editor-collapse'
+  | 'editor-date'
+  | 'editor-decision'
+  | 'editor-divider'
+  | 'editor-done'
+  | 'editor-edit'
+  | 'editor-emoji'
+  | 'editor-error'
+  | 'editor-expand'
+  | 'editor-feedback'
+  | 'editor-file'
+  | 'editor-file-preview'
+  | 'editor-help'
+  | 'editor-hint'
+  | 'editor-horizontal-rule'
+  | 'editor-image'
+  | 'editor-image-border'
+  | 'editor-image-resize'
+  | 'editor-indent'
+  | 'editor-info'
+  | 'editor-italic'
+  | 'editor-layout-single'
+  | 'editor-layout-three-equal'
+  | 'editor-layout-three-with-sidebars'
+  | 'editor-layout-two-equal'
+  | 'editor-layout-two-left-sidebar'
+  | 'editor-layout-two-right-sidebar'
+  | 'editor-link'
+  | 'editor-media-center'
+  | 'editor-media-full-width'
+  | 'editor-media-wide'
+  | 'editor-media-wrap-left'
+  | 'editor-media-wrap-right'
+  | 'editor-mention'
+  | 'editor-more'
+  | 'editor-note'
+  | 'editor-number-list'
+  | 'editor-open'
+  | 'editor-outdent'
+  | 'editor-panel'
+  | 'editor-photo'
+  | 'editor-quote'
+  | 'editor-recent'
+  | 'editor-redo'
+  | 'editor-remove'
+  | 'editor-remove-emoji'
+  | 'editor-search'
+  | 'editor-settings'
+  | 'editor-strikethrough'
+  | 'editor-success'
+  | 'editor-table'
+  | 'editor-table-display-options'
+  | 'editor-task'
+  | 'editor-text-color'
+  | 'editor-text-style'
+  | 'editor-underline'
+  | 'editor-undo'
+  | 'editor-unlink'
+  | 'editor-warning'
+  | 'email'
+  | 'emoji'
+  | 'emoji-add'
+  | 'emoji-activity'
+  | 'emoji-atlassian'
+  | 'emoji-custom'
+  | 'emoji-emoji'
+  | 'emoji-flags'
+  | 'emoji-food'
+  | 'emoji-frequent'
+  | 'emoji-keyboard'
+  | 'emoji-nature'
+  | 'emoji-objects'
+  | 'emoji-people'
+  | 'emoji-productivity'
+  | 'emoji-symbols'
+  | 'emoji-travel'
+  | 'error'
+  | 'export'
+  | 'feedback'
+  | 'file'
+  | 'filter'
+  | 'flag-filled'
+  | 'folder'
+  | 'folder-filled'
+  | 'followers'
+  | 'following'
+  | 'googledrive'
+  | 'graph-bar'
+  | 'graph-line'
+  | 'gsuite'
+  | 'highlights'
+  | 'hipchat-audio-only'
+  | 'hipchat-chevron-double-down'
+  | 'hipchat-chevron-double-up'
+  | 'hipchat-chevron-down'
+  | 'hipchat-chevron-up'
+  | 'hipchat-dial-out'
+  | 'hipchat-lobby'
+  | 'hipchat-media-attachment-count'
+  | 'hipchat-outgoing-sound'
+  | 'hipchat-sd-video'
+  | 'home'
+  | 'home-circle'
+  | 'image'
+  | 'image-border'
+  | 'image-resize'
+  | 'info'
+  | 'invite-team'
+  | 'issue'
+  | 'issue-raise'
+  | 'issues'
+  | 'jira-capture'
+  | 'jira-failed-build-status'
+  | 'jira-labs'
+  | 'jira-test-session'
+  | 'label'
+  | 'lightbulb'
+  | 'lightbulb-filled'
+  | 'like'
+  | 'link'
+  | 'link-filled'
+  | 'list'
+  | 'location'
+  | 'lock'
+  | 'lock-circle'
+  | 'lock-filled'
+  | 'marketplace'
+  | 'media-services-actual-size'
+  | 'media-services-add-comment'
+  | 'media-services-annotate'
+  | 'media-services-arrow'
+  | 'media-services-audio'
+  | 'media-services-blur'
+  | 'media-services-brush'
+  | 'media-services-button-option'
+  | 'media-services-code'
+  | 'media-services-document'
+  | 'media-services-filter'
+  | 'media-services-fit-to-page'
+  | 'media-services-full-screen'
+  | 'media-services-grid'
+  | 'media-services-image'
+  | 'media-services-line'
+  | 'media-services-line-thickness'
+  | 'media-services-no-image'
+  | 'media-services-open-mediaviewer'
+  | 'media-services-oval'
+  | 'media-services-pdf'
+  | 'media-services-preselected'
+  | 'media-services-presentation'
+  | 'media-services-rectangle'
+  | 'media-services-scale-large'
+  | 'media-services-scale-small'
+  | 'media-services-spreadsheet'
+  | 'media-services-text'
+  | 'media-services-unknown'
+  | 'media-services-video'
+  | 'media-services-zip'
+  | 'media-services-zoom-in'
+  | 'media-services-zoom-out'
+  | 'mention'
+  | 'menu'
+  | 'menu-expand'
+  | 'mobile'
+  | 'more'
+  | 'more-vertical'
+  | 'notification'
+  | 'notification-all'
+  | 'notification-direct'
+  | 'office-building'
+  | 'office-building-filled'
+  | 'open'
+  | 'overview'
+  | 'page'
+  | 'page-filled'
+  | 'pdf'
+  | 'people'
+  | 'people-group'
+  | 'person'
+  | 'person-circle'
+  | 'person-with-circle'
+  | 'person-with-cross'
+  | 'person-with-tick'
+  | 'portfolio'
+  | 'preferences'
+  | 'premium'
+  | 'presence-active'
+  | 'presence-busy'
+  | 'presence-unavailable'
+  | 'question'
+  | 'question-circle'
+  | 'questions'
+  | 'queues'
+  | 'quote'
+  | 'radio'
+  | 'recent'
+  | 'redo'
+  | 'refresh'
+  | 'retry'
+  | 'roadmap'
+  | 'room-menu'
+  | 'schedule'
+  | 'schedule-filled'
+  | 'screen'
+  | 'search'
+  | 'select-clear'
+  | 'send'
+  | 'settings'
+  | 'share'
+  | 'ship'
+  | 'shortcut'
+  | 'sign-in'
+  | 'sign-out'
+  | 'sprint'
+  | 'star'
+  | 'star-filled'
+  | 'star-large'
+  | 'status'
+  | 'stopwatch'
+  | 'subtask'
+  | 'suitcase'
+  | 'switcher'
+  | 'table'
+  | 'task'
+  | 'trash'
+  | 'tray'
+  | 'undo'
+  | 'unlink'
+  | 'unlock'
+  | 'unlock-circle'
+  | 'unlock-filled'
+  | 'upload'
+  | 'user-avatar-circle'
+  | 'vid-audio-muted'
+  | 'vid-audio-on'
+  | 'vid-backward'
+  | 'vid-camera-off'
+  | 'vid-camera-on'
+  | 'vid-connection-circle'
+  | 'vid-forward'
+  | 'vid-full-screen-off'
+  | 'vid-full-screen-on'
+  | 'vid-hang-up'
+  | 'vid-hd-circle'
+  | 'vid-pause'
+  | 'vid-play'
+  | 'vid-raised-hand'
+  | 'vid-share-screen'
+  | 'vid-speaking-circle'
+  | 'vid-volume-full'
+  | 'vid-volume-half'
+  | 'vid-volume-muted'
+  | 'video-circle'
+  | 'video-filled'
+  | 'warning'
+  | 'watch'
+  | 'watch-filled'
+  | 'world'
+  | 'world-small';
+type IconType = Icon;
 
-type PlatformButtonProps = React.ComponentProps<typeof PlatformButton>;
 
 export type ButtonProps = Pick<
-  PlatformButtonProps,
-  'children' | 'autoFocus' | 'isDisabled' | 'isSelected' | 'onBlur' | 'onClick' | 'onFocus' | 'spacing' | 'testId' | 'shouldFitContainer' | 'appearance' | 'type'
->;
+PlatformButtonProps,
+'children' | 'autoFocus' | 'isDisabled' | 'isSelected' | 'onBlur' | 'onClick' | 'onFocus' | 'spacing' | 'testId' | 'shouldFitContainer' | 'appearance' | 'type'
+> & { iconBefore?: IconType, iconAfter?: IconType };