@codingame/monaco-vscode-api 16.0.6 → 16.1.0

package/vscode/src/vs/base/browser/ui/progressbar/progressbar.js

@@ -1,11 +1,13 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { show, hide } from '../../dom.js';
 import { getProgressAcccessibilitySignalScheduler } from './progressAccessibilitySignal.js';
 import { RunOnceScheduler } from '../../../common/async.js';
 import { Disposable, MutableDisposable } from '../../../common/lifecycle.js';
 import { isNumber } from '../../../common/types.js';
-import './progressbar.css';
+import * as progressbar from './progressbar.css';
 
+registerCss(progressbar);
 const CSS_DONE = 'done';
 const CSS_ACTIVE = 'active';
 const CSS_INFINITE = 'infinite';

package/vscode/src/vs/base/browser/ui/sash/sash.js

@@ -1,4 +1,5 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate } from '../../../../../../../external/tslib/tslib.es6.js';
 import { getWindow, append, $, EventHelper, isHTMLElement } from '../../dom.js';
 import { createStyleSheet } from '../../domStylesheets.js';
@@ -9,8 +10,9 @@ import { memoize } from '../../../common/decorators.js';
 import { Emitter } from '../../../common/event.js';
 import { DisposableStore, Disposable, toDisposable } from '../../../common/lifecycle.js';
 import { isMacintosh } from '../../../common/platform.js';
-import './sash.css';
+import * as sash from './sash.css';
 
