@launchpad-ui/form - npm Package Compare versions

Comparing version 0.8.7 to 0.8.8

dist/index.es.js

@@ -5,31 +5,32 @@ import './style.css';
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { AlertRhombus } from "@launchpad-ui/icons";
 import { VisuallyHidden } from "@react-aria/visually-hidden";
-const formGroup = "_formGroup_1icaj_10";
-const formIncreasedErrorMargin = "_formIncreasedErrorMargin_1icaj_18";
-const formInline = "_formInline_1icaj_22";
-const form = "_form_1icaj_10";
-const formInput = "_formInput_1icaj_36";
-const isFocused = "_isFocused_1icaj_56";
-const iconField = "_iconField_1icaj_73";
-const suffixContainer = "_suffixContainer_1icaj_77";
-const isInvalid = "_isInvalid_1icaj_82";
-const inlineForm = "_inlineForm_1icaj_93";
-const label = "_label_1icaj_98";
-const labelDisabled = "_labelDisabled_1icaj_104";
-const labelOptional = "_labelOptional_1icaj_108";
-const compactTextField = "_compactTextField_1icaj_114";
-const fieldError = "_fieldError_1icaj_138";
-const hint = "_hint_1icaj_180";
-const field = "_field_1icaj_138";
-const fieldErrorMessage = "_fieldErrorMessage_1icaj_200";
-const isDisabled = "_isDisabled_1icaj_213";
-const checkbox = "_checkbox_1icaj_280";
-const radio = "_radio_1icaj_287";
-const number = "_number_1icaj_291";
-const suffix = "_suffix_1icaj_77";
-const iconFieldIcon = "_iconFieldIcon_1icaj_329";
-const formInputTiny = "_formInputTiny_1icaj_337";
-const requiredAsterisk = "_requiredAsterisk_1icaj_346";
-const fieldSet = "_fieldSet_1icaj_350";
-const isActive = "_isActive_1icaj_361";
+const formGroup = "_formGroup_p76jo_10";
+const formIncreasedErrorMargin = "_formIncreasedErrorMargin_p76jo_18";
+const formInline = "_formInline_p76jo_22";
+const form = "_form_p76jo_10";
+const formInput = "_formInput_p76jo_36";
+const isFocused = "_isFocused_p76jo_56";
+const iconField = "_iconField_p76jo_73";
+const suffixContainer = "_suffixContainer_p76jo_77";
+const isInvalid = "_isInvalid_p76jo_82";
+const inlineForm = "_inlineForm_p76jo_93";
+const label = "_label_p76jo_98";
+const labelDisabled = "_labelDisabled_p76jo_104";
+const labelOptional = "_labelOptional_p76jo_108";
+const compactTextField = "_compactTextField_p76jo_114";
+const fieldError = "_fieldError_p76jo_138";
+const hint = "_hint_p76jo_184";
+const field = "_field_p76jo_138";
+const fieldErrorMessage = "_fieldErrorMessage_p76jo_204";
+const isDisabled = "_isDisabled_p76jo_217";
+const checkbox = "_checkbox_p76jo_284";
+const radio = "_radio_p76jo_291";
+const number = "_number_p76jo_295";
+const suffix = "_suffix_p76jo_77";
+const iconFieldIcon = "_iconFieldIcon_p76jo_333";
+const formInputTiny = "_formInputTiny_p76jo_341";
+const requiredAsterisk = "_requiredAsterisk_p76jo_350";
+const fieldSet = "_fieldSet_p76jo_354";
+const isActive = "_isActive_p76jo_365";
 const styles = {
@@ -234,3 +235,3 @@ formGroup,
   }
