@vaadin/field-base - npm Package Compare versions

Comparing version 23.2.0 to 23.2.1

package.json

 {
   "name": "@vaadin/field-base",
-  "version": "23.2.0",
+  "version": "23.2.1",
   "publishConfig": {
@@ -35,3 +35,3 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "^23.2.0",
+    "@vaadin/component-base": "~23.2.1",
     "lit": "^2.0.0"
@@ -44,3 +44,3 @@ },
   },
-  "gitHead": "8b1f5941f26ac41ca038e75e24c8584e331bc7a8"
+  "gitHead": "a6c314f6927bfd3309fc735eae6c6dc72ab8367a"
 }

src/input-control-mixin.d.ts

@@ -17,2 +17,3 @@ /**
 import type { LabelMixinClass } from './label-mixin.js';
+import type { SlotStylesMixinClass } from './slot-styles-mixin.js';
 import type { ValidateMixinClass } from './validate-mixin.js';
@@ -36,2 +37,3 @@
   Constructor<LabelMixinClass> &
+  Constructor<SlotStylesMixinClass> &
   Constructor<ValidateMixinClass> &
@@ -51,2 +53,3 @@ T;
    * `allowedCharPattern = "[\\d-]"`
+   * @attr {string} allowed-char-pattern
    */
@@ -53,0 +56,0 @@ allowedCharPattern: string;

src/input-control-mixin.js

@@ -12,2 +12,3 @@ /**
 import { InputConstraintsMixin } from './input-constraints-mixin.js';
+import { SlotStylesMixin } from './slot-styles-mixin.js';
 
@@ -22,6 +23,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)))),
   ) {
@@ -40,2 +42,3 @@ static get properties() {
          * `allowedCharPattern = "[\\d-]"`
+         * @attr {string} allowed-char-pattern
          */
@@ -124,2 +127,15 @@ allowedCharPattern: {
     /** @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() {
@@ -126,0 +142,0 @@ super.ready();

src/input-field-mixin.d.ts

@@ -18,2 +18,3 @@ /**
 import type { LabelMixinClass } from './label-mixin.js';
+import type { SlotStylesMixinClass } from './slot-styles-mixin.js';
 import type { 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

118357

increased by0.61%

Lines of code

3283

increased by0.61%

Dependency changes

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

• - Removed@vaadin/component-base@23.5.4(transitive)

• Updated@vaadin/component-base@~23.2.1