@vaadin/vaadin-material-styles 23.2.0-alpha2 → 23.2.0-alpha5

package/color.d.ts

@@ -1,4 +1,4 @@
-import { CSSResult } from 'lit';
+import type { CSSResult } from 'lit';
 
 export const colorLight: CSSResult;
 

package/font-icons.js

@@ -5,9 +5,9 @@
  */
 import './version.js';
 
-const $_documentContainer = document.createElement('template');
+const template = document.createElement('template');
 
-$_documentContainer.innerHTML = `
+template.innerHTML = `
   <style>
     @font-face {
       font-family: 'material-icons';
@@ -36,4 +36,4 @@ $_documentContainer.innerHTML = `
   </style>
 `;
 
-document.head.appendChild($_documentContainer.content);
+document.head.appendChild(template.content);

package/mixins/field-button.d.ts

@@ -1,3 +1,3 @@
-import { CSSResult } from 'lit';
+import type { CSSResult } from 'lit';
 
 export const fieldButton: CSSResult;

package/mixins/helper.d.ts

@@ -3,6 +3,6 @@
  * Copyright (c) 2017 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-import { CSSResult } from 'lit';
+import type { CSSResult } from 'lit';
 
 export const helper: CSSResult;

package/mixins/input-field-shared.d.ts

@@ -1,4 +1,4 @@
-import { CSSResult } from 'lit';
+import type { CSSResult } from 'lit';
 
 export const inputField: CSSResult;
 

package/mixins/menu-overlay.d.ts

@@ -1,3 +1,3 @@
-import { CSSResult } from 'lit';
+import type { CSSResult } from 'lit';
 
 export const menuOverlay: CSSResult;

package/mixins/overlay.d.ts

@@ -1,3 +1,3 @@
-import { CSSResult } from 'lit';
+import type { CSSResult } from 'lit';
 
 export const overlay: CSSResult;

package/mixins/required-field.d.ts

@@ -1,3 +1,3 @@
-import { CSSResult } from 'lit';
+import type { CSSResult } from 'lit';
 
 export const requiredField: CSSResult;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/vaadin-material-styles",
-  "version": "23.2.0-alpha2",
+  "version": "23.2.0-alpha5",
   "publishConfig": {
     "access": "public"
   },
@@ -20,7 +20,7 @@
   "module": "all-imports.js",
   "type": "module",
   "scripts": {
-    "icons": "gulp icons"
+    "icons": "gulp icons --gulpfile gulpfile.cjs"
   },
   "files": [
     "*.d.ts",
@@ -39,7 +39,7 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/vaadin-themable-mixin": "23.2.0-alpha2"
+    "@vaadin/vaadin-themable-mixin": "23.2.0-alpha5"
   },
   "devDependencies": {
     "gulp": "^4.0.2",
@@ -48,5 +48,5 @@
     "gulp-sort": "^2.0.0",
     "gulp-svgmin": "^4.1.0"
   },
-  "gitHead": "c9b8113d0fa9a602f8b9cb915c1826355af2e8df"
+  "gitHead": "c6247fd741d61096d75a71feda4a1faf88b6f0ce"
 }

package/shadow.d.ts

@@ -1,3 +1,3 @@
-import { CSSResult } from 'lit';
+import type { CSSResult } from 'lit';
 
 export const shadow: CSSResult;

package/typography.d.ts

@@ -1,4 +1,4 @@
-import { CSSResult } from 'lit';
+import type { CSSResult } from 'lit';
 
 export const font: CSSResult;
 

package/user-colors.d.ts

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

package/version.js

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

package/gulpfile.js

@@ -1,138 +0,0 @@
-/* eslint-env node */
-'use strict';
-
-const gulp = require('gulp');
-const iconfont = require('gulp-iconfont');
-const fs = require('fs');
-const svgmin = require('gulp-svgmin');
-const sort = require('gulp-sort');
-
-/**
- * Normalize file sort order across platforms (OS X vs Linux, maybe others).
- *
- * Before: `[..., 'eye-disabled', 'eye', ...]`
- * After:  `[..., 'eye', 'eye-disabled', ...]`
- *
- * Order of appearance impacts assigned Unicode codepoints, and sometimes build diffs.
- *
- * @see https://github.com/nfroidure/svgicons2svgfont/pull/82
- * @see https://github.com/nfroidure/svgicons2svgfont/blob/master/src/filesorter.js
- * @see http://support.ecisolutions.com/doc-ddms/help/reportsmenu/ascii_sort_order_chart.htm
- */
-function sortIconFilesNormalized(file1, file2) {
-  return file1.replace(/-/g, '~').localeCompare(file2.replace(/-/g, '~'), 'en-US');
-}
-
-gulp.task('icons', async () => {
-  const folder = 'icons/svg/';
-  let glyphs;
-
-  // Optimize the source files
-  gulp
-    .src(`${folder}*.svg`)
-    .pipe(
-      svgmin({
-        plugins: [
-          {
-            removeTitle: true,
-          },
-          {
-            removeViewBox: false,
-          },
-          {
-            cleanupNumericValues: {
-              floatPrecision: 6,
-            },
-          },
-          {
-            convertPathData: {
-              floatPrecision: 6,
-            },
-          },
-        ],
-      }),
-    )
-    .pipe(gulp.dest(folder))
-    .on('finish', () => {
-      // Icon font
-      gulp
-        .src(`${folder}*.svg`)
-        .pipe(
-          sort({
-            comparator(file1, file2) {
-              return sortIconFilesNormalized(file1.relative, file2.relative);
-            },
-          }),
-        )
-        .pipe(
-          iconfont({
-            fontName: 'material-icons',
-            formats: ['woff'],
-            fontHeight: 2400,
-            descent: 400,
-            normalize: true,
-            timestamp: 1, // Truthy!
-          }),
-        )
-        .on('glyphs', (glyphData) => {
-          // Store for later use
-          glyphs = glyphData;
-        })
-        .pipe(gulp.dest('.'))
-        .on('finish', () => {
-          // Generate base64 version of the font
-          const materialIconsWoff = fs.readFileSync('material-icons.woff');
-          // Write the output to font-icons.js
-          let output = `/**
- * @license
- * Copyright (c) 2017 - 2022 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import './version.js';
-
-const $_documentContainer = document.createElement('template');
-
-$_documentContainer.innerHTML = \`
-  <style>
-    @font-face {
-      font-family: 'material-icons';
-      src: url(data:application/font-woff;charset=utf-8;base64,${materialIconsWoff.toString('base64')}) format('woff');
-      font-weight: normal;
-      font-style: normal;
-    }
-
-    html {
-`;
-          glyphs.forEach((g) => {
-            const name = g.name.replace(/\s/g, '-').toLowerCase();
-            const unicode = `\\\\${g.unicode[0].charCodeAt(0).toString(16)}`;
-            output += `      --material-icons-${name}: "${unicode}";\n`;
-          });
-          output += `    }
-  </style>
-\`;
-
-document.head.appendChild($_documentContainer.content);
-`;
-          fs.writeFile('font-icons.js', output, (err) => {
-            if (err) {
-              return console.error(err);
-            }
-          });
-
-          const list = glyphs.map((g) => g.name);
-          fs.writeFile('test/glyphs.json', JSON.stringify(list, null, 2), (err) => {
-            if (err) {
-              return console.error(err);
-            }
-          });
-
-          // Cleanup
-          fs.unlink('material-icons.woff', (err) => {
-            if (err) {
-              return console.error(err);
-            }
-          });
-        });
-    });
-});