optimized-react-component-library-xyz123 0.1.55 → 0.1.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +7 -6
  2. package/dist/index.mjs +7 -6
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -78,6 +78,7 @@ var InputRadio = ({ question, isTouched, showPreview = false }) => {
78
78
  !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pts-root-question pts-radioMultiple-container", id: questionId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
79
79
  "fieldset",
80
80
  {
81
+ "aria-required": question.isQuestionMandatory,
81
82
  "aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
82
83
  "aria-errormessage": question.hasValidationError ? errorId : void 0,
83
84
  children: [
@@ -95,16 +96,15 @@ var InputRadio = ({ question, isTouched, showPreview = false }) => {
95
96
  id: `${groupId}-option-${index}`,
96
97
  value: option.value,
97
98
  checked: question.answer === option.value,
98
- onChange: handleInputChange,
99
- required: question.isQuestionMandatory
100
- },
101
- index
99
+ onChange: handleInputChange
100
+ }
102
101
  ),
103
102
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: `${groupId}-option-${index}`, children: option.label }),
104
103
  " "
105
104
  ] }, index)),
106
105
  question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
107
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-label": "Valideringsfel", className: "errorDot", children: "!" }),
106
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
107
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
108
108
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
109
109
  ] })
110
110
  ]
@@ -364,7 +364,8 @@ var TextFieldStandard = ({
364
364
  }
365
365
  ),
366
366
  question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
367
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-label": "Valideringsfel", className: "errorDot", children: "!" }),
367
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
368
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
368
369
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
369
370
  ] })
370
371
  ]
package/dist/index.mjs CHANGED
@@ -13,6 +13,7 @@ var InputRadio = ({ question, isTouched, showPreview = false }) => {
13
13
  !showPreview && question.visible && /* @__PURE__ */ jsx("div", { className: "pts-root-question pts-radioMultiple-container", id: questionId, children: /* @__PURE__ */ jsxs(
14
14
  "fieldset",
15
15
  {
16
+ "aria-required": question.isQuestionMandatory,
16
17
  "aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
17
18
  "aria-errormessage": question.hasValidationError ? errorId : void 0,
18
19
  children: [
@@ -30,16 +31,15 @@ var InputRadio = ({ question, isTouched, showPreview = false }) => {
30
31
  id: `${groupId}-option-${index}`,
31
32
  value: option.value,
32
33
  checked: question.answer === option.value,
33
- onChange: handleInputChange,
34
- required: question.isQuestionMandatory
35
- },
36
- index
34
+ onChange: handleInputChange
35
+ }
37
36
  ),
38
37
  /* @__PURE__ */ jsx("label", { htmlFor: `${groupId}-option-${index}`, children: option.label }),
39
38
  " "
40
39
  ] }, index)),
41
40
  question.hasValidationError && /* @__PURE__ */ jsxs("div", { className: "pts-root-error", id: errorId, children: [
42
- /* @__PURE__ */ jsx("span", { "aria-label": "Valideringsfel", className: "errorDot", children: "!" }),
41
+ /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
42
+ /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Valideringsfel" }),
43
43
  /* @__PURE__ */ jsx("span", { className: "errorText", children: question.validationDefaultMessesege })
44
44
  ] })
45
45
  ]
@@ -299,7 +299,8 @@ var TextFieldStandard = ({
299
299
  }
300
300
  ),
301
301
  question.hasValidationError && /* @__PURE__ */ jsxs4("div", { className: "pts-root-error", id: errorId, children: [
302
- /* @__PURE__ */ jsx4("span", { "aria-label": "Valideringsfel", className: "errorDot", children: "!" }),
302
+ /* @__PURE__ */ jsx4("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
303
+ /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "Valideringsfel" }),
303
304
  /* @__PURE__ */ jsx4("span", { className: "errorText", children: question.validationDefaultMessesege })
304
305
  ] })
305
306
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "optimized-react-component-library-xyz123",
3
- "version": "0.1.55",
3
+ "version": "0.1.56",
4
4
  "description": "A modern React component library using TypeScript with React 19 support.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",