+registerCss(sash);
 const DEBUG = false;
 var OrthogonalEdge;
 (function (OrthogonalEdge) {

package/vscode/src/vs/base/browser/ui/scrollbar/scrollableElement.js

@@ -1,4 +1,5 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { isChrome, getZoomFactor } from '../../browser.js';
 import { getWindow, addDisposableListener, EventType, scheduleAtNextAnimationFrame } from '../../dom.js';
 import { createFastDomNode } from '../../fastDomNode.js';
@@ -11,8 +12,9 @@ import { Emitter } from '../../../common/event.js';
 import { dispose } from '../../../common/lifecycle.js';
 import { isMacintosh } from '../../../common/platform.js';
 import { Scrollable, ScrollbarVisibility } from '../../../common/scrollable.js';
-import './media/scrollbars.css';
+import * as scrollbars from './media/scrollbars.css';
 
+registerCss(scrollbars);
 const HIDE_TIMEOUT = 500;
 const SCROLL_WHEEL_SENSITIVITY = 50;
 class MouseWheelClassifierItem {

package/vscode/src/vs/base/browser/ui/selectBox/selectBox.js

@@ -1,11 +1,13 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import '../list/listWidget.js';
 import { SelectBoxList } from './selectBoxCustom.js';
 import { SelectBoxNative } from './selectBoxNative.js';
 import { Widget } from '../widget.js';
 import { isMacintosh } from '../../../common/platform.js';
-import './selectBox.css';
+import * as selectBox from './selectBox.css';
 
+registerCss(selectBox);
 class SelectBox extends Widget {
     constructor(options, selected, contextViewProvider, styles, selectBoxOptions) {
         super();

package/vscode/src/vs/base/browser/ui/selectBox/selectBoxCustom.js

@@ -1,4 +1,5 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { $ as $$1, append, addDisposableListener, EventType, EventHelper, addStandardDisposableListener, getWindow, getDomNodePagePosition, getTotalWidth, isAncestor } from '../../dom.js';
 import { createStyleSheet } from '../../domStylesheets.js';
 import { asCssValueWithDefault } from '../../cssValue.js';
@@ -15,9 +16,10 @@ import { KeyCode, KeyCodeUtils } from '../../../common/keyCodes.js';
 import { Disposable } from '../../../common/lifecycle.js';
 import { isMacintosh } from '../../../common/platform.js';
 import { ScrollbarVisibility } from '../../../common/scrollable.js';
-import './selectBoxCustom.css';
+import * as selectBoxCustom from './selectBoxCustom.css';
 import { localize } from '../../../../nls.js';
 
+registerCss(selectBoxCustom);
 const $ = $$1;
 const SELECT_OPTION_ENTRY_TEMPLATE_ID = 'selectOption.entry.template';
 class SelectListRenderer {

package/vscode/src/vs/base/browser/ui/severityIcon/severityIcon.js

@@ -1,9 +1,11 @@
 
-import './media/severityIcon.css';
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as severityIcon from './media/severityIcon.css';
 import { Codicon } from '../../../common/codicons.js';
 import { ThemeIcon } from '../../../common/themables.js';
 import Severity$1 from '../../../common/severity.js';
 
+registerCss(severityIcon);
 var SeverityIcon;
 (function (SeverityIcon) {
     function className(severity) {

package/vscode/src/vs/base/browser/ui/splitview/splitview.js

@@ -1,4 +1,5 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { append, $, scheduleAtNextAnimationFrame, getWindow, addDisposableListener } from '../../dom.js';
 import { DomEmitter } from '../../event.js';
 import { Orientation, Sash, SashState } from '../sash/sash.js';
@@ -10,8 +11,9 @@ import { Disposable, combinedDisposable, toDisposable, dispose } from '../../../
 import { clamp } from '../../../common/numbers.js';
 import { Scrollable, ScrollbarVisibility } from '../../../common/scrollable.js';
 import { isUndefined } from '../../../common/types.js';
-import './splitview.css';
+import * as splitview from './splitview.css';
 
+registerCss(splitview);
 const defaultStyles = {
     separatorBorder: Color.transparent
 };

package/vscode/src/vs/base/browser/ui/table/tableWidget.js

@@ -1,4 +1,5 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { append, $, clearNode, getContentHeight, getContentWidth } from '../../dom.js';
 import { createStyleSheet } from '../../domStylesheets.js';
 import { getBaseLayerHoverDelegate } from '../hover/hoverDelegate2.js';
@@ -8,9 +9,10 @@ import { SplitView } from '../splitview/splitview.js';
 import { Event, Emitter } from '../../../common/event.js';
 import { Disposable, DisposableStore } from '../../../common/lifecycle.js';
 import { ScrollbarVisibility } from '../../../common/scrollable.js';
-import './table.css';
+import * as table from './table.css';
 import { Orientation } from '../sash/sash.js';
 
+registerCss(table);
 class TableListRenderer {
     static { this.TemplateId = 'row'; }
     constructor(columns, renderers, getColumnSize) {

package/vscode/src/vs/base/browser/ui/toggle/toggle.js

@@ -1,15 +1,17 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { BaseActionViewItem } from '../actionbar/actionViewItems.js';
 import { Widget } from '../widget.js';
 import { Codicon } from '../../../common/codicons.js';
 import { ThemeIcon } from '../../../common/themables.js';
 import { Emitter } from '../../../common/event.js';
 import { KeyCode } from '../../../common/keyCodes.js';
-import './toggle.css';
+import * as toggle from './toggle.css';
 import { isActiveElement, $, addDisposableListener, EventType } from '../../dom.js';
 import { getDefaultHoverDelegate } from '../hover/hoverDelegateFactory.js';
 import { getBaseLayerHoverDelegate } from '../hover/hoverDelegate2.js';
 
+registerCss(toggle);
 const unthemedToggleStyles = {
     inputActiveOptionBorder: '#007ACC00',
     inputActiveOptionForeground: '#FFFFFF',

package/vscode/src/vs/base/browser/ui/toolbar/toolbar.js

@@ -1,4 +1,5 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { ActionsOrientation, ActionBar } from '../actionbar/actionbar.js';
 import { DropdownMenuActionViewItem } from '../dropdown/dropdownActionViewItem.js';
 import { SubmenuAction, Action } from '../../../common/actions.js';
@@ -6,10 +7,11 @@ import { Codicon } from '../../../common/codicons.js';
 import { ThemeIcon } from '../../../common/themables.js';
 import { EventMultiplexer } from '../../../common/event.js';
 import { Disposable, DisposableStore } from '../../../common/lifecycle.js';
-import './toolbar.css';
+import * as toolbar from './toolbar.css';
 import { localize } from '../../../../nls.js';
 import { createInstantHoverDelegate } from '../hover/hoverDelegateFactory.js';
 
+registerCss(toolbar);
 class ToolBar extends Disposable {
     constructor(container, contextMenuProvider, options = { orientation: ActionsOrientation.HORIZONTAL }) {
         super();

package/vscode/src/vs/base/browser/ui/tree/abstractTree.js

@@ -1,4 +1,5 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { append, $, clearNode, h, addDisposableListener, isKeyboardEvent, hasParentWithClass, isEditableElement, isActiveElement } from '../../dom.js';
 import { createStyleSheet } from '../../domStylesheets.js';
 import { asCssValueWithDefault } from '../../cssValue.js';
@@ -23,7 +24,7 @@ import { FuzzyScore, fuzzyScore } from '../../../common/filters.js';
 import { KeyCode } from '../../../common/keyCodes.js';
 import { Disposable, DisposableStore, toDisposable, dispose } from '../../../common/lifecycle.js';
 import { clamp } from '../../../common/numbers.js';
-import './media/tree.css';
+import * as tree from './media/tree.css';
 import { localize } from '../../../../nls.js';
 import { createInstantHoverDelegate } from '../hover/hoverDelegateFactory.js';
 import '../../../common/observableInternal/index.js';
@@ -31,6 +32,7 @@ import { alert } from '../aria/aria.js';
 import { autorun } from '../../../common/observableInternal/autorun.js';
 import { constObservable } from '../../../common/observableInternal/utils.js';
 
+registerCss(tree);
 class TreeElementsDragAndDropData extends ElementsDragAndDropData {
     set context(context) {
         this.data.context = context;

package/vscode/src/vs/editor/browser/controller/editContext/native/nativeEditContext.js

@@ -1,6 +1,7 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '../../../../../../../../external/tslib/tslib.es6.js';
-import './nativeEditContext.css';
+import * as nativeEditContext from './nativeEditContext.css';
 import { isFirefox } from '../../../../../base/browser/browser.js';
 import { getWindow, addDisposableListener, getWindowId, getActiveWindow } from '../../../../../base/browser/dom.js';
 import { FastDomNode } from '../../../../../base/browser/fastDomNode.js';
@@ -22,6 +23,7 @@ import { EditContext } from './editContextFactory.js';
 import { IAccessibilityService } from '../../../../../platform/accessibility/common/accessibility.service.js';
 import { NativeEditContextRegistry } from './nativeEditContextRegistry.js';
 
+registerCss(nativeEditContext);
 var CompositionClassName;
 (function (CompositionClassName) {
     CompositionClassName["NONE"] = "edit-context-composition-none";

package/vscode/src/vs/editor/browser/controller/editContext/textArea/textAreaEditContext.js

@@ -1,6 +1,7 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '../../../../../../../../external/tslib/tslib.es6.js';
-import './textAreaEditContext.css';
+import * as textAreaEditContext from './textAreaEditContext.css';
 import { localize } from '../../../../../nls.js';
 import { isFirefox, isSafari, isAndroid, isChrome } from '../../../../../base/browser/browser.js';
 import { createFastDomNode } from '../../../../../base/browser/fastDomNode.js';
@@ -32,6 +33,7 @@ import { getDataToCopy } from '../clipboardUtils.js';
 import { TextAreaState } from './textAreaEditContextState.js';
 import { getMapForWordSeparators, WordCharacterClass } from '../../../../common/core/wordCharacterClassifier.js';
 
+registerCss(textAreaEditContext);
 class VisibleTextAreaData {
     constructor(_context, modelLineNumber, distanceToModelLineStart, widthOfHiddenLineTextBefore, distanceToModelLineEnd) {
         this._context = _context;

package/vscode/src/vs/editor/browser/controller/mouseHandler.js

@@ -37,7 +37,7 @@ class MouseHandler extends ViewEventHandler {
         this._register(mouseEvents.onMouseMove(this.viewHelper.viewDomNode, (e) => {
             this._onMouseMove(e);
             if (!this._mouseLeaveMonitor) {
-                this._mouseLeaveMonitor = addDisposableListener(this.viewHelper.viewDomNode.ownerDocument, 'mousemove', (e) => {
+                this._mouseLeaveMonitor = addDisposableListener(this.viewHelper.viewDomNode.getRootNode(), 'mousemove', (e) => {
                     if (!this.viewHelper.viewDomNode.contains(e.target)) {
                         this._onMouseLeave(( new EditorMouseEvent(e, false, this.viewHelper.viewDomNode)));
                     }

package/vscode/src/vs/editor/browser/gpu/css/decorationCssRuleExtractor.js

@@ -1,8 +1,10 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { $, getActiveDocument } from '../../../../base/browser/dom.js';
 import { Disposable, toDisposable } from '../../../../base/common/lifecycle.js';
-import './media/decorationCssRuleExtractor.css';
+import * as decorationCssRuleExtractor from './media/decorationCssRuleExtractor.css';
 
+registerCss(decorationCssRuleExtractor);
 class DecorationCssRuleExtractor extends Disposable {
     constructor() {
         super();

package/vscode/src/vs/editor/browser/services/hoverService/hoverWidget.js

@@ -1,6 +1,7 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
-import './hover.css';
+import * as hover from './hover.css';
 import { DisposableStore, toDisposable, MutableDisposable } from '../../../../base/common/lifecycle.js';
 import { Emitter } from '../../../../base/common/event.js';
 import { $ as $$1, getWindow, addDisposableListener, isHTMLElement, prepend, append, getDomNodeZoomLevel } from '../../../../base/browser/dom.js';
@@ -22,6 +23,7 @@ import { status } from '../../../../base/browser/ui/aria/aria.js';
 import { TimeoutTimer } from '../../../../base/common/async.js';
 import { isNumber } from '../../../../base/common/types.js';
 
+registerCss(hover);
 const $ = $$1;
 var Constants;
 (function (Constants) {

package/vscode/src/vs/editor/browser/viewParts/blockDecorations/blockDecorations.js

@@ -1,9 +1,11 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { createFastDomNode } from '../../../../base/browser/fastDomNode.js';
-import './blockDecorations.css';
+import * as blockDecorations from './blockDecorations.css';
 import { ViewPart } from '../../view/viewPart.js';
 import { EditorOption } from '../../../common/config/editorOptions.js';
 
+registerCss(blockDecorations);
 class BlockDecorations extends ViewPart {
     constructor(context) {
         super(context);

package/vscode/src/vs/editor/browser/viewParts/currentLineHighlight/currentLineHighlight.js

@@ -1,5 +1,6 @@
 
-import './currentLineHighlight.css';
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as currentLineHighlight from './currentLineHighlight.css';
 import { DynamicViewOverlay } from '../../view/dynamicViewOverlay.js';
 import { editorLineHighlight, editorLineHighlightBorder } from '../../../common/core/editorColorRegistry.js';
 import { equals } from '../../../../base/common/arrays.js';
@@ -9,6 +10,7 @@ import { EditorOption } from '../../../common/config/editorOptions.js';
 import { isHighContrast } from '../../../../platform/theme/common/theme.js';
 import { Position } from '../../../common/core/position.js';
 
+registerCss(currentLineHighlight);
 class AbstractLineHighlightOverlay extends DynamicViewOverlay {
     constructor(context) {
         super();

package/vscode/src/vs/editor/browser/viewParts/decorations/decorations.js

@@ -1,10 +1,12 @@
 
-import './decorations.css';
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as decorations from './decorations.css';
 import { DynamicViewOverlay } from '../../view/dynamicViewOverlay.js';
 import { HorizontalRange } from '../../view/renderingContext.js';
 import { EditorOption } from '../../../common/config/editorOptions.js';
 import { Range } from '../../../common/core/range.js';
 
+registerCss(decorations);
 class DecorationsOverlay extends DynamicViewOverlay {
     constructor(context) {
         super();

package/vscode/src/vs/editor/browser/viewParts/glyphMargin/glyphMargin.js

@@ -1,7 +1,8 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { createFastDomNode } from '../../../../base/browser/fastDomNode.js';
 import { ArrayQueue } from '../../../../base/common/arrays.js';
-import './glyphMargin.css';
+import * as glyphMargin from './glyphMargin.css';
 import { DynamicViewOverlay } from '../../view/dynamicViewOverlay.js';
 import { ViewPart } from '../../view/viewPart.js';
 import { EditorOption } from '../../../common/config/editorOptions.js';
@@ -9,6 +10,7 @@ import { Position } from '../../../common/core/position.js';
 import { Range } from '../../../common/core/range.js';
 import { GlyphMarginLane } from '../../../common/model.js';
 
+registerCss(glyphMargin);
 class DecorationToRender {
     constructor(startLineNumber, endLineNumber, className, tooltip, zIndex) {
         this.startLineNumber = startLineNumber;

package/vscode/src/vs/editor/browser/viewParts/gpuMark/gpuMark.js

@@ -1,8 +1,10 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { DynamicViewOverlay } from '../../view/dynamicViewOverlay.js';
 import { ViewLineOptions } from '../viewLines/viewLineOptions.js';
-import './gpuMark.css';
+import * as gpuMark from './gpuMark.css';
 
+registerCss(gpuMark);
 class GpuMarkOverlay extends DynamicViewOverlay {
     static { this.CLASS_NAME = 'gpu-mark'; }
     constructor(context, _viewGpuContext) {

package/vscode/src/vs/editor/browser/viewParts/indentGuides/indentGuides.js

@@ -1,5 +1,6 @@
 
-import './indentGuides.css';
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as indentGuides from './indentGuides.css';
 import { DynamicViewOverlay } from '../../view/dynamicViewOverlay.js';
 import { editorBracketPairGuideActiveBackground1, editorBracketPairGuideBackground1, editorBracketHighlightingForeground1, editorBracketPairGuideActiveBackground2, editorBracketPairGuideBackground2, editorBracketHighlightingForeground2, editorBracketPairGuideActiveBackground3, editorBracketPairGuideBackground3, editorBracketHighlightingForeground3, editorBracketPairGuideActiveBackground4, editorBracketPairGuideBackground4, editorBracketHighlightingForeground4, editorBracketPairGuideActiveBackground5, editorBracketPairGuideBackground5, editorBracketHighlightingForeground5, editorBracketPairGuideActiveBackground6, editorBracketPairGuideBackground6, editorBracketHighlightingForeground6, editorActiveIndentGuide1, editorIndentGuide1, editorActiveIndentGuide2, editorIndentGuide2, editorActiveIndentGuide3, editorIndentGuide3, editorActiveIndentGuide4, editorIndentGuide4, editorActiveIndentGuide5, editorIndentGuide5, editorActiveIndentGuide6, editorIndentGuide6 } from '../../../common/core/editorColorRegistry.js';
 import { registerThemingParticipant } from '../../../../platform/theme/common/themeService.js';
@@ -10,6 +11,7 @@ import { isDefined } from '../../../../base/common/types.js';
 import { BracketPairGuidesClassNames } from '../../../common/model/guidesTextModelPart.js';
 import { HorizontalGuidesState, IndentGuide } from '../../../common/textModelGuides.js';
 
+registerCss(indentGuides);
 class IndentGuidesOverlay extends DynamicViewOverlay {
     constructor(context) {
         super();

package/vscode/src/vs/editor/browser/viewParts/lineNumbers/lineNumbers.js

@@ -1,5 +1,6 @@
 
-import './lineNumbers.css';
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as lineNumbers from './lineNumbers.css';
 import { isLinux } from '../../../../base/common/platform.js';
 import { DynamicViewOverlay } from '../../view/dynamicViewOverlay.js';
 import { EditorOption, RenderLineNumbersType } from '../../../common/config/editorOptions.js';
@@ -8,6 +9,7 @@ import { Range } from '../../../common/core/range.js';
 import { registerThemingParticipant } from '../../../../platform/theme/common/themeService.js';
 import { editorLineNumbers, editorDimmedLineNumber } from '../../../common/core/editorColorRegistry.js';
 
+registerCss(lineNumbers);
 class LineNumbersOverlay extends DynamicViewOverlay {
     static { this.CLASS_NAME = 'line-numbers'; }
     constructor(context) {

package/vscode/src/vs/editor/browser/viewParts/linesDecorations/linesDecorations.js

@@ -1,8 +1,10 @@
 
-import './linesDecorations.css';
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as linesDecorations from './linesDecorations.css';
 import { DedupOverlay, DecorationToRender } from '../glyphMargin/glyphMargin.js';
 import { EditorOption } from '../../../common/config/editorOptions.js';
 
+registerCss(linesDecorations);
 class LinesDecorationsOverlay extends DedupOverlay {
     constructor(context) {
         super();

package/vscode/src/vs/editor/browser/viewParts/margin/margin.js

@@ -1,9 +1,11 @@
 
-import './margin.css';
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as margin from './margin.css';
 import { createFastDomNode } from '../../../../base/browser/fastDomNode.js';
 import { ViewPart } from '../../view/viewPart.js';
 import { EditorOption } from '../../../common/config/editorOptions.js';
 
+registerCss(margin);
 class Margin extends ViewPart {
     static { this.CLASS_NAME = 'glyph-margin'; }
     static { this.OUTER_CLASS_NAME = 'margin'; }

package/vscode/src/vs/editor/browser/viewParts/marginDecorations/marginDecorations.js

@@ -1,7 +1,9 @@
 
-import './marginDecorations.css';
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as marginDecorations from './marginDecorations.css';
 import { DedupOverlay, DecorationToRender } from '../glyphMargin/glyphMargin.js';
 
+registerCss(marginDecorations);
 class MarginViewLineDecorationsOverlay extends DedupOverlay {
     constructor(context) {
         super();

package/vscode/src/vs/editor/browser/viewParts/minimap/minimap.js

@@ -1,5 +1,6 @@
 
-import './minimap.css';
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as minimap from './minimap.css';
 import { addStandardDisposableListener, EventType, getDomNodePagePosition, addDisposableListener } from '../../../../base/browser/dom.js';
 import { createFastDomNode } from '../../../../base/browser/fastDomNode.js';
 import { GlobalPointerMoveMonitor } from '../../../../base/browser/globalPointerMoveMonitor.js';
@@ -37,6 +38,7 @@ import { createSingleCallFunction } from '../../../../base/common/functional.js'
 import { LRUCache } from '../../../../base/common/map.js';
 import { DEFAULT_FONT_FAMILY } from '../../../../base/browser/fonts.js';
 
+registerCss(minimap);
 const POINTER_DRAG_RESET_DISTANCE = 140;
 const GUTTER_DECORATION_WIDTH = 2;
 class MinimapOptions {

package/vscode/src/vs/editor/browser/viewParts/overlayWidgets/overlayWidgets.js

@@ -1,11 +1,13 @@
 
-import './overlayWidgets.css';
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as overlayWidgets from './overlayWidgets.css';
 import { createFastDomNode } from '../../../../base/browser/fastDomNode.js';
 import { OverlayWidgetPositionPreference } from '../../editorBrowser.js';
 import { ViewPart, PartFingerprints, PartFingerprint } from '../../view/viewPart.js';
 import { EditorOption } from '../../../common/config/editorOptions.js';
 import { getDomNodePagePosition } from '../../../../base/browser/dom.js';
 
+registerCss(overlayWidgets);
 class ViewOverlayWidgets extends ViewPart {
     constructor(context, viewDomNode) {
         super(context);

package/vscode/src/vs/editor/browser/viewParts/rulers/rulers.js

@@ -1,9 +1,11 @@
 
-import './rulers.css';
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as rulers from './rulers.css';
 import { createFastDomNode } from '../../../../base/browser/fastDomNode.js';
 import { ViewPart } from '../../view/viewPart.js';
 import { EditorOption } from '../../../common/config/editorOptions.js';
 
+registerCss(rulers);
 class Rulers extends ViewPart {
     constructor(context) {
         super(context);

package/vscode/src/vs/editor/browser/viewParts/scrollDecoration/scrollDecoration.js

@@ -1,9 +1,11 @@
 
-import './scrollDecoration.css';
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as scrollDecoration from './scrollDecoration.css';
 import { createFastDomNode } from '../../../../base/browser/fastDomNode.js';
 import { ViewPart } from '../../view/viewPart.js';
 import { EditorOption } from '../../../common/config/editorOptions.js';
 
+registerCss(scrollDecoration);
 class ScrollDecorationViewPart extends ViewPart {
     constructor(context) {
         super(context);

package/vscode/src/vs/editor/browser/viewParts/selections/selections.js

@@ -1,5 +1,6 @@
 
-import './selections.css';
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as selections from './selections.css';
 import { DynamicViewOverlay } from '../../view/dynamicViewOverlay.js';
 import '../../../../platform/theme/common/colorUtils.js';
 import '../../../../platform/theme/common/colors/baseColors.js';
@@ -15,6 +16,7 @@ import '../../../../platform/theme/common/colors/searchColors.js';
 import { registerThemingParticipant } from '../../../../platform/theme/common/themeService.js';
 import { EditorOption } from '../../../common/config/editorOptions.js';
 
+registerCss(selections);
 var CornerStyle;
 (function (CornerStyle) {
     CornerStyle[CornerStyle["EXTERN"] = 0] = "EXTERN";

package/vscode/src/vs/editor/browser/viewParts/viewCursors/viewCursors.js

@@ -1,5 +1,6 @@
 
-import './viewCursors.css';
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as viewCursors from './viewCursors.css';
 import { createFastDomNode } from '../../../../base/browser/fastDomNode.js';
 import { TimeoutTimer } from '../../../../base/common/async.js';
 import { ViewPart } from '../../view/viewPart.js';
@@ -11,6 +12,7 @@ import { isHighContrast } from '../../../../platform/theme/common/theme.js';
 import { CursorChangeReason } from '../../../common/cursorEvents.js';
 import { WindowIntervalTimer, getWindow } from '../../../../base/browser/dom.js';
 
+registerCss(viewCursors);
 class ViewCursors extends ViewPart {
     static { this.BLINK_INTERVAL = 500; }
     constructor(context) {

package/vscode/src/vs/editor/browser/viewParts/viewLines/viewLines.js

@@ -1,9 +1,10 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { MOUSE_CURSOR_TEXT_CSS_CLASS_NAME } from '../../../../base/browser/ui/mouseCursor/mouseCursor.js';
 import { RunOnceScheduler } from '../../../../base/common/async.js';
 import { isLinux } from '../../../../base/common/platform.js';
 import { Constants } from '../../../../base/common/uint.js';
-import './viewLines.css';
+import * as viewLines from './viewLines.css';
 import { applyFontInfo } from '../../config/domFontInfo.js';
 import { LineVisibleRanges, HorizontalRange, HorizontalPosition } from '../../view/renderingContext.js';
 import { VisibleLinesCollection } from '../../view/viewLayer.js';
@@ -17,6 +18,7 @@ import { ScrollType } from '../../../common/editorCommon.js';
 import { VerticalRevealType } from '../../../common/viewEvents.js';
 import { ViewLineOptions } from './viewLineOptions.js';
 
+registerCss(viewLines);
 class LastRenderedData {
     constructor() {
         this._currentVisibleRange = ( new Range(1, 1, 1, 1));

package/vscode/src/vs/editor/browser/viewParts/whitespace/whitespace.js

@@ -1,5 +1,6 @@
 
-import './whitespace.css';
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as whitespace from './whitespace.css';
 import { DynamicViewOverlay } from '../../view/dynamicViewOverlay.js';
 import { EditorOption } from '../../../common/config/editorOptions.js';
 import { firstNonWhitespaceIndex, lastNonWhitespaceIndex } from '../../../../base/common/strings.js';
@@ -8,6 +9,7 @@ import { LineRange } from '../../../common/viewLayout/viewLineRenderer.js';
 import { Position } from '../../../common/core/position.js';
 import { editorWhitespaces } from '../../../common/core/editorColorRegistry.js';
 
+registerCss(whitespace);
 class WhitespaceOverlay extends DynamicViewOverlay {
     constructor(context) {
         super();

package/vscode/src/vs/editor/browser/widget/codeEditor/codeEditorWidget.js

@@ -1,4 +1,5 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
 import '../../services/markerDecorations.js';
 import { DragAndDropObserver, getWindow, scheduleAtNextAnimationFrame } from '../../../../base/browser/dom.js';
@@ -7,7 +8,7 @@ import { createEventDeliveryQueue, Emitter } from '../../../../base/common/event
 import { hash } from '../../../../base/common/hash.js';
 import { Disposable, dispose } from '../../../../base/common/lifecycle.js';
 import { Schemas } from '../../../../base/common/network.js';
-import './editor.css';
+import * as editor from './editor.css';
 import { applyFontInfo } from '../../config/domFontInfo.js';
 import { EditorConfiguration } from '../../config/editorConfiguration.js';
 import { TabFocus } from '../../config/tabFocus.js';
@@ -62,6 +63,7 @@ import { MenuId } from '../../../../platform/actions/common/actions.js';
 import Severity$1 from '../../../../base/common/severity.js';
 
 var CodeEditorWidget_1;
+registerCss(editor);
 let CodeEditorWidget = class CodeEditorWidget extends Disposable {
     static { CodeEditorWidget_1 = this; }
     static { this.dropIntoEditorDecorationOptions = ModelDecorationOptions.register({

package/vscode/src/vs/editor/browser/widget/diffEditor/components/accessibleDiffViewer.js

@@ -1,4 +1,5 @@
 
+import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '../../../../../../../../external/tslib/tslib.es6.js';
 import { reset, addStandardDisposableListener, addDisposableListener } from '../../../../../base/browser/dom.js';
 import { createTrustedTypesPolicy } from '../../../../../base/browser/trustedTypes.js';
@@ -27,12 +28,13 @@ import { AccessibilitySignal } from '../../../../../platform/accessibilitySignal
 import { IAccessibilitySignalService } from '../../../../../platform/accessibilitySignal/browser/accessibilitySignalService.service.js';
 import { IInstantiationService } from '../../../../../platform/instantiation/common/instantiation.js';
 import { registerIcon } from '../../../../../platform/theme/common/iconRegistry.js';
-import './accessibleDiffViewer.css';
+import * as accessibleDiffViewer from './accessibleDiffViewer.css';
 import { toAction } from '../../../../../base/common/actions.js';
 import { transaction, observableValue, subtransaction } from '../../../../../base/common/observableInternal/base.js';
 import { derivedWithStore, derived } from '../../../../../base/common/observableInternal/derived.js';
 import { autorun, autorunWithStore } from '../../../../../base/common/observableInternal/autorun.js';
 
+registerCss(accessibleDiffViewer);
 const accessibleDiffViewerInsertIcon = registerIcon('diff-review-insert', Codicon.add, ( localize(161, 'Icon for \'Insert\' in accessible diff viewer.')));
 const accessibleDiffViewerRemoveIcon = registerIcon('diff-review-remove', Codicon.remove, ( localize(162, 'Icon for \'Remove\' in accessible diff viewer.')));
 const accessibleDiffViewerCloseIcon = registerIcon('diff-review-close', Codicon.close, ( localize(163, 'Icon for \'Close\' in accessible diff viewer.')));