@plesk/ui-library 3.43.2 → 3.44.0

package/cjs/components/FormFieldPassword/FormFieldPassword.js

@@ -13,10 +13,9 @@ var _Button = _interopRequireDefault(require("../Button"));
 var _FormField = _interopRequireDefault(require("../FormField"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _Toast = _interopRequireDefault(require("../Toast"));
-var _Translate = _interopRequireDefault(require("../Translate"));
+var _Translate = require("../Translate");
 var _PasswordMeter = _interopRequireDefault(require("./PasswordMeter"));
 var _generatePassword = _interopRequireDefault(require("./generatePassword"));
-var _enUS = _interopRequireDefault(require("./locale/en-US"));
 var _utils = require("../../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
@@ -71,9 +70,8 @@ class FormFieldPassword extends _react.Component {
       className: `${baseClassName}__button--copy`,
       icon: 'copy',
       onClick: () => this.handleCopyToClipboard(value),
-      tooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-        content: "FormFieldPassword.copyButtonHint",
-        fallback: _enUS.default.copyButtonHint
+      tooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+        content: "FormFieldPassword.copyButtonHint"
       }),
       disabled: isDisabled()
     };
@@ -106,14 +104,12 @@ class FormFieldPassword extends _react.Component {
           passwordGenerated: true
         });
       },
-      tooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-        content: "FormFieldPassword.generateButtonHint",
-        fallback: _enUS.default.generateButtonHint
+      tooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+        content: "FormFieldPassword.generateButtonHint"
       }),
       disabled: isDisabled(),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-        content: "FormFieldPassword.generateButton",
-        fallback: _enUS.default.generateButton
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+        content: "FormFieldPassword.generateButton"
       })
     };
     let button;
@@ -157,7 +153,9 @@ class FormFieldPassword extends _react.Component {
           getName,
           getValue,
           setValue,
-          isDisabled
+          getErrors,
+          isDisabled,
+          getDescriptionLabelId
         } = _ref4;
         const value = getValue('');
         const input = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
@@ -176,16 +174,16 @@ class FormFieldPassword extends _react.Component {
           autoComplete: autoComplete,
           className: `${baseClassName}__input`,
           size: size,
+          "aria-invalid": !!Object.keys(getErrors() ?? {}).length,
+          "aria-describedby": getDescriptionLabelId(),
           suffix: hideShowButton ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
             className: `${baseClassName}__button--show`,
             onClick: this.handleToggleClick,
             icon: visible ? 'visible' : 'invisible',
-            tooltip: visible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-              content: "FormFieldPassword.hidePassword",
-              fallback: _enUS.default.hidePassword
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-              content: "FormFieldPassword.showPassword",
-              fallback: _enUS.default.showPassword
+            tooltip: visible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+              content: "FormFieldPassword.hidePassword"
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+              content: "FormFieldPassword.showPassword"
             }),
             ghost: true,
             disabled: isDisabled()
@@ -206,9 +204,8 @@ class FormFieldPassword extends _react.Component {
               }),
               icon: "check-mark-circle-filled",
               intent: "success",
-              message: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-                content: "FormFieldPassword.copySuccessToast",
-                fallback: _enUS.default.copySuccessToast
+              message: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+                content: "FormFieldPassword.copySuccessToast"
               })
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/cjs/components/FormFieldPassword/PasswordMeter.js

@@ -7,12 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _Popover = _interopRequireDefault(require("../Popover"));
-var _Translate = _interopRequireDefault(require("../Translate"));
+var _Translate = require("../Translate");
 var _estimatePassword = _interopRequireWildcard(require("./estimatePassword"));
-var _enUS = _interopRequireDefault(require("./locale/en-US"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 const strengthIntents = {
@@ -47,22 +45,19 @@ const PasswordMeter = _ref => {
     canCloseOnEscapePress: false,
     ...props,
     target: children,
-    children: [result?.strength ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+    children: [result?.strength ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
       component: "div",
       content: "FormFieldPassword.passwordStrength",
-      fallback: _enUS.default.passwordStrength,
       params: {
         strength: /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-            content: `FormFieldPassword.strength${result?.strength}`,
-            fallback: _enUS.default[`strength${result?.strength}`]
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+            content: `FormFieldPassword.strength${result?.strength}`
           })
         })
       }
     }) : null, result?.suggestions.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-        content: "FormFieldPassword.improvePassword",
-        fallback: _enUS.default.improvePassword
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+        content: "FormFieldPassword.improvePassword"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
         children: result.suggestions.slice(0, 3).map((suggestion, index) =>
         /*#__PURE__*/
@@ -71,9 +66,8 @@ const PasswordMeter = _ref => {
           children: suggestion
         }, index.toString()))
       })]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-      content: "FormFieldPassword.yourPasswordIsStrong",
