Merge from vscode 1eb87b0e9ce9886afeaecec22b31abd0d9b7939f (#7282)

* Merge from vscode 1eb87b0e9ce9886afeaecec22b31abd0d9b7939f

* fix various icon issues

* fix preview features

src/sql/base/browser/ui/table/media/slickColorTheme.css

@@ -87,42 +87,42 @@
 }
 
 /* icons */
-.vs .icon.extendFullScreen {
+.vs .codicon.extendFullScreen {
 	/* ExtendToFullScreen_16x_vscode */
 	background-image: url("extendFullScreen.svg");
 }
 
-.vs .icon.exitFullScreen {
+.vs .codicon.exitFullScreen {
 	/* ExitFullScreen_16x_vscode */
 	background-image: url("exitFullScreen.svg");
 }
 
-.vs .icon.saveJson {
+.vs .codicon.saveJson {
 	/* ResultToJSON_16x_vscode */
 	background-image: url("saveJson.svg");
 }
 
-.vs .icon.saveCsv {
+.vs .codicon.saveCsv {
 	/* ResultToCSV_16x_vscode */
 	background-image: url("saveCsv.svg");
 }
 
-.vs .icon.saveExcel {
+.vs .codicon.saveExcel {
 	/* ResultToXlsx_16x_vscode */
 	background-image: url("saveExcel.svg");
 }
 
-.vs .icon.saveXml {
+.vs .codicon.saveXml {
 	/* ResultToXML_16x_vscode */
 	background-image: url("saveXml.svg");
 }
 
-.vs .icon.viewChart {
+.vs .codicon.viewChart {
 	/* ResultToXlsx_16x_vscode */
 	background-image: url("viewChart.svg");
 }
 
-.vs .icon.viewVisualizer {
+.vs .codicon.viewVisualizer {
 	background-image: url("viewVisualizer.svg");
 }
 
@@ -222,54 +222,54 @@
 }
 
 /* icons */
-.vs-dark .icon.extendFullScreen,
-.hc-black .icon.extendFullScreen {
+.vs-dark .codicon.extendFullScreen,
+.hc-black .codicon.extendFullScreen {
 	/* ExtendToFullScreen_16x_vscode_inverse.svg */
 	background-image: url("extendFullScreen_inverse.svg");
 }
 
-.vs-dark .icon.exitFullScreen,
-.hc-black .icon.exitFullScreen {
+.vs-dark .codicon.exitFullScreen,
+.hc-black .codicon.exitFullScreen {
 	/* ExitFullScreen_16x_vscode_inverse.svg */
 	background-image: url("exitFullScreen_inverse.svg");
 }
 
-.vs-dark .icon.saveJson,
-.hc-black .icon.saveJson {
+.vs-dark .codicon.saveJson,
+.hc-black .codicon.saveJson {
 	/* ResultToJSON_16x_vscode_inverse.svg */
 	background-image: url("saveJson_inverse.svg");
 }
 
-.vs-dark .icon.saveCsv,
-.hc-black .icon.saveCsv {
+.vs-dark .codicon.saveCsv,
+.hc-black .codicon.saveCsv {
 	/* ResultToCSV_16x_vscode_inverse.svg */
 	background-image: url("saveCsv_inverse.svg");
 }
 
-.vs-dark .icon.saveExcel,
-.hc-black .icon.saveExcel {
+.vs-dark .codicon.saveExcel,
+.hc-black .codicon.saveExcel {
 	/* ResultToXlsx_16x_vscode_inverse.svg */
 	background-image: url("saveExcel_inverse.svg");
 }
 
-.vs-dark .icon.saveXml,
-.hc-black .icon.saveXml {
+.vs-dark .codicon.saveXml,
+.hc-black .codicon.saveXml {
 	/* ResultToXml_16x_vscode_inverse.svg */
 	background-image: url("saveXml_inverse.svg");
 }
 
-.vs-dark .icon.viewChart,
-.hc-black .icon.viewChart {
+.vs-dark .codicon.viewChart,
+.hc-black .codicon.viewChart {
 	/* ResultToXlsx_16x_vscode */
 	background-image: url("viewChart_inverse.svg");
 }
 
-.vs-dark .icon.viewVisualizer,
-.hc-black .icon.viewVisualizer {
+.vs-dark .codicon.viewVisualizer,
+.hc-black .codicon.viewVisualizer {
 	background-image: url("viewVisualizer_inverse.svg");
 }
 
-.grid-panel .action-label.icon {
+.grid-panel .action-label.codicon {
 	height: 16px;
 	min-width: 28px;
 	background-size: 16px;

src/sql/base/browser/ui/taskbar/media/icons.css

@@ -12,109 +12,109 @@
 	background-image: url('ellipsis-inverse.svg');
 }
 
-.vs .icon.start,
-.vs-dark .icon.start,
-.hc-black .icon.start {
+.vs .codicon.start,
+.vs-dark .codicon.start,
+.hc-black .codicon.start {
 	background-image: url('start.svg');
 }
 
-.vs .icon.add,
-.vs-dark .icon.add,
-.hc-black .icon.add {
+.vs .codicon.add,
+.vs-dark .codicon.add,
+.hc-black .codicon.add {
 	background-image: url('add.svg');
 }
 
-.vs .icon.stop,
-.vs-dark .icon.stop,
-.hc-black .icon.stop {
+.vs .codicon.stop,
+.vs-dark .codicon.stop,
+.hc-black .codicon.stop {
 	background-image: url('stop.svg');
 }
 
-.vs .icon.disconnect {
+.vs .codicon.disconnect {
 	background-image: url('disconnect.svg');
 }
 
-.vs-dark .icon.disconnect,
-.hc-black .icon.disconnect {
+.vs-dark .codicon.disconnect,
+.hc-black .codicon.disconnect {
 	background-image: url('disconnect_inverse.svg');
 	background-repeat: no-repeat;
 }
 
-.vs .icon.connect {
+.vs .codicon.connect {
 	background-image: url('connect.svg');
 }
 
-.vs-dark .icon.connect,
-.hc-black .icon.connect {
+.vs-dark .codicon.connect,
+.hc-black .codicon.connect {
 	background-image: url('connect_inverse.svg');
 	background-repeat: no-repeat;
 }
 
-.vs .icon.changeConnection {
+.vs .codicon.changeConnection {
 	background-image: url('change_connection.svg');
 }
 
-.vs-dark .icon.changeConnection,
-.hc-black .icon.changeConnection  {
+.vs-dark .codicon.changeConnection,
+.hc-black .codicon.changeConnection  {
 	background-image: url('change_connection_inverse.svg');
 	background-repeat: no-repeat;
 }
 
-.vs .icon.estimatedQueryPlan,
-.vs .icon.actualQueryPlan {
+.vs .codicon.estimatedQueryPlan,
+.vs .codicon.actualQueryPlan {
 	background-image: url('query-plan.svg');
 }
 
-.vs-dark .icon.estimatedQueryPlan,
-.hc-black .icon.estimatedQueryPlan,
-.vs-dark .icon.actualQueryPlan,
-.hc-black .icon.actualQueryPlan {
+.vs-dark .codicon.estimatedQueryPlan,
+.hc-black .codicon.estimatedQueryPlan,
+.vs-dark .codicon.actualQueryPlan,
+.hc-black .codicon.actualQueryPlan {
 	background-image: url('query-plan-inverse.svg');
 }
 
-.vs .icon.createInsight {
+.vs .codicon.createInsight {
 	background-image: url('create_insight.svg');
 }
 
-.vs-dark .icon.createInsight,
-.hc-black .icon.createInsight {
+.vs-dark .codicon.createInsight,
+.hc-black .codicon.createInsight {
 	background-image: url('create_insight_inverse.svg');
 }
 
-.vs .icon.copyImage {
+.vs .codicon.copyImage {
 	background-image: url('copy_image.svg');
 }
 
-.vs-dark .icon.copyImage,
-.hc-black .icon.copyImage {
+.vs-dark .codicon.copyImage,
+.hc-black .codicon.copyImage {
 	background-image: url('copy_image_inverse.svg');
 }
 
-.vs .icon.saveAsImage {
+.vs .codicon.saveAsImage {
 	background-image: url('save_as_image.svg');
 }
 
-.vs-dark .icon.saveAsImage,
-.hc-black .icon.saveAsImage {
+.vs-dark .codicon.saveAsImage,
+.hc-black .codicon.saveAsImage {
 	background-image: url('save_as_image_inverse.svg');
 }
 
-.vs .icon.enablesqlcmd {
+.vs .codicon.enablesqlcmd {
 	background-image: url('enable_sqlcmd.svg');
 }
 
-.vs-dark .icon.enablesqlcmd,
-.hc-black .icon.enablesqlcmd {
+.vs-dark .codicon.enablesqlcmd,
+.hc-black .codicon.enablesqlcmd {
 	background-image: url('enable_sqlcmd_inverse.svg');
 	background-repeat: no-repeat;
 }
 
-.vs .icon.disablesqlcmd {
+.vs .codicon.disablesqlcmd {
 	background-image: url('disable_sqlcmd.svg');
 }
 
-.vs-dark .icon.disablesqlcmd,
-.hc-black .icon.disablesqlcmd {
+.vs-dark .codicon.disablesqlcmd,
+.hc-black .codicon.disablesqlcmd {
 	background-image: url('disable_sqlcmd_inverse.svg');
 	background-repeat: no-repeat;
 }

src/sql/base/browser/ui/taskbar/media/taskbar.css

@@ -83,6 +83,6 @@
 
 /* Taskbar Icons */
 
-.carbon-taskbar .icon {
+.carbon-taskbar .codicon {
 	background-size: 11px;
 }