Deprecated selector in babel-react-syntax\index.less

[KingCosmic]

In babel-react-syntax\index.less:

Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary. This means you should stop using :host and ::shadow pseudo-selectors, and prepend all your syntax selectors with syntax--. may want to change these to be up to date

[TechMaz]

bump

[divjakLab]

I get this issue

`babel-react-syntax/index.less
Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary. This means you should stop using :host and ::shadow pseudo-selectors, and prepend all your syntax selectors with syntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:

atom-text-editor, :host => atom-text-editor,atom-text-editor
atom-text-editor .line.cursor-line, :host .line.cursor-line => atom-text-editor .line.cursor-line,atom-text-editor .line.cursor-line
atom-text-editor .invisible, :host .invisible => atom-text-editor .invisible,atom-text-editor .invisible
atom-text-editor .cursor, :host .cursor => atom-text-editor .cursor,atom-text-editor .cursor
atom-text-editor .selection .region, :host .selection .region => atom-text-editor .selection .region,atom-text-editor .selection .region
atom-text-editor .bracket-matcher .region, :host .bracket-matcher .region => atom-text-editor .bracket-matcher .region,atom-text-editor .bracket-matcher .region
atom-text-editor .invisible-character, :host .invisible-character => atom-text-editor .invisible-character,atom-text-editor .invisible-character
atom-text-editor .indent-guide, :host .indent-guide => atom-text-editor .indent-guide,atom-text-editor .indent-guide
atom-text-editor .wrap-guide, :host .wrap-guide => atom-text-editor .wrap-guide,atom-text-editor .wrap-guide
atom-text-editor .gutter, :host .gutter => atom-text-editor .gutter,atom-text-editor .gutter
atom-text-editor .gutter .line-number, :host .gutter .line-number => atom-text-editor .gutter .line-number,atom-text-editor .gutter .line-number
atom-text-editor .gutter .line-number.cursor-line, :host .gutter .line-number.cursor-line => atom-text-editor .gutter .line-number.cursor-line,atom-text-editor .gutter .line-number.cursor-line
atom-text-editor .gutter .line-number .icon-right, :host .gutter .line-number .icon-right => atom-text-editor .gutter .line-number .icon-right,atom-text-editor .gutter .line-number .icon-right
atom-text-editor .gutter:not(.git-diff-icon) .line-number.git-line-removed.git-line-removed::before, :host .gutter:not(.git-diff-icon) .line-number.git-line-removed.git-line-removed::before => atom-text-editor .gutter:not(.git-diff-icon) .line-number.git-line-removed.git-line-removed::before,atom-text-editor .gutter:not(.git-diff-icon) .line-number.git-line-removed.git-line-removed::before
atom-text-editor .gutter:not(.git-diff-icon) .line-number.git-line-removed::after, :host .gutter:not(.git-diff-icon) .line-number.git-line-removed::after => atom-text-editor .gutter:not(.git-diff-icon) .line-number.git-line-removed::after,atom-text-editor .gutter:not(.git-diff-icon) .line-number.git-line-removed::after
atom-text-editor .gutter .line-number.folded, :host .gutter .line-number.folded, atom-text-editor .gutter .line-number:after, :host .gutter .line-number:after, atom-text-editor .fold-marker:after, :host .fold-marker:after => atom-text-editor .gutter .line-number.folded,atom-text-editor .gutter .line-number.folded, atom-text-editor .gutter .line-number:after,atom-text-editor .gutter .line-number:after, atom-text-editor .fold-marker:after,atom-text-editor .fold-marker:after
.comment => .syntax--comment
.entity.name.type => .syntax--entity.syntax--name.syntax--type
.entity.other.inherited-class => .syntax--entity.syntax--other.syntax--inherited-class
.keyword => .syntax--keyword
.keyword.control => .syntax--keyword.syntax--control
.keyword.operator => .syntax--keyword.syntax--operator
.keyword.operator.new => .syntax--keyword.syntax--operator.syntax--new
.keyword.other.special-method => .syntax--keyword.syntax--other.syntax--special-method
.keyword.other.unit => .syntax--keyword.syntax--other.syntax--unit
.storage => .syntax--storage
.storage.type.annotation, .storage.type.primitive => .syntax--storage.syntax--type.syntax--annotation, .syntax--storage.syntax--type.syntax--primitive
.storage.type.function => .syntax--storage.syntax--type.syntax--function
.storage.modifier.package, .storage.modifier.import => .syntax--storage.syntax--modifier.syntax--package, .syntax--storage.syntax--modifier.syntax--import
.constant => .syntax--constant
.constant.language => .syntax--constant.syntax--language
.constant.character.escape => .syntax--constant.syntax--character.syntax--escape
.constant.numeric => .syntax--constant.syntax--numeric
.constant.other.color => .syntax--constant.syntax--other.syntax--color
.constant.other.symbol => .syntax--constant.syntax--other.syntax--symbol
.variable => .syntax--variable
.variable.interpolation => .syntax--variable.syntax--interpolation
.variable.parameter => .syntax--variable.syntax--parameter
.string => .syntax--string
.string.regexp => .syntax--string.syntax--regexp
.string.regexp .source.ruby.embedded => .syntax--string.syntax--regexp .syntax--source.syntax--ruby.syntax--embedded
.string.other.link => .syntax--string.syntax--other.syntax--link
.punctuation.definition.comment => .syntax--punctuation.syntax--definition.syntax--comment
.punctuation.definition.method-parameters, .punctuation.definition.function-parameters, .punctuation.definition.parameters, .punctuation.definition.separator, .punctuation.definition.seperator, .punctuation.definition.array => .syntax--punctuation.syntax--definition.syntax--method-parameters, .syntax--punctuation.syntax--definition.function-parameters, .syntax--punctuation.syntax--definition.syntax--parameters, .syntax--punctuation.syntax--definition.syntax--separator, .syntax--punctuation.syntax--definition.syntax--seperator, .syntax--punctuation.syntax--definition.syntax--array
.punctuation.definition.heading, .punctuation.definition.identity => .syntax--punctuation.syntax--definition.syntax--heading, .syntax--punctuation.syntax--definition.syntax--identity
.punctuation.definition.bold => .syntax--punctuation.syntax--definition.syntax--bold
.punctuation.definition.italic => .syntax--punctuation.syntax--definition.syntax--italic
.punctuation.section.embedded => .syntax--punctuation.syntax--section.syntax--embedded
.punctuation.section.method, .punctuation.section.class, .punctuation.section.inner-class => .syntax--punctuation.syntax--section.syntax--method, .syntax--punctuation.syntax--section.syntax--class, .syntax--punctuation.syntax--section.syntax--inner-class
.support.class => .syntax--support.syntax--class
.support.type => .syntax--support.syntax--type
.support.function => .syntax--support.syntax--function
.support.function.any-method => .syntax--support.syntax--function.syntax--any-method
.entity.name.function => .syntax--entity.syntax--name.syntax--function
.entity.name.class, .entity.name.type.class => .syntax--entity.syntax--name.syntax--class, .syntax--entity.syntax--name.syntax--type.syntax--class
.entity.name.section => .syntax--entity.syntax--name.syntax--section
.entity.name.tag => .syntax--entity.syntax--name.syntax--tag
.entity.other.attribute-name => .syntax--entity.syntax--other.syntax--attribute-name
.entity.other.attribute-name.id => .syntax--entity.syntax--other.syntax--attribute-name.syntax--id
.meta.class => .syntax--meta.syntax--class
.meta.class.body => .syntax--meta.syntax--class.syntax--body
.meta.method-call, .meta.method => .syntax--meta.syntax--method-call, .syntax--meta.syntax--method
.meta.definition.variable => .syntax--meta.syntax--definition.syntax--variable
.meta.link => .syntax--meta.syntax--link
.meta.require => .syntax--meta.syntax--require
.meta.selector => .syntax--meta.syntax--selector
.meta.separator => .syntax--meta.syntax--separator
.meta.tag => .syntax--meta.syntax--tag
.none => .syntax--none
.invalid.deprecated => .syntax--invalid.syntax--deprecated
.invalid.illegal => .syntax--invalid.syntax--illegal
.markup.bold => .syntax--markup.syntax--bold
.markup.changed => .syntax--markup.syntax--changed
.markup.deleted => .syntax--markup.syntax--deleted
.markup.italic => .syntax--markup.syntax--italic
.markup.heading .punctuation.definition.heading => .syntax--markup.syntax--heading .syntax--punctuation.syntax--definition.syntax--heading
.markup.inserted => .syntax--markup.syntax--inserted
.markup.list => .syntax--markup.syntax--list
.markup.quote => .syntax--markup.syntax--quote
.markup.raw => .syntax--markup.syntax--raw
.source.cs .keyword.operator => .syntax--source.syntax--cs .syntax--keyword.syntax--operator
.source.gfm .markup => .syntax--source.syntax--gfm .syntax--markup
.source.gfm .markup.heading => .syntax--source.syntax--gfm .syntax--markup.syntax--heading
.source.gfm .markup.link => .syntax--source.syntax--gfm .syntax--markup.syntax--link
.source.gfm .link .entity => .syntax--source.syntax--gfm .syntax--link .syntax--entity
.source.ini .keyword.other.definition.ini => .syntax--source.syntax--ini .syntax--keyword.syntax--other.syntax--definition.syntax--ini
.source.java .storage.modifier.import => .syntax--source.syntax--java .syntax--storage.syntax--modifier.syntax--import
.source.java .storage.type => .syntax--source.syntax--java .syntax--storage.syntax--type
.source.java-properties .meta.key-pair => .syntax--source.syntax--java-properties .syntax--meta.syntax--key-pair
.source.java-properties .meta.key-pair > .punctuation => .syntax--source.syntax--java-properties .syntax--meta.syntax--key-pair > .syntax--punctuation
.source.json .meta.structure.dictionary.json > .string.quoted.json => .syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--json > .syntax--string.syntax--quoted.syntax--json
.source.json .meta.structure.dictionary.json > .string.quoted.json > .punctuation.string => .syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--json > .syntax--string.syntax--quoted.syntax--json > .syntax--punctuation.syntax--string
.source.json .punctuation.definition.array.begin.json, .source.json .punctuation.definition.array.end.json => .syntax--source.syntax--json .syntax--punctuation.syntax--definition.syntax--array.syntax--begin.syntax--json, .syntax--source.syntax--json .syntax--punctuation.syntax--definition.syntax--array.syntax--end.syntax--json
.source.json .punctuation.definition.dictionary.begin.json, .source.json .punctuation.definition.dictionary.end.json => .syntax--source.syntax--json .syntax--punctuation.syntax--definition.syntax--dictionary.syntax--begin.syntax--json, .syntax--source.syntax--json .syntax--punctuation.syntax--definition.syntax--dictionary.syntax--end.syntax--json
.source.json .meta.structure.dictionary.json > .value.json > .string.quoted.json, .source.json .meta.structure.array.json > .value.json > .string.quoted.json => .syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--json > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json, .syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--array.syntax--json > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json
.source.json .meta.structure.dictionary.json > .value.json > .string.quoted.json > .punctuation, .source.json .meta.structure.array.json > .value.json > .string.quoted.json > .punctuation => .syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--json > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json > .syntax--punctuation, .syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--array.syntax--json > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json > .syntax--punctuation
.source.json .meta.structure.dictionary.json > .constant.language.json, .source.json .meta.structure.array.json > .constant.language.json => .syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--json > .syntax--constant.syntax--language.syntax--json, .syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--array.syntax--json > .syntax--constant.syntax--language.syntax--json
.source.json .constant.language => .syntax--source.syntax--json .syntax--constant.syntax--language
.source.ruby .constant.other.symbol > .punctuation => .syntax--source.syntax--ruby .syntax--constant.syntax--other.syntax--symbol > .syntax--punctuation
.source.python .keyword.operator.logical.python => .syntax--source.syntax--python .syntax--keyword.syntax--operator.syntax--logical.syntax--python
.source.python .variable.parameter => .syntax--source.syntax--python .syntax--variable.syntax--parameter
.html .meta.tag => .syntax--html .syntax--meta.syntax--tag
.html .meta.tag.any => .syntax--html .syntax--meta.syntax--tag.syntax--any
.html .entity.name.tag.block, .html .entity.name.tag.inline, .html .entity.name.tag.name => .syntax--html .syntax--entity.syntax--name.syntax--tag.syntax--block, .syntax--html .syntax--entity.syntax--name.syntax--tag.syntax--inline, .syntax--html .syntax--entity.syntax--name.syntax--tag.syntax--name
.html .entity.other.attribute-name => .syntax--html .syntax--entity.syntax--other.syntax--attribute-name
.html .entity.other.attribute-name.html => .syntax--html .syntax--entity.syntax--other.syntax--attribute-name.syntax--html
.html .entity.other.attribute-name.id.html => .syntax--html .syntax--entity.syntax--other.syntax--attribute-name.syntax--id.syntax--html
.html .punctuation.separator.key-value => .syntax--html .syntax--punctuation.syntax--separator.syntax--key-value
.html .string.quoted.double => .syntax--html .syntax--string.syntax--quoted.syntax--double
.html .string.quoted.double .punctuation.definition.string.begin, .html .string.quoted.double .punctuation.definition.string.end => .syntax--html .syntax--string.syntax--quoted.syntax--double .syntax--punctuation.syntax--definition.syntax--string.syntax--begin, .syntax--html .syntax--string.syntax--quoted.syntax--double .syntax--punctuation.syntax--definition.syntax--string.syntax--end
.html .string.quoted.double .punctuation.definition.string .separator.key-value.html => .syntax--html .syntax--string.syntax--quoted.syntax--double .syntax--punctuation.syntax--definition.syntax--string .syntax--separator.syntax--key-value.syntax--html
.source.jsx .entity.name.class.js => .syntax--source.syntax--jsx .syntax--entity.syntax--name.syntax--class.syntax--js
.source.jsx .meta.group.braces.curly .support.type.object.console.js => .syntax--source.syntax--jsx .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--support.syntax--type.syntax--object.syntax--console.syntax--js
.source.jsx .meta.group.braces.curly .support.function.console.js => .syntax--source.syntax--jsx .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--support.syntax--function.syntax--console.syntax--js
.source.jsx .meta.group.braces.curly .variable.language.this.js => .syntax--source.syntax--jsx .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--variable.syntax--language.syntax--this.syntax--js
.source.jsx .meta.group.braces.curly .meta.property.object.js .variable.other.property.js => .syntax--source.syntax--jsx .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--meta.syntax--property.syntax--object.syntax--js .syntax--variable.syntax--other.syntax--property.syntax--js
.source.jsx .meta.group.braces.curly .variable.other.object.js => .syntax--source.syntax--jsx .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--variable.syntax--other.syntax--object.syntax--js
.source.jsx .meta.group.braces.curly .variable.other.readwrite.js => .syntax--source.syntax--jsx .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--variable.syntax--other.syntax--readwrite.syntax--js
.source.jsx .entity.name.tag => .syntax--source.syntax--jsx .syntax--entity.syntax--name.syntax--tag
.source.jsx .constant.other.object.key.js .string.unquoted.js => .syntax--source.syntax--jsx .syntax--constant.syntax--other.syntax--object.syntax--key.syntax--js .syntax--string.syntax--unquoted.syntax--js
.source.jsx .meta.function-call.static.with-arguments.js .variable.other.class.js => .syntax--source.syntax--jsx .syntax--meta.syntax--function-call.syntax--static.syntax--with-arguments.syntax--js .syntax--variable.syntax--other.syntax--class.syntax--js
.source.jsx .meta.function-call.with-arguments.js .meta.tag.jsx .entity.other.attribute-name.jsx => .syntax--source.syntax--jsx .syntax--meta.syntax--function-call.syntax--with-arguments.syntax--js .syntax--meta.syntax--tag.syntax--jsx .syntax--entity.syntax--other.syntax--attribute-name.syntax--jsx
.source.jsx .meta.class.body.js .support.type.object.console.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--support.syntax--type.syntax--object.syntax--console.syntax--js
.source.jsx .meta.class.body.js .support.function.console.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--support.syntax--function.syntax--console.syntax--js
.source.jsx .meta.class.body.js .variable.language.this.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--variable.syntax--language.syntax--this.syntax--js
.source.jsx .meta.class.body.js .variable.other.property.static.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--variable.syntax--other.syntax--property.syntax--static.syntax--js
.source.jsx .meta.class.body.js .variable.other.property.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--variable.syntax--other.syntax--property.syntax--js
.source.jsx .meta.class.body.js .meta.property.object.js .variable.other.property.static.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--meta.syntax--property.syntax--object.syntax--js .syntax--variable.syntax--other.syntax--property.syntax--static.syntax--js
.source.jsx .meta.class.body.js .meta.property.object.js .variable.other.property.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--meta.syntax--property.syntax--object.syntax--js .syntax--variable.syntax--other.syntax--property.syntax--js
.source.jsx .meta.class.body.js .meta.group.braces.curly .support.type.object.console.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--support.syntax--type.syntax--object.syntax--console.syntax--js
.source.jsx .meta.class.body.js .meta.group.braces.curly .support.function.console.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--support.syntax--function.syntax--console.syntax--js
.source.jsx .meta.class.body.js .meta.group.braces.curly .variable.language.this.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--variable.syntax--language.syntax--this.syntax--js
.source.jsx .meta.class.body.js .meta.group.braces.curly .meta.property.class.js .variable.other.class.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--meta.syntax--property.syntax--class.syntax--js .syntax--variable.syntax--other.syntax--class.syntax--js
.source.jsx .meta.class.body.js .meta.group.braces.curly .meta.property.class.js .variable.other.property.static.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--meta.syntax--property.syntax--class.syntax--js .syntax--variable.syntax--other.syntax--property.syntax--static.syntax--js
.source.jsx .meta.class.body.js .meta.group.braces.curly .meta.property.object.js .variable.other.property.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--meta.syntax--property.syntax--object.syntax--js .syntax--variable.syntax--other.syntax--property.syntax--js
.source.jsx .meta.class.body.js .meta.group.braces.curly .variable.other.object.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--variable.syntax--other.syntax--object.syntax--js
.source.jsx .meta.class.body.js .meta.group.braces.curly .variable.other.readwrite.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--variable.syntax--other.syntax--readwrite.syntax--js
.source.jsx .meta.class.body.js .meta.group.braces.curly .meta.tag.jsx .entity.other.attribute-name.jsx => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--meta.syntax--tag.syntax--jsx .syntax--entity.syntax--other.syntax--attribute-name.syntax--jsx
.source.jsx .meta.class.body.js .meta.function.arrow.js .variable.other.readwrite.js => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--meta.syntax--function.syntax--arrow.syntax--js .syntax--variable.syntax--other.syntax--readwrite.syntax--js
.source.jsx .meta.class.body.js .meta.group.braces.round .meta.tag.jsx .entity.other.attribute-name.jsx => .syntax--source.syntax--jsx .syntax--meta.syntax--class.syntax--body.syntax--js .syntax--meta.syntax--group.syntax--braces.syntax--round .syntax--meta.syntax--tag.syntax--jsx .syntax--entity.syntax--other.syntax--attribute-name.syntax--jsx
.source.jsx .meta.tag.jsx .entity.name.tag.open.jsx .support.class.component.open.jsx => .syntax--source.syntax--jsx .syntax--meta.syntax--tag.syntax--jsx .syntax--entity.syntax--name.syntax--tag.syntax--open.syntax--jsx .syntax--support.syntax--class.syntax--component.syntax--open.syntax--jsx
.source.jsx .meta.tag.jsx .entity.other.attribute-name.jsx => .syntax--source.syntax--jsx .syntax--meta.syntax--tag.syntax--jsx .syntax--entity.syntax--other.syntax--attribute-name.syntax--jsx
.source.jsx .meta.tag.jsx .entity.name.tag.close.jsx .support.class.component.close.jsx => .syntax--source.syntax--jsx .syntax--meta.syntax--tag.syntax--jsx .syntax--entity.syntax--name.syntax--tag.syntax--close.syntax--jsx .syntax--support.syntax--class.syntax--component.syntax--close.syntax--jsx
.source.ts .storage.type.variable => .syntax--source.syntax--ts .syntax--storage.syntax--type.syntax--variable
Automatic 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.`

[mattcarlotta]

Created a pull request to address and fix the deprecation warnings. You can either wait for it to be merged or download it here. All you'll need to do is replace the styles folder inside of Atom's packages babel-react-syntax folder with the downloaded version.

You can find the Atom packages folder below:
For Linux users: /home/{LOGGEDINUSER}/.atom/packages/babel-react-syntax
For Mac OS users: {LOGGEDINUSER}/.atom/packages/babel-react-syntax

[divjakLab]

@mattcarlotta Thank you works great!