-  return /* @__PURE__ */ jsx("span", {
+  return /* @__PURE__ */ jsxs("span", {
     ...rest,
@@ -240,4 +241,7 @@ className: cx(styles.fieldError, className),
     "data-test-id": testId,
+    "aria-label": "Error",
     id: createFieldErrorId(name),
-    children: `Error - ${errorMessage}`
+    children: [/* @__PURE__ */ jsx(AlertRhombus, {
+      size: "small"
+    }), " ", errorMessage]
   });
@@ -244,0 +248,0 @@ };

dist/index.js

@@ -7,31 +7,32 @@ require('./style.css');
 const jsxRuntime = require("react/jsx-runtime");
+const icons = require("@launchpad-ui/icons");
 const visuallyHidden = require("@react-aria/visually-hidden");
-const formGroup = "_formGroup_1icaj_10";
-const formIncreasedErrorMargin = "_formIncreasedErrorMargin_1icaj_18";
-const formInline = "_formInline_1icaj_22";
-const form = "_form_1icaj_10";
-const formInput = "_formInput_1icaj_36";
-const isFocused = "_isFocused_1icaj_56";
-const iconField = "_iconField_1icaj_73";
-const suffixContainer = "_suffixContainer_1icaj_77";
-const isInvalid = "_isInvalid_1icaj_82";
-const inlineForm = "_inlineForm_1icaj_93";
-const label = "_label_1icaj_98";
-const labelDisabled = "_labelDisabled_1icaj_104";
-const labelOptional = "_labelOptional_1icaj_108";
-const compactTextField = "_compactTextField_1icaj_114";
-const fieldError = "_fieldError_1icaj_138";
-const hint = "_hint_1icaj_180";
-const field = "_field_1icaj_138";
-const fieldErrorMessage = "_fieldErrorMessage_1icaj_200";
-const isDisabled = "_isDisabled_1icaj_213";
-const checkbox = "_checkbox_1icaj_280";
-const radio = "_radio_1icaj_287";
-const number = "_number_1icaj_291";
-const suffix = "_suffix_1icaj_77";
-const iconFieldIcon = "_iconFieldIcon_1icaj_329";
-const formInputTiny = "_formInputTiny_1icaj_337";
-const requiredAsterisk = "_requiredAsterisk_1icaj_346";
-const fieldSet = "_fieldSet_1icaj_350";
-const isActive = "_isActive_1icaj_361";
+const formGroup = "_formGroup_p76jo_10";
+const formIncreasedErrorMargin = "_formIncreasedErrorMargin_p76jo_18";
+const formInline = "_formInline_p76jo_22";
+const form = "_form_p76jo_10";
+const formInput = "_formInput_p76jo_36";
+const isFocused = "_isFocused_p76jo_56";
+const iconField = "_iconField_p76jo_73";
+const suffixContainer = "_suffixContainer_p76jo_77";
+const isInvalid = "_isInvalid_p76jo_82";
+const inlineForm = "_inlineForm_p76jo_93";
+const label = "_label_p76jo_98";
+const labelDisabled = "_labelDisabled_p76jo_104";
+const labelOptional = "_labelOptional_p76jo_108";
+const compactTextField = "_compactTextField_p76jo_114";
+const fieldError = "_fieldError_p76jo_138";
+const hint = "_hint_p76jo_184";
+const field = "_field_p76jo_138";
+const fieldErrorMessage = "_fieldErrorMessage_p76jo_204";
+const isDisabled = "_isDisabled_p76jo_217";
+const checkbox = "_checkbox_p76jo_284";
+const radio = "_radio_p76jo_291";
+const number = "_number_p76jo_295";
+const suffix = "_suffix_p76jo_77";
+const iconFieldIcon = "_iconFieldIcon_p76jo_333";
+const formInputTiny = "_formInputTiny_p76jo_341";
+const requiredAsterisk = "_requiredAsterisk_p76jo_350";
+const fieldSet = "_fieldSet_p76jo_354";
+const isActive = "_isActive_p76jo_365";
 const styles = {
@@ -236,3 +237,3 @@ formGroup,
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("span", {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", {
     ...rest,
@@ -242,4 +243,7 @@ className: classix.cx(styles.fieldError, className),
     "data-test-id": testId,
+    "aria-label": "Error",
     id: createFieldErrorId(name),
-    children: `Error - ${errorMessage}`
+    children: [/* @__PURE__ */ jsxRuntime.jsx(icons.AlertRhombus, {
+      size: "small"
+    }), " ", errorMessage]
   });
@@ -246,0 +250,0 @@ };

package.json

 {
   "name": "@launchpad-ui/form",
-  "version": "0.8.7",
+  "version": "0.8.8",
   "status": "beta",
@@ -5,0 +5,0 @@ "publishConfig": {

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

121572

increased by0.61%

Lines of code

1620

increased by0.68%

No dependency changes