arcticicestudio
commented
7 years ago Thanks for your report 👍
This is related to the change that elements are no longer encapsulated within a shadow DOM boundary which is a theme package API change announced some weeks ago. Atom will automatically convert the deprecated selectors so there should be no usage problems, the deprecation warning is a preparation only for package developers so they can update to the new API.
❗️ As soon as the changes of the newer Nord Atom UI package are merged these changes will be adopted to this package. You can read a more detailed information in arcticicestudio/nord#49 of the Nord Atom UI repository and in this issue comment related to the same deprecation report. ❗️
In
northem-light-atom-ui/index.less:Starting from Atom v1.13.0, the contents of
atom-text-editorelements are no longer encapsulated within a shadow DOM boundary. This means you should stop using:hostand::shadowpseudo-selectors, and prepend all your syntax selectors withsyntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:atom-text-editor[mini], atom-text-editor[mini]::shadow=>atom-text-editor[mini], atom-text-editor[mini].editoratom-text-editor[mini]:hover, atom-text-editor[mini]::shadow:hover=>atom-text-editor[mini]:hover, atom-text-editor[mini].editor:hoveratom-text-editor[mini] .text, atom-text-editor[mini]::shadow .text, atom-text-editor[mini] .source, atom-text-editor[mini]::shadow .source=>atom-text-editor[mini] .text, atom-text-editor[mini].editor .syntax--text, atom-text-editor[mini] .source, atom-text-editor[mini].editor .syntax--sourceatom-text-editor[mini] .placeholder-text, atom-text-editor[mini]::shadow .placeholder-text=>atom-text-editor[mini] .placeholder-text, atom-text-editor[mini].editor .placeholder-textatom-text-editor[mini] .cursor, atom-text-editor[mini]::shadow .cursor=>atom-text-editor[mini] .cursor, atom-text-editor[mini].editor .cursoratom-text-editor[mini].is-focused, atom-text-editor[mini].is-focused::shadow=>atom-text-editor[mini].is-focused, atom-text-editor[mini].is-focused.editoratom-text-editor[mini].is-focused .text, atom-text-editor[mini].is-focused::shadow .text, atom-text-editor[mini].is-focused .source, atom-text-editor[mini].is-focused::shadow .source=>atom-text-editor[mini].is-focused .text, atom-text-editor[mini].is-focused.editor .syntax--text, atom-text-editor[mini].is-focused .source, atom-text-editor[mini].is-focused.editor .syntax--sourceatom-text-editor[mini].is-focused:hover, atom-text-editor[mini].is-focused::shadow:hover=>atom-text-editor[mini].is-focused:hover, atom-text-editor[mini].is-focused.editor:hoveratom-text-editor[mini].is-focused .selection .region, atom-text-editor[mini].is-focused::shadow .selection .region=>atom-text-editor[mini].is-focused .selection .region, atom-text-editor[mini].is-focused.editor .selection .regionatom-text-editor .scroll-view, atom-text-editor::shadow .scroll-view, :host .scroll-view=>atom-text-editor .scroll-view, atom-text-editor.editor .scroll-view, :host .scroll-viewatom-panel.modal atom-text-editor[mini], .overlay atom-text-editor[mini], atom-panel.modal atom-text-editor.mini, .overlay atom-text-editor.mini, atom-panel.modal atom-text-editor.mini::shadow, .overlay atom-text-editor.mini::shadow, atom-panel.modal atom-text-editor[mini]::shadow, .overlay atom-text-editor[mini]::shadow=>atom-panel.modal atom-text-editor[mini], .overlay atom-text-editor[mini], atom-panel.modal atom-text-editor.mini, .overlay atom-text-editor.mini, atom-panel.modal atom-text-editor.mini.editor, .overlay atom-text-editor.mini.editor, atom-panel.modal atom-text-editor[mini].editor, .overlay atom-text-editor[mini].editoratom-panel.modal atom-text-editor[mini] .text, .overlay atom-text-editor[mini] .text, atom-panel.modal atom-text-editor.mini .text, .overlay atom-text-editor.mini .text, atom-panel.modal atom-text-editor.mini::shadow .text, .overlay atom-text-editor.mini::shadow .text, atom-panel.modal atom-text-editor[mini]::shadow .text, .overlay atom-text-editor[mini]::shadow .text=>atom-panel.modal atom-text-editor[mini] .text, .overlay atom-text-editor[mini] .text, atom-panel.modal atom-text-editor.mini .text, .overlay atom-text-editor.mini .text, atom-panel.modal atom-text-editor.mini.editor .syntax--text, .overlay atom-text-editor.mini.editor .syntax--text, atom-panel.modal atom-text-editor[mini].editor .syntax--text, .overlay atom-text-editor[mini].editor .syntax--textatom-panel.modal atom-text-editor[mini].is-focused:hover, .overlay atom-text-editor[mini].is-focused:hover, atom-panel.modal atom-text-editor.mini.is-focused:hover, .overlay atom-text-editor.mini.is-focused:hover, atom-panel.modal atom-text-editor.mini::shadow.is-focused:hover, .overlay atom-text-editor.mini::shadow.is-focused:hover, atom-panel.modal atom-text-editor[mini]::shadow.is-focused:hover, .overlay atom-text-editor[mini]::shadow.is-focused:hover, atom-panel.modal atom-text-editor[mini]:hover, .overlay atom-text-editor[mini]:hover, atom-panel.modal atom-text-editor.mini:hover, .overlay atom-text-editor.mini:hover, atom-panel.modal atom-text-editor.mini::shadow:hover, .overlay atom-text-editor.mini::shadow:hover, atom-panel.modal atom-text-editor[mini]::shadow:hover, .overlay atom-text-editor[mini]::shadow:hover=>atom-panel.modal atom-text-editor[mini].is-focused:hover, .overlay atom-text-editor[mini].is-focused:hover, atom-panel.modal atom-text-editor.mini.is-focused:hover, .overlay atom-text-editor.mini.is-focused:hover, atom-panel.modal atom-text-editor.mini.editor.is-focused:hover, .overlay atom-text-editor.mini.editor.is-focused:hover, atom-panel.modal atom-text-editor[mini].editor.is-focused:hover, .overlay atom-text-editor[mini].editor.is-focused:hover, atom-panel.modal atom-text-editor[mini]:hover, .overlay atom-text-editor[mini]:hover, atom-panel.modal atom-text-editor.mini:hover, .overlay atom-text-editor.mini:hover, atom-panel.modal atom-text-editor.mini.editor:hover, .overlay atom-text-editor.mini.editor:hover, atom-panel.modal atom-text-editor[mini].editor:hover, .overlay atom-text-editor[mini].editor:hover.markdown-preview[data-use-github-style] atom-text-editor, .markdown-preview[data-use-github-style] atom-text-editor::shadow=>.markdown-preview[data-use-github-style] atom-text-editor, .markdown-preview[data-use-github-style] atom-text-editor.editor.markdown-preview[data-use-github-style] atom-text-editor .editor--private span.source, .markdown-preview[data-use-github-style] atom-text-editor::shadow .editor--private span.source=>.markdown-preview[data-use-github-style] atom-text-editor .editor--private span.source, .markdown-preview[data-use-github-style] atom-text-editor.editor .editor--private span.syntax--source.markdown-preview[data-use-github-style] atom-text-editor, .markdown-preview[data-use-github-style] atom-text-editor::shadow, .markdown-preview[data-use-github-style] code=>.markdown-preview[data-use-github-style] atom-text-editor, .markdown-preview[data-use-github-style] atom-text-editor.editor, .markdown-preview[data-use-github-style] code.markdown-preview atom-text-editor, .markdown-preview:not([data-use-github-style]) atom-text-editor, .markdown-preview atom-text-editor::shadow, .markdown-preview:not([data-use-github-style]) atom-text-editor::shadow=>.markdown-preview atom-text-editor, .markdown-preview:not([data-use-github-style]) atom-text-editor, .markdown-preview atom-text-editor.editor, .markdown-preview:not([data-use-github-style]) atom-text-editor.editor.markdown-preview atom-text-editor .editor--private span.source, .markdown-preview:not([data-use-github-style]) atom-text-editor .editor--private span.source, .markdown-preview atom-text-editor::shadow .editor--private span.source, .markdown-preview:not([data-use-github-style]) atom-text-editor::shadow .editor--private span.source=>.markdown-preview atom-text-editor .editor--private span.source, .markdown-preview:not([data-use-github-style]) atom-text-editor .editor--private span.source, .markdown-preview atom-text-editor.editor .editor--private span.syntax--source, .markdown-preview:not([data-use-github-style]) atom-text-editor.editor .editor--private span.syntax--source.markdown-preview atom-text-editor, .markdown-preview:not([data-use-github-style]) atom-text-editor, .markdown-preview atom-text-editor::shadow, .markdown-preview:not([data-use-github-style]) atom-text-editor::shadow, .markdown-preview code, .markdown-preview:not([data-use-github-style]) code=>.markdown-preview atom-text-editor, .markdown-preview:not([data-use-github-style]) atom-text-editor, .markdown-preview atom-text-editor.editor, .markdown-preview:not([data-use-github-style]) atom-text-editor.editor, .markdown-preview code, .markdown-preview:not([data-use-github-style]) codeatom-text-editor atom-text-editor-minimap::shadow .minimap-visible-area, atom-text-editor::shadow atom-text-editor-minimap::shadow .minimap-visible-area, html atom-text-editor-minimap::shadow .minimap-visible-area=>atom-text-editor atom-text-editor-minimap::shadow .minimap-visible-area, atom-text-editor.editor atom-text-editor-minimap::shadow .minimap-visible-area, html atom-text-editor-minimap::shadow .minimap-visible-areaAutomatic translation of selectors will be removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.