-      fallback: _enUS.default.yourPasswordIsStrong
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+      content: "FormFieldPassword.yourPasswordIsStrong"
     })]
   });
 };

package/cjs/components/FormFieldPassword/estimatePassword.js

@@ -1,12 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DEFAULT_RULES = void 0;
-var _Translate = _interopRequireDefault(require("../Translate"));
-var _enUS = _interopRequireDefault(require("./locale/en-US"));
+var _Translate = require("../Translate");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
@@ -18,9 +16,8 @@ const EXCLUSIONS = {
 };
 const DEFAULT_RULES = exports.DEFAULT_RULES = [{
   name: 'passwordTooShort',
-  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-    content: `FormFieldPassword.passwordTooShort`,
-    fallback: _enUS.default.passwordTooShort
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+    content: `FormFieldPassword.passwordTooShort`
   }),
   score(passwd) {
     return passwd.length < 5 ? -1 : 0;
@@ -41,9 +38,8 @@ const DEFAULT_RULES = exports.DEFAULT_RULES = [{
   }
 }, {
   name: 'lettersLowerCase',
-  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-    content: `FormFieldPassword.lettersLowerCase`,
-    fallback: _enUS.default.lettersLowerCase
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+    content: `FormFieldPassword.lettersLowerCase`
   }),
   score(passwd) {
     // [verified] at least one lower case letter
@@ -51,9 +47,8 @@ const DEFAULT_RULES = exports.DEFAULT_RULES = [{
   }
 }, {
   name: 'lettersUpperCase',
-  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-    content: `FormFieldPassword.lettersUpperCase`,
-    fallback: _enUS.default.lettersUpperCase
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+    content: `FormFieldPassword.lettersUpperCase`
   }),
   score(passwd) {
     // [verified] at least one upper case letter
@@ -61,9 +56,8 @@ const DEFAULT_RULES = exports.DEFAULT_RULES = [{
   }
 }, {
   name: 'numbers1',
-  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-    content: `FormFieldPassword.numbers1`,
-    fallback: _enUS.default.numbers1
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+    content: `FormFieldPassword.numbers1`
   }),
   score(passwd) {
     // [verified] at least one number
@@ -71,9 +65,8 @@ const DEFAULT_RULES = exports.DEFAULT_RULES = [{
   }
 }, {
   name: 'numbers3',
-  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-    content: `FormFieldPassword.numbers3`,
-    fallback: _enUS.default.numbers3
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+    content: `FormFieldPassword.numbers3`
   }),
   score(passwd) {
     // [verified] at least three numbers
@@ -81,9 +74,8 @@ const DEFAULT_RULES = exports.DEFAULT_RULES = [{
   }
 }, {
   name: 'specialChar1',
-  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-    content: `FormFieldPassword.specialChar1`,
-    fallback: _enUS.default.specialChar1
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+    content: `FormFieldPassword.specialChar1`
   }),
   score(passwd) {
     // [verified] at least one special character
@@ -91,9 +83,8 @@ const DEFAULT_RULES = exports.DEFAULT_RULES = [{
   }
 }, {
   name: 'specialChar2',
-  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-    content: `FormFieldPassword.specialChar2`,
-    fallback: _enUS.default.specialChar2
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+    content: `FormFieldPassword.specialChar2`
   }),
   score(passwd) {
     // [verified] at least two special characters
@@ -101,9 +92,8 @@ const DEFAULT_RULES = exports.DEFAULT_RULES = [{
   }
 }, {
   name: 'comboUpperAndLower',
-  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-    content: `FormFieldPassword.comboUpperAndLower`,
-    fallback: _enUS.default.comboUpperAndLower
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+    content: `FormFieldPassword.comboUpperAndLower`
   }),
   score(passwd) {
     // [verified] both upper and lower case
@@ -111,9 +101,8 @@ const DEFAULT_RULES = exports.DEFAULT_RULES = [{
   }
 }, {
   name: 'comboLettersAndNumbers',
-  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-    content: `FormFieldPassword.comboLettersAndNumbers`,
-    fallback: _enUS.default.comboLettersAndNumbers
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+    content: `FormFieldPassword.comboLettersAndNumbers`
   }),
   score(passwd) {
     // [verified] both letters and numbers
@@ -121,9 +110,8 @@ const DEFAULT_RULES = exports.DEFAULT_RULES = [{
   }
 }, {
   name: 'comboLettersNumbersSpecial',
-  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-    content: `FormFieldPassword.comboLettersNumbersSpecial`,
-    fallback: _enUS.default.comboLettersNumbersSpecial
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+    content: `FormFieldPassword.comboLettersNumbersSpecial`
   }),
   score(passwd) {
     // [verified] letters, numbers, and special characters

package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js

@@ -12,8 +12,7 @@ var _FormField = _interopRequireWildcard(require("../FormField"));
 var _Hint = _interopRequireDefault(require("../Hint"));
 var _Radio = _interopRequireDefault(require("../Radio"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 /**
@@ -37,50 +36,57 @@ const FormFieldRadioButtons = _ref => {
         getName,
         getValue,
         setValue,
-        isDisabled
+        isDisabled,
+        getErrors,
+        getDescriptionLabelId
       } = _ref2;
-      return options.map((_ref3, index) => {
-        let {
-          value,
-          label,
-          description,
-          disabled,
-          indentFields = []
-        } = _ref3;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `${baseClassName}__radio`,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
-            name: getName(),
-            checked: getValue() === value,
-            onChange: isChecked => {
-              if (isChecked) {
-                setValue(value);
-              }
-            },
-            disabled: isDisabled() || disabled,
-            inputProps: {
-              id: getId() ? `${getId()}-${value}` : undefined,
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("fieldset", {
+        "aria-invalid": !!Object.keys(getErrors() ?? {}).length,
+        "aria-describedby": getDescriptionLabelId(),
+        className: `${baseClassName}__fieldset`,
+        children: options.map((_ref3, index) => {
+          let {
+            value,
+            label,
+            description,
+            disabled,
+            indentFields = []
+          } = _ref3;
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: `${baseClassName}__radio`,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
               name: getName(),
-              value,
-              autoFocus: index === 0 && autoFocus ? true : undefined
-            },
-            children: label || value
-          }), description || indentFields ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: `${baseClassName}__content`,
-            children: [description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Hint.default, {
-              component: "div",
-              className: `${_FormField.BASE_FORM_FIELD_CLASS_NAME}__description`,
-              children: description
-            }), indentFields.map(field => {
-              if (isDisabled() || disabled || getValue() !== value) {
-                return /*#__PURE__*/(0, _react.cloneElement)(field, {
-                  disabled: true
-                });
-              }
-              return field;
-            })]
-          }) : null]
-        }, value);
+              checked: getValue() === value,
+              onChange: isChecked => {
+                if (isChecked) {
+                  setValue(value);
+                }
+              },
+              disabled: isDisabled() || disabled,
+              inputProps: {
+                id: getId() ? `${getId()}-${value}` : undefined,
+                name: getName(),
+                value,
+                autoFocus: index === 0 && autoFocus ? true : undefined
+              },
+              children: label || value
+            }), description || indentFields ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: `${baseClassName}__content`,
+              children: [description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Hint.default, {
+                component: "div",
+                className: `${_FormField.BASE_FORM_FIELD_CLASS_NAME}__description`,
+                children: description
+              }), indentFields.map(field => {
+                if (isDisabled() || disabled || getValue() !== value) {
+                  return /*#__PURE__*/(0, _react.cloneElement)(field, {
+                    disabled: true
+                  });
+                }
+                return field;
+              })]
+            }) : null]
+          }, value);
+        })
       });
     }
   });

package/cjs/components/FormFieldSelect/FormFieldSelect.js

@@ -13,7 +13,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 /**
- * `FormFieldSelect` componentis is used for making a choice among a set of related options.
+ * `FormFieldSelect` component is used for making a choice among a set of related options.
  * See description of `Select` for [the full list of properties](#!/Select) of this component.
  * @since 1.12.3
  */

package/cjs/components/FormFieldText/FormFieldText.js

@@ -44,7 +44,9 @@ const FormFieldText = props => {
         getName,
         getValue,
         setValue,
-        isDisabled
+        getErrors,
+        isDisabled,
+        getDescriptionLabelId
       } = _ref;
       return props.multiline ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextArea.default, {
         id: getId(),
@@ -58,6 +60,8 @@ const FormFieldText = props => {
         autoFocus: autoFocus,
         autoComplete: autoComplete,
         autoheight: autoheight,
+        "aria-invalid": !!Object.keys(getErrors() ?? {}).length,
+        "aria-describedby": getDescriptionLabelId(),
         ...(props.inputProps ?? {})
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
         id: getId(),
@@ -70,6 +74,8 @@ const FormFieldText = props => {
         placeholder: placeholder,
         autoFocus: autoFocus,
         autoComplete: autoComplete,
+        "aria-invalid": !!Object.keys(getErrors() ?? {}).length,
+        "aria-describedby": getDescriptionLabelId(),
         ...(props.inputProps ?? {})
       });
     }

package/cjs/components/Heading/Heading.js

