@vaadin/vaadin-button - npm Package Compare versions

Comparing version 2.2.2 to 2.3.0-alpha1

package.json

@@ -13,3 +13,3 @@ {
   "name": "@vaadin/vaadin-button",
-  "version": "2.2.2",
+  "version": "2.3.0-alpha1",
   "main": "vaadin-button.js",
@@ -16,0 +16,0 @@ "author": "Vaadin Ltd",

src/vaadin-button.js

@@ -110,2 +110,3 @@ /**
         left: 0;
+        right: 0;
         width: 100%;
@@ -137,3 +138,3 @@ height: 100%;
   static get version() {
-    return '2.2.2';
+    return '2.3.0-alpha1';
   }
@@ -140,0 +141,0 @@

theme/lumo/vaadin-button-styles.js

@@ -271,2 +271,20 @@ import '@vaadin/vaadin-lumo-styles/color.js';
       }
+
+      /* RTL specific styles */
+
+      :host([dir="rtl"]) [part="prefix"] {
+        margin-left: 0.25em;
+        margin-right: -0.25em;
+      }
+
+      :host([dir="rtl"]) [part="suffix"] {
+        margin-left: -0.25em;
+        margin-right: 0.25em;
+      }
+
+      :host([dir="rtl"][theme~="icon"]) [part="prefix"],
+      :host([dir="rtl"][theme~="icon"]) [part="suffix"] {
+        margin-left: 0;
+        margin-right: 0;
+      }
     </style>
@@ -273,0 +291,0 @@ </template>

theme/material/vaadin-button-styles.js

@@ -142,2 +142,33 @@ import '@vaadin/vaadin-material-styles/color.js';
       }
+
+      /* RTL specific styles */
+
+      :host([dir="rtl"])::before {
+        left: auto;
+        right: 0;
+      }
+
+      :host([dir="rtl"])::after {
+        left: auto;
+        right: 50%;
+        transform: translate(50%, -50%);
+      }
+
+      :host([active][dir="rtl"])::after {
+        transform: translate(50%, -50%) scale(0.0000001);
+      }
+
+      :host(:hover:not([active])[dir="rtl"])::after {
+        transform: translate(50%, -50%) scale(1);
+      }
+
+      :host([dir="rtl"]) [part="prefix"] ::slotted(iron-icon) {
+        margin-right: -4px;
+        margin-left: 8px;
+      }
+
+      :host([dir="rtl"]) [part="suffix"] ::slotted(iron-icon) {
+        margin-left: -4px;
+        margin-right: 8px;
+      }
     </style>
@@ -144,0 +175,0 @@ </template>

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

34994

increased by3.48%

Lines of code

560

increased by7.49%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes