react-magma-dom 4.9.2-next.0 → 4.9.2-next.1

package/dist/properties.json

@@ -9577,12 +9577,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 16787,
+          "id": 17458,
           "name": "NavTabChildrenProps"
         },
         {
           "type": "reference",
-          "id": 17061,
+          "id": 17732,
           "name": "NavTabComponentProps"
         }
       ],
@@ -9684,7 +9684,7 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 14992,
+          "id": 15663,
           "name": "TabsProps"
         },
         {
@@ -15540,12 +15540,12 @@
       "types": [
         {
           "type": "reference",
-          "id": 14989,
+          "id": 15660,
           "name": "HorizontalTabsProps"
         },
         {
           "type": "reference",
-          "id": 14986,
+          "id": 15657,
           "name": "VerticalTabsProps"
         }
       ]

package/dist/react-magma-dom.cjs.development.js

@@ -4968,6 +4968,54 @@ var TableHeaderCell = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 TableHeaderCell.displayName = 'TableHeaderCell';
 
+var useDeviceDetect = function useDeviceDetect() {
+  var userAgent = React.useMemo(function () {
+    return navigator.userAgent.toLowerCase();
+  }, []);
+  var isSafari = React.useMemo(function () {
+    return /^((?!chrome|android).)*safari/i.test(userAgent);
+  }, [userAgent]);
+  var isChrome = React.useMemo(function () {
+    return /chrome|crios/i.test(userAgent) && !/edge|edg/i.test(userAgent);
+  }, [userAgent]);
+  var isFirefox = React.useMemo(function () {
+    return /firefox|fxios/i.test(userAgent);
+  }, [userAgent]);
+  var isEdge = React.useMemo(function () {
+    return /edge|edg/i.test(userAgent);
+  }, [userAgent]);
+  var isMobile = React.useMemo(function () {
+    return /mobi|android|touch|mini/i.test(userAgent);
+  }, [userAgent]);
+  var isWindows = React.useMemo(function () {
+    return /windows nt/.test(userAgent);
+  }, [userAgent]);
+  var isMacOS = React.useMemo(function () {
+    return /macintosh/.test(userAgent);
+  }, [userAgent]);
+  var isAndroid = React.useMemo(function () {
+    return /android/.test(userAgent);
+  }, [userAgent]);
+  var isIOS = React.useMemo(function () {
+    return /iphone|ipad|ipod/.test(userAgent);
+  }, [userAgent]);
+  var isLinux = React.useMemo(function () {
+    return /linux/.test(userAgent) && !isAndroid;
+  }, [userAgent, isAndroid]);
+  return {
+    isSafari: isSafari,
+    isChrome: isChrome,
+    isFirefox: isFirefox,
+    isEdge: isEdge,
+    isMobile: isMobile,
+    isWindows: isWindows,
+    isMacOS: isMacOS,
+    isLinux: isLinux,
+    isAndroid: isAndroid,
+    isIOS: isIOS
+  };
+};
+
 var _excluded$w = ["children", "hasCharacterCounter", "id", "inputLength", "maxCount", "maxLength", "testId", "isInverse"];
 // Changes the font weight to bold based on maxCount.
 function buildFontWeight(props) {
@@ -4981,7 +5029,7 @@ var StyledInputMessage = /*#__PURE__*/_styled(InputMessage, {
   label: "StyledInputMessage"
 })("font-weight:", buildFontWeight, ";font-family:", function (props) {
   return props.theme.bodyFont;
-}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoYXJhY3RlckNvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFnRCIsImZpbGUiOiJDaGFyYWN0ZXJDb3VudGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBJMThuQ29udGV4dCB9IGZyb20gJy4uLy4uL2kxOG4nO1xyXG5pbXBvcnQgeyBtYWdtYSB9IGZyb20gJy4uLy4uL3RoZW1lL21hZ21hJztcclxuaW1wb3J0IHsgSW5wdXRNZXNzYWdlIH0gZnJvbSAnLi4vSW5wdXQvSW5wdXRNZXNzYWdlJztcclxuLy8gQ2hhbmdlcyB0aGUgZm9udCB3ZWlnaHQgdG8gYm9sZCBiYXNlZCBvbiBtYXhDb3VudC5cclxuZnVuY3Rpb24gYnVpbGRGb250V2VpZ2h0KHByb3BzKSB7XHJcbiAgICBpZiAoKHByb3BzLmlucHV0TGVuZ3RoIDwgcHJvcHMubWF4Q291bnQgJiYgcHJvcHMuaW5wdXRMZW5ndGggPj0gMSkgfHxcclxuICAgICAgICBwcm9wcy5pbnB1dExlbmd0aCA9PT0gcHJvcHMubWF4Q291bnQpIHtcclxuICAgICAgICByZXR1cm4gbWFnbWEudHlwb2dyYXBoeVZpc3VhbFN0eWxlcy5oZWFkaW5nWFNtYWxsLmZvbnRXZWlnaHQ7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gJ2luaGVyaXQnO1xyXG59XHJcbmNvbnN0IFN0eWxlZElucHV0TWVzc2FnZSA9IHN0eWxlZChJbnB1dE1lc3NhZ2UpIGBcbiAgZm9udC13ZWlnaHQ6ICR7YnVpbGRGb250V2VpZ2h0fTtcbiAgZm9udC1mYW1pbHk6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuYm9keUZvbnR9O1xuYDtcclxuZXhwb3J0IGNvbnN0IENoYXJhY3RlckNvdW50ZXIgPSBSZWFjdC5mb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XHJcbiAgICBjb25zdCB7IGNoaWxkcmVuLCBoYXNDaGFyYWN0ZXJDb3VudGVyLCBpZCwgaW5wdXRMZW5ndGgsIG1heENvdW50LCBtYXhMZW5ndGgsIHRlc3RJZCwgaXNJbnZlcnNlLCAuLi5yZXN0IH0gPSBwcm9wcztcclxuICAgIGNvbnN0IGkxOG4gPSBSZWFjdC51c2VDb250ZXh0KEkxOG5Db250ZXh0KTtcclxuICAgIC8vIFRlbXBvcmFyeSB3aGlsZSBib3RoICdtYXhMZW5ndGgnIGFuZCAnbWF4Q291bnQnIGFyZSBzdXBwb3J0ZWQuIFRvIGJlIHJlbW92ZWQgaW4gZnV0dXJlIGl0ZXJhdGlvbnMuXHJcbiAgICBjb25zdCBtYXhDaGFyYWN0ZXJzID0gdHlwZW9mIG1heENvdW50ID09PSAnbnVtYmVyJyA/IG1heENvdW50IDogbWF4TGVuZ3RoO1xyXG4gICAgY29uc3QgaXNPdmVyTWF4Q291bnQgPSBpbnB1dExlbmd0aCA+IG1heENoYXJhY3RlcnM7XHJcbiAgICAvLyBHZXRzIHBlcmNlbnRhZ2UgdmFsdWUgb2YgdG90YWwgY2hhcmFjdGVycyB3aXRoaW4gSW5wdXQgdG8gbGV0IGFyaWEtbGl2ZSBoYXZlIGR5bmFtaWMgc3RhdGVzLlxyXG4gICAgY29uc3QgZ2V0UGVyY2VudGFnZSA9IChpbnB1dExlbmd0aCAvIG1heENoYXJhY3RlcnMpICogMTAwO1xyXG4gICAgLy8gUmV0dXJucyBhcmlhLWxpdmUgc3RhdGVzIGJhc2VkIG9uIHBlcmNlbnRhZ2Ugb2YgY2hhcmFjdGVycyB3aXRoaW4gSW5wdXQuXHJcbiAgICBmdW5jdGlvbiBnZXRBcmlhTGl2ZVN0YXRlKCkge1xyXG4gICAgICAgIGlmIChnZXRQZXJjZW50YWdlID49IDgwKSB7XHJcbiAgICAgICAgICAgIGlmIChnZXRQZXJjZW50YWdlID4gMTAwKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gJ2Fzc2VydGl2ZSc7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgcmV0dXJuICdwb2xpdGUnO1xyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4gJ29mZic7XHJcbiAgICB9XHJcbiAgICAvLyBBcyB0aGUgdXNlciB0eXBlcywgdGhpcyBjYWxjdWxhdGVzIHRoZSByZW1haW5pbmcgY2hhcmFjdGVycyBzZXQgYnkgbWF4Q291bnQgd2hpY2ggY291bnRzIGRvd24gdG8gemVybyB0aGVuIGNvdW50cyB1cCBpZiBvdmVyIHRoZSBsaW1pdC5cclxuICAgIGNvbnN0IGNoYXJhY3RlckxpbWl0ID0gbWF4Q2hhcmFjdGVycyA+IGlucHV0TGVuZ3RoXHJcbiAgICAgICAgPyBtYXhDaGFyYWN0ZXJzIC0gaW5wdXRMZW5ndGhcclxuICAgICAgICA6IGlucHV0TGVuZ3RoIC0gbWF4Q2hhcmFjdGVycztcclxuICAgIC8qXHJcbiAgICAgKiBSZXR1cm5zIHRoZSBjaGFyYWN0ZXIgY291bnRlciBkZXNjcmlwdGlvbi5cclxuICAgICAqIFdoZW4gdGhlcmUncyBubyBpbnB1dExlbmd0aCwgcmV0dXJucyBcIiMgY2hhcmFjdGVyKHMpIGFsbG93ZWRcIlxyXG4gICAgICogV2hlbiBpbnB1dExlbmd0aCA8IG1heENvdW50IG9yIGlucHV0TGVuZ3RoID09PSBtYXhDb3VudCwgcmV0dXJucyBcIiMgY2hhcmFjdGVyKHMpIGxlZnRcIlxyXG4gICAgICogV2hlbiBpbnB1dExlbmd0aCA+IG1heENvdW50LCByZXR1cm5zIFwiIyBjaGFyYWN0ZXIocykgb3ZlciBsaW1pdFwiXHJcbiAgICAgKi9cclxuICAgIGZ1bmN0aW9uIGNoYXJhY3RlclRpdGxlKCkge1xyXG4gICAgICAgIGlmIChpbnB1dExlbmd0aCA+IDApIHtcclxuICAgICAgICAgICAgaWYgKGlucHV0TGVuZ3RoIDwgbWF4Q2hhcmFjdGVycykge1xyXG4gICAgICAgICAgICAgICAgaWYgKGlucHV0TGVuZ3RoID09PSBtYXhDaGFyYWN0ZXJzIC0gMSkge1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgJHtjaGFyYWN0ZXJMaW1pdH0gJHtpMThuLmNoYXJhY3RlckNvdW50ZXIuY2hhcmFjdGVyTGVmdH1gO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgZWxzZSBpZiAoY2hhcmFjdGVyTGltaXQgPiAxKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGAke2NoYXJhY3RlckxpbWl0fSAke2kxOG4uY2hhcmFjdGVyQ291bnRlci5jaGFyYWN0ZXJzTGVmdH1gO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmIChpbnB1dExlbmd0aCA+IG1heENoYXJhY3RlcnMpIHtcclxuICAgICAgICAgICAgICAgIGlmIChpbnB1dExlbmd0aCA9PT0gbWF4Q2hhcmFjdGVycyArIDEpIHtcclxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCR7Y2hhcmFjdGVyTGltaXR9ICR7aTE4bi5jaGFyYWN0ZXJDb3VudGVyLmNoYXJhY3Rlck92ZXJ9YDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtjaGFyYWN0ZXJMaW1pdH0gJHtpMThuLmNoYXJhY3RlckNvdW50ZXIuY2hhcmFjdGVyc092ZXJ9YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAoaW5wdXRMZW5ndGggPT09IG1heENoYXJhY3RlcnMpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBgMCAke2kxOG4uY2hhcmFjdGVyQ291bnRlci5jaGFyYWN0ZXJzTGVmdH1gO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICBpZiAobWF4Q2hhcmFjdGVycyA9PT0gMSkge1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGAke21heENoYXJhY3RlcnN9ICR7aTE4bi5jaGFyYWN0ZXJDb3VudGVyLmNoYXJhY3RlckFsbG93ZWR9YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gYCR7bWF4Q2hhcmFjdGVyc30gJHtpMThuLmNoYXJhY3RlckNvdW50ZXIuY2hhcmFjdGVyc0FsbG93ZWR9YDtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0aWRcIjogdGVzdElkLCBpZDogaWQsIHJlZjogcmVmIH0sIHJlc3QpLFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoU3R5bGVkSW5wdXRNZXNzYWdlLCB7IFwiYXJpYS1saXZlXCI6IGdldEFyaWFMaXZlU3RhdGUoKSwgaGFzQ2hhcmFjdGVyQ291bnRlcjogaGFzQ2hhcmFjdGVyQ291bnRlciwgaGFzRXJyb3I6IGlzT3Zlck1heENvdW50LCBpc0ludmVyc2U6IGlzSW52ZXJzZSwgaW5wdXRMZW5ndGg6IGlucHV0TGVuZ3RoLCBtYXhDb3VudDogbWF4Q2hhcmFjdGVycywgbWF4TGVuZ3RoOiBtYXhDaGFyYWN0ZXJzIH0sIGNoYXJhY3RlclRpdGxlKCkpKSk7XHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DaGFyYWN0ZXJDb3VudGVyLmpzLm1hcCJdfQ== */"));
+}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoYXJhY3RlckNvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCZ0QiLCJmaWxlIjoiQ2hhcmFjdGVyQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHVzZURldmljZURldGVjdCBmcm9tICcuLi8uLi9ob29rcy91c2VEZXZpY2VEZXRlY3QnO1xyXG5pbXBvcnQgeyBJMThuQ29udGV4dCB9IGZyb20gJy4uLy4uL2kxOG4nO1xyXG5pbXBvcnQgeyBtYWdtYSB9IGZyb20gJy4uLy4uL3RoZW1lL21hZ21hJztcclxuaW1wb3J0IHsgZGVib3VuY2UgfSBmcm9tICcuLi8uLi91dGlscyc7XHJcbmltcG9ydCB7IEhpZGRlbkxhYmVsVGV4dCB9IGZyb20gJy4uL0NoZWNrYm94JztcclxuaW1wb3J0IHsgSW5wdXRNZXNzYWdlIH0gZnJvbSAnLi4vSW5wdXQvSW5wdXRNZXNzYWdlJztcclxuLy8gQ2hhbmdlcyB0aGUgZm9udCB3ZWlnaHQgdG8gYm9sZCBiYXNlZCBvbiBtYXhDb3VudC5cclxuZnVuY3Rpb24gYnVpbGRGb250V2VpZ2h0KHByb3BzKSB7XHJcbiAgICBpZiAoKHByb3BzLmlucHV0TGVuZ3RoIDwgcHJvcHMubWF4Q291bnQgJiYgcHJvcHMuaW5wdXRMZW5ndGggPj0gMSkgfHxcclxuICAgICAgICBwcm9wcy5pbnB1dExlbmd0aCA9PT0gcHJvcHMubWF4Q291bnQpIHtcclxuICAgICAgICByZXR1cm4gbWFnbWEudHlwb2dyYXBoeVZpc3VhbFN0eWxlcy5oZWFkaW5nWFNtYWxsLmZvbnRXZWlnaHQ7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gJ2luaGVyaXQnO1xyXG59XHJcbmNvbnN0IFN0eWxlZElucHV0TWVzc2FnZSA9IHN0eWxlZChJbnB1dE1lc3NhZ2UpIGBcbiAgZm9udC13ZWlnaHQ6ICR7YnVpbGRGb250V2VpZ2h0fTtcbiAgZm9udC1mYW1pbHk6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuYm9keUZvbnR9O1xuYDtcclxuZXhwb3J0IGNvbnN0IENoYXJhY3RlckNvdW50ZXIgPSBSZWFjdC5mb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XHJcbiAgICBjb25zdCB7IGNoaWxkcmVuLCBoYXNDaGFyYWN0ZXJDb3VudGVyLCBpZCwgaW5wdXRMZW5ndGgsIG1heENvdW50LCBtYXhMZW5ndGgsIHRlc3RJZCwgaXNJbnZlcnNlLCAuLi5yZXN0IH0gPSBwcm9wcztcclxuICAgIGNvbnN0IGkxOG4gPSBSZWFjdC51c2VDb250ZXh0KEkxOG5Db250ZXh0KTtcclxuICAgIC8vIFRlbXBvcmFyeSB3aGlsZSBib3RoICdtYXhMZW5ndGgnIGFuZCAnbWF4Q291bnQnIGFyZSBzdXBwb3J0ZWQuIFRvIGJlIHJlbW92ZWQgaW4gZnV0dXJlIGl0ZXJhdGlvbnMuXHJcbiAgICBjb25zdCBtYXhDaGFyYWN0ZXJzID0gdHlwZW9mIG1heENvdW50ID09PSAnbnVtYmVyJyA/IG1heENvdW50IDogbWF4TGVuZ3RoO1xyXG4gICAgY29uc3QgaXNPdmVyTWF4Q291bnQgPSBpbnB1dExlbmd0aCA+IG1heENoYXJhY3RlcnM7XHJcbiAgICAvLyBHZXRzIHBlcmNlbnRhZ2UgdmFsdWUgb2YgdG90YWwgY2hhcmFjdGVycyB3aXRoaW4gSW5wdXQgdG8gbGV0IGFyaWEtbGl2ZSBoYXZlIGR5bmFtaWMgc3RhdGVzLlxyXG4gICAgY29uc3QgZ2V0UGVyY2VudGFnZSA9IChpbnB1dExlbmd0aCAvIG1heENoYXJhY3RlcnMpICogMTAwO1xyXG4gICAgLy8gUmV0dXJucyBhcmlhLWxpdmUgc3RhdGVzIGJhc2VkIG9uIHBlcmNlbnRhZ2Ugb2YgY2hhcmFjdGVycyB3aXRoaW4gSW5wdXQuXHJcbiAgICBmdW5jdGlvbiBnZXRBcmlhTGl2ZVN0YXRlKCkge1xyXG4gICAgICAgIGlmIChnZXRQZXJjZW50YWdlID4gMTAwKSB7XHJcbiAgICAgICAgICAgIHJldHVybiAnYXNzZXJ0aXZlJztcclxuICAgICAgICB9XHJcbiAgICAgICAgcmV0dXJuICdwb2xpdGUnO1xyXG4gICAgfVxyXG4gICAgLy8gQXMgdGhlIHVzZXIgdHlwZXMsIHRoaXMgY2FsY3VsYXRlcyB0aGUgcmVtYWluaW5nIGNoYXJhY3RlcnMgc2V0IGJ5IG1heENvdW50IHdoaWNoIGNvdW50cyBkb3duIHRvIHplcm8gdGhlbiBjb3VudHMgdXAgaWYgb3ZlciB0aGUgbGltaXQuXHJcbiAgICBjb25zdCBjaGFyYWN0ZXJMaW1pdCA9IG1heENoYXJhY3RlcnMgPiBpbnB1dExlbmd0aFxyXG4gICAgICAgID8gbWF4Q2hhcmFjdGVycyAtIGlucHV0TGVuZ3RoXHJcbiAgICAgICAgOiBpbnB1dExlbmd0aCAtIG1heENoYXJhY3RlcnM7XHJcbiAgICAvKlxyXG4gICAgICogUmV0dXJucyB0aGUgY2hhcmFjdGVyIGNvdW50ZXIgZGVzY3JpcHRpb24uXHJcbiAgICAgKiBXaGVuIHRoZXJlJ3Mgbm8gaW5wdXRMZW5ndGgsIHJldHVybnMgXCIjIGNoYXJhY3RlcihzKSBhbGxvd2VkXCJcclxuICAgICAqIFdoZW4gaW5wdXRMZW5ndGggPCBtYXhDb3VudCBvciBpbnB1dExlbmd0aCA9PT0gbWF4Q291bnQsIHJldHVybnMgXCIjIGNoYXJhY3RlcihzKSBsZWZ0XCJcclxuICAgICAqIFdoZW4gaW5wdXRMZW5ndGggPiBtYXhDb3VudCwgcmV0dXJucyBcIiMgY2hhcmFjdGVyKHMpIG92ZXIgbGltaXRcIlxyXG4gICAgICovXHJcbiAgICBjb25zdCBjaGFyYWN0ZXJUaXRsZSA9IFJlYWN0LnVzZU1lbW8oKCkgPT4ge1xyXG4gICAgICAgIGlmIChpbnB1dExlbmd0aCA+IDApIHtcclxuICAgICAgICAgICAgaWYgKGlucHV0TGVuZ3RoIDwgbWF4Q2hhcmFjdGVycykge1xyXG4gICAgICAgICAgICAgICAgaWYgKGlucHV0TGVuZ3RoID09PSBtYXhDaGFyYWN0ZXJzIC0gMSkge1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgJHtjaGFyYWN0ZXJMaW1pdH0gJHtpMThuLmNoYXJhY3RlckNvdW50ZXIuY2hhcmFjdGVyTGVmdH1gO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgZWxzZSBpZiAoY2hhcmFjdGVyTGltaXQgPiAxKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGAke2NoYXJhY3RlckxpbWl0fSAke2kxOG4uY2hhcmFjdGVyQ291bnRlci5jaGFyYWN0ZXJzTGVmdH1gO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmIChpbnB1dExlbmd0aCA+IG1heENoYXJhY3RlcnMpIHtcclxuICAgICAgICAgICAgICAgIGlmIChpbnB1dExlbmd0aCA9PT0gbWF4Q2hhcmFjdGVycyArIDEpIHtcclxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCR7Y2hhcmFjdGVyTGltaXR9ICR7aTE4bi5jaGFyYWN0ZXJDb3VudGVyLmNoYXJhY3Rlck92ZXJ9YDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtjaGFyYWN0ZXJMaW1pdH0gJHtpMThuLmNoYXJhY3RlckNvdW50ZXIuY2hhcmFjdGVyc092ZXJ9YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAoaW5wdXRMZW5ndGggPT09IG1heENoYXJhY3RlcnMpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBgMCAke2kxOG4uY2hhcmFjdGVyQ291bnRlci5jaGFyYWN0ZXJzTGVmdH1gO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICBpZiAobWF4Q2hhcmFjdGVycyA9PT0gMSkge1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGAke21heENoYXJhY3RlcnN9ICR7aTE4bi5jaGFyYWN0ZXJDb3VudGVyLmNoYXJhY3RlckFsbG93ZWR9YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gYCR7bWF4Q2hhcmFjdGVyc30gJHtpMThuLmNoYXJhY3RlckNvdW50ZXIuY2hhcmFjdGVyc0FsbG93ZWR9YDtcclxuICAgICAgICB9XHJcbiAgICB9LCBbY2hhcmFjdGVyTGltaXQsIGlucHV0TGVuZ3RoLCBpMThuLmNoYXJhY3RlckNvdW50ZXIsIG1heENoYXJhY3RlcnNdKTtcclxuICAgIC8vIFNldHMgdGhlIHNjcmVlbiByZWFkZXIgbWVzc2FnZSB0byBhbm5vdW5jZSB0aGUgY2hhcmFjdGVyIGNvdW50ZXIuXHJcbiAgICBjb25zdCBbc2NyZWVuUmVhZGVyTWVzc2FnZSwgc2V0U2NyZWVuUmVhZGVyTWVzc2FnZV0gPSBSZWFjdC51c2VTdGF0ZSgpO1xyXG4gICAgY29uc3QgZGVib3VuY2VkU2V0U2NyZWVuUmVhZGVyTWVzc2FnZSA9IFJlYWN0LnVzZU1lbW8oKCkgPT4gZGVib3VuY2UoKHN0YXR1c01lc3NhZ2UpID0+IHtcclxuICAgICAgICBzZXRTY3JlZW5SZWFkZXJNZXNzYWdlKHN0YXR1c01lc3NhZ2UpO1xyXG4gICAgfSwgMzAwMCksIFtdKTtcclxuICAgIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgZGVib3VuY2VkU2V0U2NyZWVuUmVhZGVyTWVzc2FnZShjaGFyYWN0ZXJUaXRsZSk7XHJcbiAgICAgICAgcmV0dXJuICgpID0+IHtcclxuICAgICAgICAgICAgZGVib3VuY2VkU2V0U2NyZWVuUmVhZGVyTWVzc2FnZS5jbGVhcigpO1xyXG4gICAgICAgIH07XHJcbiAgICB9LCBbaW5wdXRMZW5ndGgsIGRlYm91bmNlZFNldFNjcmVlblJlYWRlck1lc3NhZ2UsIGNoYXJhY3RlclRpdGxlXSk7XHJcbiAgICBjb25zdCB7IGlzTWFjT1MgfSA9IHVzZURldmljZURldGVjdCgpO1xyXG4gICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KFJlYWN0LkZyYWdtZW50LCBudWxsLFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHJlZjogcmVmLCBcImRhdGEtdGVzdGlkXCI6IHRlc3RJZCB9LCByZXN0LCB7IGlkOiBpZCB9KSxcclxuICAgICAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChTdHlsZWRJbnB1dE1lc3NhZ2UsIHsgXCJhcmlhLWxpdmVcIjogZ2V0QXJpYUxpdmVTdGF0ZSgpLCBoYXNDaGFyYWN0ZXJDb3VudGVyOiBoYXNDaGFyYWN0ZXJDb3VudGVyLCBoYXNFcnJvcjogaXNPdmVyTWF4Q291bnQsIGlzSW52ZXJzZTogaXNJbnZlcnNlLCBpbnB1dExlbmd0aDogaW5wdXRMZW5ndGgsIG1heENvdW50OiBtYXhDaGFyYWN0ZXJzLCBtYXhMZW5ndGg6IG1heENoYXJhY3RlcnMgfSwgY2hhcmFjdGVyVGl0bGUpLFxyXG4gICAgICAgICAgICBpc01hY09TICYmIHNjcmVlblJlYWRlck1lc3NhZ2UgJiYgKFJlYWN0LmNyZWF0ZUVsZW1lbnQoSGlkZGVuTGFiZWxUZXh0LCB7IFwiYXJpYS1saXZlXCI6IFwiYXNzZXJ0aXZlXCIsIFwiZGF0YS10ZXN0aWRcIjogXCJzY3JlZW5SZWFkZXJNZXNzYWdlXCIgfSwgc2NyZWVuUmVhZGVyTWVzc2FnZSkpKSkpO1xyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q2hhcmFjdGVyQ291bnRlci5qcy5tYXAiXX0= */"));
 var CharacterCounter = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var hasCharacterCounter = props.hasCharacterCounter,
     id = props.id,
@@ -4999,13 +5047,10 @@ var CharacterCounter = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var getPercentage = inputLength / maxCharacters * 100;
   // Returns aria-live states based on percentage of characters within Input.
   function getAriaLiveState() {
-    if (getPercentage >= 80) {
-      if (getPercentage > 100) {
-        return 'assertive';
-      }
-      return 'polite';
+    if (getPercentage > 100) {
+      return 'assertive';
     }
-    return 'off';
+    return 'polite';
   }
   // As the user types, this calculates the remaining characters set by maxCount which counts down to zero then counts up if over the limit.
   var characterLimit = maxCharacters > inputLength ? maxCharacters - inputLength : inputLength - maxCharacters;
@@ -5015,7 +5060,7 @@ var CharacterCounter = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * When inputLength < maxCount or inputLength === maxCount, returns "# character(s) left"
    * When inputLength > maxCount, returns "# character(s) over limit"
    */
-  function characterTitle() {
+  var characterTitle = React.useMemo(function () {
     if (inputLength > 0) {
       if (inputLength < maxCharacters) {
         if (inputLength === maxCharacters - 1) {
@@ -5039,12 +5084,30 @@ var CharacterCounter = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
       return maxCharacters + " " + i18n.characterCounter.charactersAllowed;
     }
-  }
-  return React.createElement("div", Object.assign({
-    "data-testid": testId,
-    id: id,
-    ref: ref
-  }, rest), React.createElement(StyledInputMessage, {
+  }, [characterLimit, inputLength, i18n.characterCounter, maxCharacters]);
+  // Sets the screen reader message to announce the character counter.
+  var _React$useState = React.useState(),
+    screenReaderMessage = _React$useState[0],
+    setScreenReaderMessage = _React$useState[1];
+  var debouncedSetScreenReaderMessage = React.useMemo(function () {
+    return debounce(function (statusMessage) {
+      setScreenReaderMessage(statusMessage);
+    }, 3000);
+  }, []);
+  React.useEffect(function () {
+    debouncedSetScreenReaderMessage(characterTitle);
+    return function () {
+      debouncedSetScreenReaderMessage.clear();
+    };
+  }, [inputLength, debouncedSetScreenReaderMessage, characterTitle]);
+  var _useDeviceDetect = useDeviceDetect(),
+    isMacOS = _useDeviceDetect.isMacOS;
+  return React.createElement(React.Fragment, null, React.createElement("div", Object.assign({
+    ref: ref,
+    "data-testid": testId
+  }, rest, {
+    id: id
+  }), React.createElement(StyledInputMessage, {
     "aria-live": getAriaLiveState(),
     hasCharacterCounter: hasCharacterCounter,
     hasError: isOverMaxCount,
@@ -5052,7 +5115,10 @@ var CharacterCounter = /*#__PURE__*/React.forwardRef(function (props, ref) {
     inputLength: inputLength,
     maxCount: maxCharacters,
     maxLength: maxCharacters
-  }, characterTitle()));
+  }, characterTitle), isMacOS && screenReaderMessage && React.createElement(HiddenLabelText, {
+    "aria-live": "assertive",
+    "data-testid": "screenReaderMessage"
+  }, screenReaderMessage)));
 });
 
 var _excluded$x = ["actionable", "children", "containerStyle", "errorMessage", "fieldId", "hasCharacterCounter", "helperMessage", "iconPosition", "inputSize", "inputLength", "isInverse", "isLabelVisuallyHidden", "labelPosition", "labelStyle", "labelText", "labelWidth", "maxCount", "maxLength", "messageStyle", "testId"];
@@ -7986,54 +8052,6 @@ var DropdownMenuItem = /*#__PURE__*/React.forwardRef(function (props, forwardedR
 });
 DropdownMenuItem.displayName = 'DropdownMenuItem';
 
-var useDeviceDetect = function useDeviceDetect() {
-  var userAgent = React.useMemo(function () {
-    return navigator.userAgent.toLowerCase();
-  }, []);
-  var isSafari = React.useMemo(function () {
-    return /^((?!chrome|android).)*safari/i.test(userAgent);
-  }, [userAgent]);
-  var isChrome = React.useMemo(function () {
-    return /chrome|crios/i.test(userAgent) && !/edge|edg/i.test(userAgent);
-  }, [userAgent]);
-  var isFirefox = React.useMemo(function () {
-    return /firefox|fxios/i.test(userAgent);
-  }, [userAgent]);
-  var isEdge = React.useMemo(function () {
-    return /edge|edg/i.test(userAgent);
-  }, [userAgent]);
-  var isMobile = React.useMemo(function () {
-    return /mobi|android|touch|mini/i.test(userAgent);
-  }, [userAgent]);
-  var isWindows = React.useMemo(function () {
-    return /windows nt/.test(userAgent);
-  }, [userAgent]);
-  var isMacOS = React.useMemo(function () {
-    return /macintosh/.test(userAgent);
-  }, [userAgent]);
-  var isAndroid = React.useMemo(function () {
-    return /android/.test(userAgent);
-  }, [userAgent]);
-  var isIOS = React.useMemo(function () {
-    return /iphone|ipad|ipod/.test(userAgent);
-  }, [userAgent]);
-  var isLinux = React.useMemo(function () {
-    return /linux/.test(userAgent) && !isAndroid;
-  }, [userAgent, isAndroid]);
-  return {
-    isSafari: isSafari,
-    isChrome: isChrome,
-    isFirefox: isFirefox,
-    isEdge: isEdge,
-    isMobile: isMobile,
-    isWindows: isWindows,
-    isMacOS: isMacOS,
-    isLinux: isLinux,
-    isAndroid: isAndroid,
-    isIOS: isIOS
-  };
-};
-
 var _excluded$O = ["children", "icon", "to"];
 var StyledItem$3 = /*#__PURE__*/_styled("a", {
   target: "e1b21r9q0",