@@ -9,8 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Icon = _interopRequireWildcard(require("../Icon"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 /**

package/cjs/components/Hint/Hint.js

@@ -19,9 +19,10 @@ const Hint = _ref => {
     baseClassName = `${_constants.CLS_PREFIX}hint`,
     className,
     children,
-    component: Tag = 'span',
+    component,
     ...props
   } = _ref;
+  const Tag = component || 'span';
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
     className: (0, _classnames.default)(baseClassName, className),
     ...props,

package/cjs/components/Icon/Icon.js

@@ -71,6 +71,7 @@ const getHref = (name, size) => {
 
 const Icon = _ref => {
   let {
+    ariaLabel,
     baseClassName = `${_constants.CLS_PREFIX}icon`,
     className,
     name,
@@ -97,6 +98,11 @@ const Icon = _ref => {
       [`${baseClassName}--flip-vertical`]: flipVertical,
       [`${baseClassName}--on-dark`]: (0, _react.useContext)(_OnDarkContext.default)
     }, className),
+    ...(ariaLabel || props['aria-label'] ? {
+      'aria-label': ariaLabel || props['aria-label']
+    } : {
+      'aria-hidden': 'true'
+    }),
     ...props,
     children: newName ? /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
       focusable: "false",

package/cjs/components/Icon/index.js

@@ -22,5 +22,4 @@ Object.keys(_Icon).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/cjs/components/Icon/utils.js

@@ -9,8 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _Icon = _interopRequireDefault(require("./Icon"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 const create = function (icon) {
@@ -18,21 +17,31 @@ const create = function (icon) {
   if (!icon) {
     return icon;
   }
+  const computedProps = {
+    ...defaults
+  };
+
+  /* Hide the icon from assistive technologies unless labeled explicitly */
+  if (!('aria-hidden' in defaults)) {
+    if (!('aria-label' in defaults) && !('ariaLabel' in defaults)) {
+      computedProps['aria-hidden'] = 'true';
+    }
+  }
   if (/*#__PURE__*/(0, _react.isValidElement)(icon)) {
     const {
       className,
       ...props
     } = icon.props;
     const newProps = {
-      ...defaults
+      ...computedProps
     };
     Object.keys(props).forEach(name => {
       if (props[name] !== null && props[name] !== undefined) {
         newProps[name] = props[name];
       }
     });
-    if (defaults.className || className) {
-      newProps.className = (0, _classnames.default)(defaults.className, className);
+    if (computedProps.className || className) {
+      newProps.className = (0, _classnames.default)(computedProps.className, className);
     }
     return /*#__PURE__*/(0, _react.cloneElement)(icon, newProps);
   }
@@ -42,13 +51,13 @@ const create = function (icon) {
       ...props
     } = icon;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-      ...defaults,
-      className: defaults.className || className ? (0, _classnames.default)(defaults.className, className) : null,
+      ...computedProps,
+      className: computedProps.className || className ? (0, _classnames.default)(computedProps.className, className) : null,
       ...props
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-    ...defaults,
+    ...computedProps,
     name: icon
   });
 };

package/cjs/components/InPlaceEdit/Editor.js

@@ -9,8 +9,7 @@ var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _Input = _interopRequireDefault(require("../Input"));
-var _Translate = _interopRequireDefault(require("../Translate"));
-var _enUS = _interopRequireDefault(require("./locale/en-US"));
+var _Translate = require("../Translate");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
@@ -48,18 +47,16 @@ const Editor = _ref => {
         className: (0, _classnames.default)(`${baseClassName}__control-button`, `${baseClassName}__control-button--ok`),
         icon: "check-mark",
         onClick: handleSave,
-        tooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-          content: "InPlaceEdit.okButtonHint",
-          fallback: _enUS.default.okButtonHint
+        tooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+          content: "InPlaceEdit.okButtonHint"
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         ghost: true,
         className: (0, _classnames.default)(`${baseClassName}__control-button`, `${baseClassName}__control-button--cancel`),
         icon: "cross-mark",
         onClick: onCancel,
-        tooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-          content: "InPlaceEdit.cancelButtonHint",
-          fallback: _enUS.default.cancelButtonHint
+        tooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+          content: "InPlaceEdit.cancelButtonHint"
         })
       })]
     })]

package/cjs/components/InPlaceEdit/InPlaceEdit.js

@@ -9,9 +9,8 @@ var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Button = _interopRequireDefault(require("../Button"));
-var _Translate = _interopRequireDefault(require("../Translate"));
+var _Translate = require("../Translate");
 var _Editor = _interopRequireDefault(require("./Editor"));
-var _enUS = _interopRequireDefault(require("./locale/en-US"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
@@ -46,9 +45,8 @@ const InPlaceEdit = _ref => {
         name: 'pencil',
         className: `${baseClassName}__control-button-icon`
       },
-      tooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-        content: "InPlaceEdit.editButtonHint",
-        fallback: _enUS.default.editButtonHint
+      tooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+        content: "InPlaceEdit.editButtonHint"
       })
     }), isEditing && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Editor.default, {
       baseClassName: baseClassName,