@vaadin/field-base - npm Package Compare versions

Comparing version 23.1.7 to 23.1.8

package.json

 {
   "name": "@vaadin/field-base",
-  "version": "23.1.7",
+  "version": "23.1.8",
   "publishConfig": {
@@ -35,3 +35,3 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "~23.1.7",
+    "@vaadin/component-base": "~23.1.8",
     "lit": "^2.0.0"
@@ -44,3 +44,3 @@ },
   },
-  "gitHead": "879a4e5e6a245809bafa0ef2b5cdb24aef72565d"
+  "gitHead": "297e4e51743751bed97f5400e661529a7d550870"
 }

src/input-control-mixin.d.ts

@@ -17,2 +17,3 @@ /**
 import { LabelMixinClass } from './label-mixin.js';
+import { SlotStylesMixinClass } from './slot-styles-mixin.js';
 import { ValidateMixinClass } from './validate-mixin.js';
@@ -36,2 +37,3 @@
   Constructor<LabelMixinClass> &
+  Constructor<SlotStylesMixinClass> &
   Constructor<ValidateMixinClass> &
@@ -38,0 +40,0 @@ T;

src/input-control-mixin.js

@@ -10,2 +10,3 @@ /**
 import { InputConstraintsMixin } from './input-constraints-mixin.js';
+import { SlotStylesMixin } from './slot-styles-mixin.js';
 
@@ -20,6 +21,7 @@ /**
  * @mixes KeyboardMixin
+ * @mixes SlotStylesMixin
  */
 export const InputControlMixin = (superclass) =>
-  class InputControlMixinClass extends DelegateFocusMixin(
-    InputConstraintsMixin(FieldMixin(KeyboardMixin(superclass))),
+  class InputControlMixinClass extends SlotStylesMixin(
+    DelegateFocusMixin(InputConstraintsMixin(FieldMixin(KeyboardMixin(superclass)))),
   ) {
@@ -97,2 +99,15 @@ static get properties() {
     /** @protected */
+    get slotStyles() {
+      // Needed for Safari, where ::slotted(...)::placeholder does not work
+      return [
+        `
+          :is(input[slot='input'], textarea[slot='textarea'])::placeholder {
+            font: inherit;
+            color: inherit;
+          }
+        `,
+      ];
+    }
+
+    /** @protected */
     ready() {
@@ -99,0 +114,0 @@ super.ready();

src/input-field-mixin.d.ts

@@ -18,2 +18,3 @@ /**
 import { LabelMixinClass } from './label-mixin.js';
+import { SlotStylesMixinClass } from './slot-styles-mixin.js';
 import { ValidateMixinClass } from './validate-mixin.js';
@@ -38,2 +39,3 @@
   Constructor<LabelMixinClass> &
+  Constructor<SlotStylesMixinClass> &
   Constructor<ValidateMixinClass> &
@@ -40,0 +42,0 @@ T;

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

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

114855

increased by0.54%

Lines of code

3189

increased by0.57%

Dependency changes

• Updated@vaadin/component-base@~23.1.8