updates codicon component to FAST

src/webviews/apps/commitDetails/commitDetails.html

@@ -139,7 +139,7 @@
 							data-action-type="graph"
 							aria-label="Open in Commit Graph"
 							title="Open in Commit Graph"
-							><code-icon icon="graph"></code-icon
+							><code-icon icon="gl-graph"></code-icon
 						></a>
 						<a
 							class="commit-details__commit-action"

src/webviews/apps/commitDetails/commitDetails.ts

@@ -25,7 +25,7 @@ import type { FileChangeListItem, FileChangeListItemDetail } from '../shared/com
 import type { WebviewPane, WebviewPaneExpandedChangeEventDetail } from '../shared/components/webview-pane';
 import { DOM } from '../shared/dom';
 import './commitDetails.scss';
-import '../shared/components/codicon';
+import '../shared/components/code-icon';
 import '../shared/components/commit/commit-identity';
 import '../shared/components/formatted-date';
 import '../shared/components/rich/issue-pull-request';
@@ -273,7 +273,7 @@ export class CommitDetailsApp extends App> {
 		$el.classList.toggle('is-active', state.pinned);
 
 		const $icon = $el.querySelector('[data-region="commit-pin"]');
-		$icon?.setAttribute('icon', state.pinned ? 'pinned-filled' : 'pin');
+		$icon?.setAttribute('icon', state.pinned ? 'gl-pinned-filled' : 'pin');
 	}
 
 	renderSha(state: CommitState) {

src/webviews/apps/home/components/card-section.ts

@@ -1,6 +1,6 @@
 import { attr, css, customElement, FASTElement, html, when } from '@microsoft/fast-element';
 import { numberConverter } from '../../shared/components/converters/number-converter';
-import '../../shared/components/codicon';
+import '../../shared/components/code-icon';
 
 const template = html<CardSection>`<template role="region">
 	${when(

src/webviews/apps/home/components/header-card.ts

@@ -2,7 +2,7 @@ import { attr, css, customElement, FASTElement, html, ref, volatile, when } from
 import { SubscriptionState } from '../../../../subscription';
 import { pluralize } from '../../../../system/string';
 import { numberConverter } from '../../shared/components/converters/number-converter';
-import '../../shared/components/codicon';
+import '../../shared/components/code-icon';
 
 const template = html<HeaderCard>`
 	<div class="header-card__media"><img class="header-card__image" src="${x => x.image}" alt="GitLens Logo" /></div>

src/webviews/apps/home/components/plus-content.ts

@@ -2,7 +2,7 @@ import { attr, css, customElement, FASTElement, html, volatile, when } from '@mi
 import { SubscriptionState } from '../../../../subscription';
 import { pluralize } from '../../../../system/string';
 import { numberConverter } from '../../shared/components/converters/number-converter';
-import '../../shared/components/codicon';
+import '../../shared/components/code-icon';
 
 const template = html<PlusContent>`
 	${when(

src/webviews/apps/home/components/stepped-section.ts

@@ -1,6 +1,6 @@
 import { attr, css, customElement, FASTElement, html } from '@microsoft/fast-element';
 import { numberConverter } from '../../shared/components/converters/number-converter';
-import '../../shared/components/codicon';
+import '../../shared/components/code-icon';
 
 const template = html<SteppedSection>`<template role="region">
 	<header class="heading" role="heading" aria-level="${x => x.headingLevel}">

src/webviews/apps/home/home.ts

@@ -17,7 +17,7 @@ import { DOM } from '../shared/dom';
 import type { CardSection } from './components/card-section';
 import type { PlusContent } from './components/plus-content';
 import type { SteppedSection } from './components/stepped-section';
-import '../shared/components/codicon';
+import '../shared/components/code-icon';
 import './components/card-section';
 import './components/stepped-section';
 import './components/plus-content';

src/webviews/apps/shared/components/actions/action-nav.ts

@@ -1,5 +1,5 @@
 import { css, customElement, FASTElement, html, observable, slotted } from '@microsoft/fast-element';
-import '../codicon';
+import '../code-icon';
 
 const template = html<ActionNav>`<template role="navigation"><slot ${slotted('actionNodes')}></slot></template>`;
 

src/webviews/apps/shared/components/commit/commit-stats.ts

@@ -1,6 +1,6 @@
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
-import '../codicon';
+import '../code-icon';
 
 @customElement('commit-stats')
 export class CommitStats extends LitElement {

src/webviews/apps/shared/components/commit/file-change-item.ts

@@ -1,7 +1,7 @@
 import { css, html, LitElement, nothing } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import type { FileShowOptions } from '../../../../commitDetails/protocol';
-import '../codicon';
+import '../code-icon';
 
 export interface FileChangeItemEventDetail {
 	path: string;

src/webviews/apps/shared/components/list/file-change-list-item.ts

@@ -3,7 +3,7 @@ import type { TextDocumentShowOptions } from 'vscode';
 import { numberConverter } from '../converters/number-converter';
 import type { ListItem } from './list-item';
 import './list-item';
-import '../codicon';
+import '../code-icon';
 
 export interface FileChangeListItemDetail {
 	path: string;

src/webviews/apps/shared/components/list/list-item.ts

@@ -1,7 +1,7 @@
 import { attr, css, customElement, FASTElement, html, repeat, volatile, when } from '@microsoft/fast-element';
 import type { TextDocumentShowOptions } from 'vscode';
 import { numberConverter } from '../converters/number-converter';
-import '../codicon';
+import '../code-icon';
 
 declare global {
 	interface HTMLElementEventMap {

src/webviews/apps/shared/components/rich/issue-pull-request.ts

@@ -1,7 +1,7 @@
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import '../formatted-date';
-import '../codicon';
+import '../code-icon';
 
 @customElement('issue-pull-request')
 export class IssuePullRequest extends LitElement {

src/webviews/apps/shared/components/search/search-box.ts

@@ -4,7 +4,7 @@ import { pluralize } from '../../../../../system/string';
 import type { Disposable } from '../../dom';
 import { DOM } from '../../dom';
 import { numberConverter } from '../converters/number-converter';
-import '../codicon';
+import '../code-icon';
 import type { SearchInput } from './search-input';
 import './search-input';
 import './../progress';

src/webviews/apps/shared/components/search/search-input.ts

@@ -1,7 +1,7 @@
 import { attr, css, customElement, FASTElement, html, observable, ref, volatile, when } from '@microsoft/fast-element';
 import type { SearchQuery } from '../../../../../git/search';
 import { debounce } from '../../../../../system/function';
-import '../codicon';
+import '../code-icon';
 
 export type SearchOperators =
 	| '=:'

src/webviews/apps/shared/components/webview-pane.ts

@@ -1,6 +1,6 @@
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
-import './codicon';
+import './code-icon';
 import './actions/action-nav';
 
 export interface WebviewPaneExpandedChangeEventDetail {