@vaadin/vaadin-material-styles 22.0.0-rc1 → 23.0.0-alpha2

package/all-imports.d.ts

@@ -5,3 +5,4 @@ export * from './mixins/required-field.js';
 export * from './color.js';
 export * from './shadow.js';
 export * from './typography.js';
+export * from './user-colors.js';

package/all-imports.js

@@ -19,3 +19,5 @@ import './shadow.js';
 export * from './shadow.js';
 import './typography.js';
 export * from './typography.js';
+import './user-colors.js';
+export * from './user-colors.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/vaadin-material-styles",
-  "version": "22.0.0-rc1",
+  "version": "23.0.0-alpha2",
   "publishConfig": {
     "access": "public"
   },
@@ -38,7 +38,7 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/vaadin-themable-mixin": "22.0.0-rc1"
+    "@vaadin/vaadin-themable-mixin": "23.0.0-alpha2"
   },
   "devDependencies": {
     "gulp": "^4.0.2",
@@ -47,5 +47,5 @@
     "gulp-sort": "^2.0.0",
     "gulp-svgmin": "^4.1.0"
   },
-  "gitHead": "7b6f44bcd2c0fd415028ace666feeb0fedb1d540"
+  "gitHead": "070f586dead02ca41b66717820c647f48bf1665f"
 }

package/user-colors.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+import { CSSResult } from 'lit';
+
+export const userColors: CSSResult;

package/user-colors.js

@@ -0,0 +1,35 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+import './version.js';
+import { css } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
+
+const userColors = css`
+  :host {
+    --vaadin-user-color-0: #ab47bc;
+    --vaadin-user-color-1: #546e7a;
+    --vaadin-user-color-2: #2e7d32;
+    --vaadin-user-color-3: #6d4c41;
+    --vaadin-user-color-4: #1976d2;
+    --vaadin-user-color-5: #00838f;
+    --vaadin-user-color-6: #827717;
+  }
+
+  [theme~='dark'] {
+    --vaadin-user-color-0: #9fa8da;
+    --vaadin-user-color-1: #00bcd4;
+    --vaadin-user-color-2: #ffeb3b;
+    --vaadin-user-color-3: #a1887f;
+    --vaadin-user-color-4: #2196f3;
+    --vaadin-user-color-5: #4caf50;
+    --vaadin-user-color-6: #ff9800;
+  }
+`;
+
+const $tpl = document.createElement('template');
+$tpl.innerHTML = `<style>${userColors.toString().replace(':host', 'html')}</style>`;
+document.head.appendChild($tpl.content);
+
+export { userColors };

package/version.js

@@ -5,7 +5,7 @@
  */
 class Material extends HTMLElement {
   static get version() {
-    return '22.0.0-rc1';
+    return '23.0.0-alpha2';
   }
 }