@vaadin/vaadin-lumo-styles - npm Package Compare versions

Comparing version 23.1.0-alpha3 to 23.1.0-alpha4

gulpfile.js

@@ -37,3 +37,3 @@ /* eslint-env node */
   let output = `<svg xmlns="http://www.w3.org/2000/svg">\n<defs>\n`;
-  filenames.forEach(function (filename) {
+  filenames.forEach((filename) => {
     // Skip non-svg files
@@ -63,3 +63,3 @@ if (filename.indexOf('.svg') === -1) {
 
-gulp.task('icons', async function () {
+gulp.task('icons', async () => {
   const folder = 'icons/svg/';
@@ -70,3 +70,3 @@ let glyphs;
   gulp
-    .src(folder + '*.svg')
+    .src(`${folder}*.svg`)
     .pipe(
@@ -76,24 +76,24 @@ svgmin({
           {
-            removeTitle: true
+            removeTitle: true,
           },
           {
-            removeViewBox: false
+            removeViewBox: false,
           },
           {
             cleanupNumericValues: {
-              floatPrecision: 6
-            }
+              floatPrecision: 6,
+            },
           },
           {
             convertPathData: {
-              floatPrecision: 6
-            }
-          }
-        ]
-      })
+              floatPrecision: 6,
+            },
+          },
+        ],
+      }),
     )
     .pipe(gulp.dest(folder))
-    .on('finish', function () {
+    .on('finish', () => {
       // iron-iconset-svg
-      fs.readdir(folder, function (err, filenames) {
+      fs.readdir(folder, (err, filenames) => {
         if (err) {
@@ -116,3 +116,3 @@ console.error(err);
 
-        fs.writeFile('iconset.js', ironIcons, function (err) {
+        fs.writeFile('iconset.js', ironIcons, (err) => {
           if (err) {
@@ -133,3 +133,3 @@ return console.error(err);
 
-        fs.writeFile('vaadin-iconset.js', vaadinIcons, function (err) {
+        fs.writeFile('vaadin-iconset.js', vaadinIcons, (err) => {
           if (err) {
@@ -143,3 +143,3 @@ return console.error(err);
       gulp
-        .src(folder + '*.svg')
+        .src(`${folder}*.svg`)
         .pipe(
@@ -149,4 +149,4 @@ sort({
               return sortIconFilesNormalized(file1.relative, file2.relative);
-            }
-          })
+            },
+          }),
         )
@@ -162,6 +162,6 @@ .pipe(
             normalize: true,
-            timestamp: 1 // Truthy!
-          })
+            timestamp: 1, // Truthy!
+          }),
         )
-        .on('glyphs', function (glyphData) {
+        .on('glyphs', (glyphData) => {
           // Store for later use
@@ -171,3 +171,3 @@ glyphs = glyphData;
         .pipe(gulp.dest('.'))
-        .on('finish', function () {
+        .on('finish', () => {
           // Generate base64 version of the font
@@ -196,3 +196,3 @@ const lumoIconsWoff = fs.readFileSync('lumo-icons.woff');
             const name = g.name.replace(/\s/g, '-').toLowerCase();
-            const unicode = '\\\\' + g.unicode[0].charCodeAt(0).toString(16);
+            const unicode = `\\\\${g.unicode[0].charCodeAt(0).toString(16)}`;
             output += `      --lumo-icons-${name}: "${unicode}";\n`;
@@ -206,3 +206,3 @@ });
 `;
-          fs.writeFile('font-icons.js', output, function (err) {
+          fs.writeFile('font-icons.js', output, (err) => {
             if (err) {
@@ -214,3 +214,3 @@ return console.error(err);
           const list = glyphs.map((g) => g.name);
-          fs.writeFile('test/glyphs.json', JSON.stringify(list, null, 2), function (err) {
+          fs.writeFile('test/glyphs.json', JSON.stringify(list, null, 2), (err) => {
             if (err) {
@@ -222,3 +222,3 @@ return console.error(err);
           // Cleanup
-          fs.unlink('lumo-icons.woff', function (err) {
+          fs.unlink('lumo-icons.woff', (err) => {
             if (err) {
@@ -225,0 +225,0 @@ return console.error(err);

mixins/input-field-shared.js

@@ -146,5 +146,5 @@ /**
 registerStyles('', inputFieldShared, {
-  moduleId: 'lumo-input-field-shared-styles'
+  moduleId: 'lumo-input-field-shared-styles',
 });
 
 export { inputField, inputFieldShared };

mixins/required-field.js

@@ -43,6 +43,5 @@ /**
 
-  [part='required-indicator']::after {
+  :host([required]) [part='required-indicator']::after {
     content: var(--lumo-required-field-indicator, '•');
     transition: opacity 0.2s;
-    opacity: 0;
     color: var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color));
@@ -55,6 +54,2 @@ position: absolute;
 
-  :host([required]:not([has-value])) [part='required-indicator']::after {
-    opacity: 1;
-  }
-
   :host([invalid]) [part='required-indicator']::after {
@@ -61,0 +56,0 @@ color: var(--lumo-required-field-indicator-color, var(--lumo-error-text-color));

package.json

 {
   "name": "@vaadin/vaadin-lumo-styles",
-  "version": "23.1.0-alpha3",
+  "version": "23.1.0-alpha4",
   "publishConfig": {
@@ -45,4 +45,4 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/icon": "23.1.0-alpha3",
-    "@vaadin/vaadin-themable-mixin": "23.1.0-alpha3"
+    "@vaadin/icon": "23.1.0-alpha4",
+    "@vaadin/vaadin-themable-mixin": "23.1.0-alpha4"
   },
@@ -56,3 +56,3 @@ "devDependencies": {
   },
-  "gitHead": "8c9e64e8dfa158dd52a9bf6da351ff038c88ca85"
+  "gitHead": "aacdb7fe09811894751f0378ff7fb66071892c71"
 }

version.js

@@ -8,3 +8,3 @@ /**
   static get version() {
-    return '23.1.0-alpha3';
+    return '23.1.0-alpha4';
   }
@@ -11,0 +11,0 @@ }

No alert changes

Worsened metrics

Total package byte prevSize

133043

decreased by-0.11%

Lines of code

3296

decreased by-0.12%

Dependency changes

• + Added@vaadin/component-base@23.1.0-alpha4(transitive)

• + Added@vaadin/icon@23.1.0-alpha4(transitive)

• + Added@vaadin/vaadin-themable-mixin@23.1.0-alpha4(transitive)

• - Removed@vaadin/component-base@23.1.0-alpha3(transitive)

• - Removed@vaadin/icon@23.1.0-alpha3(transitive)

• - Removed@vaadin/vaadin-themable-mixin@23.1.0-alpha3(transitive)

• Updated@vaadin/icon@23.1.0-alpha4

• Updated@vaadin/vaadin-themable-mixin@23.1.0-alpha4