@mekari/pixel-input - npm Package Compare versions

Comparing version 0.3.1 to 0.3.2

dist/mekari-pixel-input.cjs.dev.js

@@ -228,2 +228,3 @@ 'use strict';
         return {
+          controlId: this.controlId,
           isReadOnly: this.isReadOnly,
@@ -301,2 +302,3 @@ isDisabled: this.isDisabled,
   render(h) {
+    const controlId = this.getFormControls.controlId;
     return h(pixelBox.MpBox, {
@@ -324,2 +326,3 @@ attrs: {
         placeholder: this.placeholder,
+        id: controlId,
         readonly: this.getFormControls.isReadOnly,
@@ -332,4 +335,4 @@ disabled: this.getFormControls.isDisabled,
         'aria-required': this.getFormControls.isRequired,
-        'aria-label': this.ariaLabel,
-        'aria-labelledby': this.ariaLabelledBy,
+        'aria-label': this.ariaLabel || controlId && `${controlId}-control-label`,
+        'aria-labelledby': this.ariaLabelledBy || controlId && `${controlId}-help-text`,
         ...this.computedAttrs
@@ -336,0 +339,0 @@ },

dist/mekari-pixel-input.cjs.prod.js

@@ -228,2 +228,3 @@ 'use strict';
         return {
+          controlId: this.controlId,
           isReadOnly: this.isReadOnly,
@@ -301,2 +302,3 @@ isDisabled: this.isDisabled,
   render(h) {
+    const controlId = this.getFormControls.controlId;
     return h(pixelBox.MpBox, {
@@ -324,2 +326,3 @@ attrs: {
         placeholder: this.placeholder,
+        id: controlId,
         readonly: this.getFormControls.isReadOnly,
@@ -332,4 +335,4 @@ disabled: this.getFormControls.isDisabled,
         'aria-required': this.getFormControls.isRequired,
-        'aria-label': this.ariaLabel,
-        'aria-labelledby': this.ariaLabelledBy,
+        'aria-label': this.ariaLabel || controlId && `${controlId}-control-label`,
+        'aria-labelledby': this.ariaLabelledBy || controlId && `${controlId}-help-text`,
         ...this.computedAttrs
@@ -336,0 +339,0 @@ },

dist/mekari-pixel-input.esm.js

@@ -224,2 +224,3 @@ import { MpBox } from '@mekari/pixel-box';
         return {
+          controlId: this.controlId,
           isReadOnly: this.isReadOnly,
@@ -297,2 +298,3 @@ isDisabled: this.isDisabled,
   render(h) {
+    const controlId = this.getFormControls.controlId;
     return h(MpBox, {
@@ -320,2 +322,3 @@ attrs: {
         placeholder: this.placeholder,
+        id: controlId,
         readonly: this.getFormControls.isReadOnly,
@@ -328,4 +331,4 @@ disabled: this.getFormControls.isDisabled,
         'aria-required': this.getFormControls.isRequired,
-        'aria-label': this.ariaLabel,
-        'aria-labelledby': this.ariaLabelledBy,
+        'aria-label': this.ariaLabel || controlId && `${controlId}-control-label`,
+        'aria-labelledby': this.ariaLabelledBy || controlId && `${controlId}-help-text`,
         ...this.computedAttrs
@@ -332,0 +335,0 @@ },

package.json

 {
   "name": "@mekari/pixel-input",
   "description": "Mekari Pixel | Input component",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "homepage": "https://mekari.design/",
@@ -28,3 +28,3 @@ "repository": {
     "@mekari/pixel-box": "^0.0.7",
-    "@mekari/pixel-button-icon": "^0.4.1",
+    "@mekari/pixel-button-icon": "^0.4.3",
     "@mekari/pixel-utils": "^0.1.0"
@@ -31,0 +31,0 @@ },

src/input.js

@@ -39,2 +39,3 @@ import { MpBox } from '@mekari/pixel-box'
         return {
+          controlId: this.controlId,
           isReadOnly: this.isReadOnly,
@@ -108,2 +109,4 @@ isDisabled: this.isDisabled,
   render(h) {
+    const controlId = this.getFormControls.controlId
+
     return h(
@@ -135,2 +138,3 @@ MpBox,
             placeholder: this.placeholder,
+            id: controlId,
             readonly: this.getFormControls.isReadOnly,
@@ -143,4 +147,4 @@ disabled: this.getFormControls.isDisabled,
             'aria-required': this.getFormControls.isRequired,
-            'aria-label': this.ariaLabel,
-            'aria-labelledby': this.ariaLabelledBy,
+            'aria-label': this.ariaLabel || (controlId && `${controlId}-control-label`),
+            'aria-labelledby': this.ariaLabelledBy || (controlId && `${controlId}-help-text`),
             ...this.computedAttrs
@@ -147,0 +151,0 @@ },

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

54524

increased by1.5%

Lines of code

1951

increased by0.62%

Dependency changes

• Updated@mekari/pixel-button-icon@^0.4.3