Capitalize CSS in the mixin name

Author: web-padawan

packages/vaadin-themable-mixin/css-injection-mixin.js

@@ -26,8 +26,8 @@ function findRoot(element) {
  *
  * @polymerMixin
  */
-export const CssInjectionMixin = (superClass) =>
-  class CssInjectionMixinClass extends superClass {
+export const CSSInjectionMixin = (superClass) =>
+  class CSSInjectionMixinClass extends superClass {
     static finalize() {
       super.finalize();
 

packages/vaadin-themable-mixin/test/css-injection-mixin-lit.test.js

@@ -1,10 +1,10 @@
 import { expect } from '@vaadin/chai-plugins';
 import { fixtureSync, nextRender, oneEvent } from '@vaadin/testing-helpers';
 import { css, html, LitElement } from 'lit';
-import { CssInjectionMixin } from '../css-injection-mixin.js';
+import { CSSInjectionMixin } from '../css-injection-mixin.js';
 import { registerStyles, ThemableMixin } from '../vaadin-themable-mixin.js';
 
-class TestFoo extends CssInjectionMixin(ThemableMixin(LitElement)) {
+class TestFoo extends CSSInjectionMixin(ThemableMixin(LitElement)) {
   static get is() {
     return 'test-foo';
   }
@@ -28,7 +28,7 @@ class TestFoo extends CssInjectionMixin(ThemableMixin(LitElement)) {
 
 customElements.define(TestFoo.is, TestFoo);
 
-class TestBar extends CssInjectionMixin(LitElement) {
+class TestBar extends CSSInjectionMixin(LitElement) {
   static get is() {
     return 'test-bar';
   }