baseui 0.0.0-alpha-8ab2335 → 0.0.0-alpha-e79754d

package/esm/timezonepicker/update-tzdata.js

@@ -45,92 +45,80 @@ function _main() {
         switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
-            tmpDir = path.join(__dirname, 'tmp');
-            _context.prev = 2;
-            _context.next = 5;
-            return fs.promises.mkdir(tmpDir);
+            tmpDir = path.join(__dirname, 'tmp'); // $FlowFixMe - flow is not aware of recursive option
 
-          case 5:
-            _context.next = 7;
+            _context.next = 4;
             return fs.promises.rmdir(tmpDir, {
               recursive: true
             });
 
-          case 7:
-            _context.next = 9;
+          case 4:
+            _context.next = 6;
             return fs.promises.mkdir(tmpDir);
 
-          case 9:
-            _context.next = 13;
-            break;
-
-          case 11:
-            _context.prev = 11;
-            _context.t0 = _context["catch"](2);
-
-          case 13:
+          case 6:
             src = "https://www.iana.org/time-zones/repository/tzdata-latest.tar.gz";
-            _context.next = 16;
+            _context.next = 9;
             return exec("curl -L ".concat(src, " | gzip -dc | tar -xf - --directory ").concat(tmpDir));
 
-          case 16:
-            zoneTabPath = path.join(tmpDir, 'zone.tab');
-            _context.next = 19;
+          case 9:
+            zoneTabPath = path.join(tmpDir, 'zone1970.tab');
+            _context.next = 12;
             return fs.promises.readFile(zoneTabPath, 'utf-8');
 
-          case 19:
+          case 12:
             content = _context.sent;
             lines = content.split('\n');
             zones = [];
             _iterator = _createForOfIteratorHelper(lines);
-            _context.prev = 23;
+            _context.prev = 16;
 
             _iterator.s();
 
-          case 25:
+          case 18:
             if ((_step = _iterator.n()).done) {
-              _context.next = 33;
+              _context.next = 26;
               break;
             }
 
             line = _step.value;
 
             if (!(line[0] === '#')) {
-              _context.next = 29;
+              _context.next = 22;
               break;
             }
 
-            return _context.abrupt("continue", 31);
+            return _context.abrupt("continue", 24);
 
-          case 29:
+          case 22:
             parts = line.split(/\s+/);
 
             if (parts.length >= 3) {
               zones.push(parts[2]);
             }
 
-          case 31:
-            _context.next = 25;
+          case 24:
+            _context.next = 18;
             break;
 
-          case 33:
-            _context.next = 38;
+          case 26:
+            _context.next = 31;
             break;
 
-          case 35:
-            _context.prev = 35;
-            _context.t1 = _context["catch"](23);
+          case 28:
+            _context.prev = 28;
+            _context.t0 = _context["catch"](16);
 
-            _iterator.e(_context.t1);
+            _iterator.e(_context.t0);
 
-          case 38:
-            _context.prev = 38;
+          case 31:
+            _context.prev = 31;
 
             _iterator.f();
 
-            return _context.finish(38);
+            return _context.finish(31);
 
-          case 41:
+          case 34:
             file = [];
             file.push("/*\nCopyright (c) Uber Technologies, Inc.\n\nThis source code is licensed under the MIT license found in the\nLICENSE file in the root directory of this source tree.\n*/\n\n");
             file.push('export const zones = [');
@@ -142,30 +130,30 @@ function _main() {
 
             file.push('];\n');
             tzdataPath = path.join(__dirname, 'tzdata.ts');
-            _context.next = 49;
+            _context.next = 42;
             return fs.promises.writeFile(tzdataPath, file.join('\n'));
 
-          case 49:
-            _context.next = 51;
+          case 42:
+            _context.next = 44;
             return fs.promises.rmdir(tmpDir, {
               recursive: true
             });
 
-          case 51:
-            _context.next = 56;
+          case 44:
+            _context.next = 49;
             break;
 
-          case 53:
-            _context.prev = 53;
-            _context.t2 = _context["catch"](0);
-            console.error(_context.t2);
+          case 46:
+            _context.prev = 46;
+            _context.t1 = _context["catch"](0);
+            console.error(_context.t1);
 
-          case 56:
+          case 49:
           case "end":
             return _context.stop();
         }
       }
-    }, _callee, null, [[0, 53], [2, 11], [23, 35, 38, 41]]);
+    }, _callee, null, [[0, 46], [16, 28, 31, 34]]);
   }));
   return _main.apply(this, arguments);
 }

package/esm/toast/styled-components.js

@@ -104,7 +104,6 @@ export var Root = styled('div', function (_ref) {
   }, getPlacement($placement));
 });
 Root.displayName = "Root";
-Root.displayName = 'Root';
 export var InnerContainer = styled('div', // eslint-disable-next-line no-empty-pattern
 function (_ref2) {
   _objectDestructuringEmpty(_ref2);
@@ -112,7 +111,6 @@ function (_ref2) {
   return {};
 });
 InnerContainer.displayName = "InnerContainer";
-InnerContainer.displayName = 'InnerContainer';
 export var Body = styled('div', function (_ref3) {
   var $isVisible = _ref3.$isVisible,
       $kind = _ref3.$kind,
@@ -145,7 +143,6 @@ export var Body = styled('div', function (_ref3) {
   });
 });
 Body.displayName = "Body";
-Body.displayName = 'Body';
 export var CloseIconSvg = styled('svg', function (_ref4) {
   var $theme = _ref4.$theme,
       $size = _ref4.$size,
@@ -162,5 +159,4 @@ export var CloseIconSvg = styled('svg', function (_ref4) {
     outline: $isFocusVisible ? "3px solid ".concat($theme.colors.accent) : 'none'
   });
 });
-CloseIconSvg.displayName = "CloseIconSvg";
-CloseIconSvg.displayName = 'CloseIconSvg';
+CloseIconSvg.displayName = "CloseIconSvg";

package/esm/toast/toaster.js

@@ -60,6 +60,8 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
+
+/* eslint-disable cup/no-undef */
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import { getOverrides, mergeOverrides } from '../helpers/overrides';

package/esm/tokens/colors.js

@@ -50,14 +50,6 @@ var colors = {
   yellow500: '#BC8B2C',
   yellow600: '#996F00',
   yellow700: '#674D1B',
-  lime50: '#F2F7ED',
-  lime100: '#E0ECD2',
-  lime200: '#BCD69D',
-  lime300: '#8BB956',
-  lime400: '#67A421',
-  lime500: '#4E7C19',
-  lime600: '#3D6213',
-  lime700: '#29410d',
   green50: '#E6F2ED',
   green100: '#ADDEC9',
   green200: '#66D19E',
@@ -66,14 +58,6 @@ var colors = {
   green500: '#03703C',
   green600: '#03582F',
   green700: '#10462D',
-  teal50: '#EDF5F7',
-  teal100: '#D2E8EC',
-  teal200: '#9DCDD6',
-  teal300: '#56A9B9',
-  teal400: '#218EA4',
-  teal500: '#196B7C',
-  teal600: '#135562',
-  teal700: '#0D3841',
   blue50: '#EFF3FE',
   blue100: '#D4E2FC',
   blue200: '#A0BFF8',
@@ -98,14 +82,6 @@ var colors = {
   purple500: '#574191',
   purple600: '#453473',
   purple700: '#2E224C',
-  magenta50: '#F9F1F7',
-  magenta100: '#F2DDEB',
-  magenta200: '#E2B4D3',
-  magenta300: '#CE7EB3',
-  magenta400: '#BF569C',
-  magenta500: '#914176',
-  magenta600: '#72335D',
-  magenta700: '#4C223E',
   brown50: '#F6F0EA',
   brown100: '#EBE0DB',
   brown200: '#D2BBB0',

package/esm/tooltip/styled-components.js

@@ -40,7 +40,6 @@ export var Body = styled('div', function (props) {
   });
 });
 Body.displayName = "Body";
-Body.displayName = 'Body';
 export var Inner = styled('div', function (props) {
   return _objectSpread(_objectSpread(_objectSpread({}, getInnerStyles(props)), {}, {
     backgroundColor: props.$theme.colors.tooltipBackground,
@@ -57,11 +56,9 @@ export var Inner = styled('div', function (props) {
   });
 });
 Inner.displayName = "Inner";
-Inner.displayName = 'Inner';
 export var Arrow = styled('div', function (props) {
   return _objectSpread(_objectSpread({}, getArrowStyles(props)), {}, {
     backgroundColor: props.$theme.colors.tooltipBackground
   });
 });
-Arrow.displayName = "Arrow";
-Arrow.displayName = 'Arrow';
+Arrow.displayName = "Arrow";

package/esm/tree-view/index.js

@@ -12,5 +12,4 @@ export { StyledTreeItemList, StyledTreeItem, StyledItemContent, StyledIconContai
 export { default as TreeLabel } from './tree-label';
 export { default as TreeLabelInteractable } from './tree-label-interactable';
 export { toggleIsExpanded };
-/** @deprecated use TreeNodeData instead. To be removed in future versions.*/
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+/** @deprecated use TreeNodeData instead. To be removed in future versions.*/

package/esm/tree-view/styled-components.js

@@ -26,7 +26,6 @@ export var StyledTreeItemList = styled('ul', function (_ref) {
   }, _defineProperty(_ref2, "margin".concat(direction), $isChildNode ? $theme.sizing.scale550 : 0), _defineProperty(_ref2, "overflow", 'auto'), _defineProperty(_ref2, "paddingTop", 0), _defineProperty(_ref2, "paddingBottom", 0), _defineProperty(_ref2, "padding".concat(direction), $isChildNode ? $theme.sizing.scale200 : 0), _defineProperty(_ref2, "position", 'relative'), _defineProperty(_ref2, "outline", 'none'), _defineProperty(_ref2, "display", $expanded ? 'block' : 'none'), _defineProperty(_ref2, "border".concat(direction), $indentGuides && $isChildNode ? "1px solid ".concat($theme.colors.borderOpaque) : 'none'), _ref2;
 });
 StyledTreeItemList.displayName = "StyledTreeItemList";
-StyledTreeItemList.displayName = 'StyledTreeItemList';
 export var StyledTreeItem = styled('li', function (_ref3) {
   var $theme = _ref3.$theme,
       $isLeafNode = _ref3.$isLeafNode;
@@ -46,7 +45,6 @@ export var StyledTreeItem = styled('li', function (_ref3) {
   };
 });
 StyledTreeItem.displayName = "StyledTreeItem";
-StyledTreeItem.displayName = 'StyledTreeItem';
 export var StyledItemContent = styled('div', function (_ref4) {
   var $theme = _ref4.$theme,
       $isSelected = _ref4.$isSelected,
@@ -72,7 +70,6 @@ export var StyledItemContent = styled('div', function (_ref4) {
   });
 });
 StyledItemContent.displayName = "StyledItemContent";
-StyledItemContent.displayName = 'StyledItemContent';
 export var StyledIconContainer = styled('div', function (_ref5) {
   var $theme = _ref5.$theme;
   var marginDirection = $theme.direction === 'rtl' ? 'marginLeft' : 'marginRight';
@@ -85,7 +82,6 @@ export var StyledIconContainer = styled('div', function (_ref5) {
   }, marginDirection, $theme.sizing.scale200);
 });
 StyledIconContainer.displayName = "StyledIconContainer";
-StyledIconContainer.displayName = 'StyledIconContainer';
 export var StyledNoIconContainer = styled('div', function (_ref7) {
   var _ref8;
 
@@ -100,11 +96,9 @@ export var StyledNoIconContainer = styled('div', function (_ref7) {
   }, _defineProperty(_ref8, marginDirection, $theme.sizing.scale200), _defineProperty(_ref8, "width", 0), _defineProperty(_ref8, "height", '1em'), _ref8;
 });
 StyledNoIconContainer.displayName = "StyledNoIconContainer";
-StyledNoIconContainer.displayName = 'StyledNoIconContainer';
 export var StyledLabelInteractable = styled('div', function () {
   return {
     width: '100%'
   };
 });
-StyledLabelInteractable.displayName = "StyledLabelInteractable";
-StyledLabelInteractable.displayName = 'StyledLabelInteractable';
+StyledLabelInteractable.displayName = "StyledLabelInteractable";

package/esm/tree-view/tree-view.js

@@ -66,7 +66,6 @@ export default function TreeView(props) {
   };
 
   var onKeyDown = function onKeyDown(e, node) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var elementId = e.target.getAttribute('data-nodeid'); // this check prevents bubbling
 
     if (elementId !== getId(node) && parseInt(elementId) !== getId(node)) {
@@ -155,8 +154,7 @@ export default function TreeView(props) {
     if (selectedNodeId === null && data.length) {
       setSelectedNodeId(getId(data[0]));
     }
-  }; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+  };
 
   var onBlur = function onBlur(event) {
     if (focusVisible) {

package/esm/types/globals.d.js

@@ -1,12 +0,0 @@
-/*
-Copyright (c) Uber Technologies, Inc.
-
-This source code is licensed under the MIT license found in the
-LICENSE file in the root directory of this source tree.
-*/
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-var PlaywrightTest;
-
-(function (_PlaywrightTest) {})(PlaywrightTest || (PlaywrightTest = {}));

package/esm/utils/deep-merge.js

@@ -6,6 +6,8 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
+
+/* flowlint unclear-type:off */
 export default function deepMerge(target) {
   target = target || {};
   var len = arguments.length <= 1 ? 0 : arguments.length - 1;
@@ -32,6 +34,9 @@ export default function deepMerge(target) {
 
   return target;
 }
+/* flowlint unclear-type:error */
+
+/* eslint-disable-next-line flowtype/no-weak-types */
 
 function isCloneable(obj) {
   /* eslint-disable-next-line eqeqeq */

package/esm/utils/deprecated-component.js

@@ -8,7 +8,6 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 export default function (Component, displayName) {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   var DeprecatedComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (process.env.NODE_ENV !== "production") {
       console.warn("We have stabilized the ".concat(displayName, " component, so you can drop the \"Unstable_\" prefix from your imports. We will remove the \"Unstable_\" exports soon, so please make these changes as soon as possible!"));

package/esm/utils/focusVisible.js

@@ -145,8 +145,7 @@ export function initFocusVisible(node) {
     prepare(node.ownerDocument);
   }
 }
-export var forkFocus = // eslint-disable-next-line @typescript-eslint/no-explicit-any
-function forkFocus(rootProps, handler) {
+export var forkFocus = function forkFocus(rootProps, handler) {
   return function (e) {
     if (typeof rootProps.onFocus === 'function') {
       rootProps.onFocus(e);
@@ -155,8 +154,7 @@ function forkFocus(rootProps, handler) {
     handler(e);
   };
 };
-export var forkBlur = // eslint-disable-next-line @typescript-eslint/no-explicit-any
-function forkBlur(rootProps, handler) {
+export var forkBlur = function forkBlur(rootProps, handler) {
   return function (e) {
     if (typeof rootProps.onBlur === 'function') {
       rootProps.onBlur(e);

package/file-uploader/file-uploader.js

@@ -128,99 +128,95 @@ function FileUploader(props) {
       progressBarProps = _getOverrides22[1];
 
   var afterFileDrop = !!(props.progressAmount || props.progressMessage || props.errorMessage);
-  return (
-    /*#__PURE__*/
-    // @ts-expect-error todo(flow->ts): dropzone api
-    React.createElement(_reactDropzone.default, _extends({}, props, {
-      disabled: props.disabled || afterFileDrop
-    }), function (renderProps) {
-      var getRootProps = renderProps.getRootProps,
-          getInputProps = renderProps.getInputProps,
-          open = renderProps.open,
-          styleProps = _objectWithoutProperties(renderProps, _excluded);
-
-      var prefixedStyledProps = prependStyleProps(_objectSpread(_objectSpread({}, styleProps), {}, {
-        isDisabled: props.disabled,
-        afterFileDrop: afterFileDrop
-      }));
-
-      var getRootPropsArgs = _objectSpread(_objectSpread({}, props.disableClick ? {
-        onClick: function onClick(evt) {
-          return evt.preventDefault();
-        }
-      } : {}), {}, {
-        tabIndex: -1
-      });
-
-      return /*#__PURE__*/React.createElement(_locale.LocaleContext.Consumer, null, function (locale) {
-        return /*#__PURE__*/React.createElement(Root, _extends({
-          "data-baseweb": "file-uploader"
-        }, prefixedStyledProps, rootProps), /*#__PURE__*/React.createElement(FileDragAndDrop, _extends({}, getRootProps(getRootPropsArgs), prefixedStyledProps, fileDragAndDropProps), !afterFileDrop && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContentMessage, _extends({}, prefixedStyledProps, contentMessageProps), locale.fileuploader.dropFilesToUpload), /*#__PURE__*/React.createElement(ContentSeparator, _extends({}, prefixedStyledProps, contentSeparatorProps), locale.fileuploader.or), /*#__PURE__*/React.createElement(ButtonComponent, _extends({
-          disabled: props.disabled,
-          kind: _button.KIND.secondary,
-          shape: _button.SHAPE.pill,
-          size: _button.SIZE.compact,
-          onClick: open,
-          role: "button",
-          overrides: {
-            BaseButton: {
-              style: function style(_ref) {
-                var $theme = _ref.$theme;
-                return {
-                  marginTop: $theme.sizing.scale500
-                };
-              }
+  return /*#__PURE__*/React.createElement(_reactDropzone.default, _extends({}, props, {
+    disabled: props.disabled || afterFileDrop
+  }), function (renderProps) {
+    var getRootProps = renderProps.getRootProps,
+        getInputProps = renderProps.getInputProps,
+        open = renderProps.open,
+        styleProps = _objectWithoutProperties(renderProps, _excluded);
+
+    var prefixedStyledProps = prependStyleProps(_objectSpread(_objectSpread({}, styleProps), {}, {
+      isDisabled: props.disabled,
+      afterFileDrop: afterFileDrop
+    }));
+
+    var getRootPropsArgs = _objectSpread(_objectSpread({}, props.disableClick ? {
+      onClick: function onClick(evt) {
+        return evt.preventDefault();
+      }
+    } : {}), {}, {
+      tabIndex: -1
+    });
+
+    return /*#__PURE__*/React.createElement(_locale.LocaleContext.Consumer, null, function (locale) {
+      return /*#__PURE__*/React.createElement(Root, _extends({
+        "data-baseweb": "file-uploader"
+      }, prefixedStyledProps, rootProps), /*#__PURE__*/React.createElement(FileDragAndDrop, _extends({}, getRootProps(getRootPropsArgs), prefixedStyledProps, fileDragAndDropProps), !afterFileDrop && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContentMessage, _extends({}, prefixedStyledProps, contentMessageProps), locale.fileuploader.dropFilesToUpload), /*#__PURE__*/React.createElement(ContentSeparator, _extends({}, prefixedStyledProps, contentSeparatorProps), locale.fileuploader.or), /*#__PURE__*/React.createElement(ButtonComponent, _extends({
+        disabled: props.disabled,
+        kind: _button.KIND.secondary,
+        shape: _button.SHAPE.pill,
+        size: _button.SIZE.compact,
+        onClick: open,
+        role: "button",
+        overrides: {
+          BaseButton: {
+            style: function style(_ref) {
+              var $theme = _ref.$theme;
+              return {
+                marginTop: $theme.sizing.scale500
+              };
             }
           }
-        }, prefixedStyledProps, buttonProps), locale.fileuploader.browseFiles)), afterFileDrop && /*#__PURE__*/React.createElement(React.Fragment, null, typeof props.progressAmount === 'number' ? /*#__PURE__*/React.createElement(ProgressBarComponent, _extends({
-          value: props.progressAmount,
-          overrides: {
-            BarProgress: {
-              style: function style(_ref2) {
-                var $theme = _ref2.$theme;
-                return {
-                  backgroundColor: props.errorMessage ? $theme.colors.negative : $theme.colors.accent
-                };
-              }
+        }
+      }, prefixedStyledProps, buttonProps), locale.fileuploader.browseFiles)), afterFileDrop && /*#__PURE__*/React.createElement(React.Fragment, null, typeof props.progressAmount === 'number' ? /*#__PURE__*/React.createElement(ProgressBarComponent, _extends({
+        value: props.progressAmount,
+        overrides: {
+          BarProgress: {
+            style: function style(_ref2) {
+              var $theme = _ref2.$theme;
+              return {
+                backgroundColor: props.errorMessage ? $theme.colors.negative : $theme.colors.accent
+              };
             }
           }
-        }, progressBarProps)) : props.errorMessage ? null : /*#__PURE__*/React.createElement(SpinnerComponent, _extends({
-          $size: _spinner.SIZE.medium,
-          $style: {
-            marginBottom: theme.sizing.scale300
-          }
-        }, spinnerProps)), (props.errorMessage || props.progressMessage) && props.errorMessage ? /*#__PURE__*/React.createElement(ErrorMessage, _extends({}, prefixedStyledProps, errorMessageProps), props.errorMessage) : /*#__PURE__*/React.createElement(ContentMessage, _extends({}, prefixedStyledProps, contentMessageProps), props.progressMessage), props.errorMessage ? /*#__PURE__*/React.createElement(RetryButtonComponent, _extends({
-          kind: _button.KIND.tertiary,
-          onClick: function onClick() {
-            props.onRetry && props.onRetry();
-          },
-          "aria-invalid": Boolean(props.errorMessage),
-          "aria-describedby": props['aria-describedby'],
-          "aria-errormessage": props.errorMessage
-        }, retryButtonProps), locale.fileuploader.retry) : /*#__PURE__*/React.createElement(CancelButtonComponent, _extends({
-          kind: _button.KIND.tertiary,
-          onClick: function onClick() {
-            props.onCancel && props.onCancel();
-          },
-          "aria-describedby": props['aria-describedby'],
-          overrides: {
-            BaseButton: {
-              style: function style(_ref3) {
-                var $theme = _ref3.$theme;
-                return {
-                  color: $theme.colors.contentNegative
-                };
-              }
+        }
+      }, progressBarProps)) : props.errorMessage ? null : /*#__PURE__*/React.createElement(SpinnerComponent, _extends({
+        $size: _spinner.SIZE.medium,
+        $style: {
+          marginBottom: theme.sizing.scale300
+        }
+      }, spinnerProps)), (props.errorMessage || props.progressMessage) && props.errorMessage ? /*#__PURE__*/React.createElement(ErrorMessage, _extends({}, prefixedStyledProps, errorMessageProps), props.errorMessage) : /*#__PURE__*/React.createElement(ContentMessage, _extends({}, prefixedStyledProps, contentMessageProps), props.progressMessage), props.errorMessage ? /*#__PURE__*/React.createElement(RetryButtonComponent, _extends({
+        kind: _button.KIND.tertiary,
+        onClick: function onClick() {
+          props.onRetry && props.onRetry();
+        },
+        "aria-invalid": Boolean(props.errorMessage),
+        "aria-describedby": props['aria-describedby'],
+        "aria-errormessage": props.errorMessage
+      }, retryButtonProps), locale.fileuploader.retry) : /*#__PURE__*/React.createElement(CancelButtonComponent, _extends({
+        kind: _button.KIND.tertiary,
+        onClick: function onClick() {
+          props.onCancel && props.onCancel();
+        },
+        "aria-describedby": props['aria-describedby'],
+        overrides: {
+          BaseButton: {
+            style: function style(_ref3) {
+              var $theme = _ref3.$theme;
+              return {
+                color: $theme.colors.contentNegative
+              };
             }
           }
-        }, cancelButtonProps), locale.fileuploader.cancel))), /*#__PURE__*/React.createElement(HiddenInput, _extends({
-          "aria-invalid": Boolean(props.errorMessage) || null,
-          "aria-describedby": props['aria-describedby'],
-          "aria-errormessage": props.errorMessage || null
-        }, getInputProps(), prefixedStyledProps, hiddenInputProps)));
-      });
-    })
-  );
+        }
+      }, cancelButtonProps), locale.fileuploader.cancel))), /*#__PURE__*/React.createElement(HiddenInput, _extends({
+        "aria-invalid": Boolean(props.errorMessage) || null,
+        "aria-describedby": props['aria-describedby'],
+        "aria-errormessage": props.errorMessage || null
+      }, getInputProps(), prefixedStyledProps, hiddenInputProps)));
+    });
+  });
 }
 
 FileUploader.defaultProps = {

package/file-uploader/styled-components.js

@@ -48,7 +48,6 @@ var StyledFileDragAndDrop = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledFileDragAndDrop = StyledFileDragAndDrop;
 StyledFileDragAndDrop.displayName = "StyledFileDragAndDrop";
-StyledFileDragAndDrop.displayName = 'StyledFileDragAndDrop';
 var StyledContentMessage = (0, _styles.styled)('div', function (_ref) {
   var $theme = _ref.$theme,
       $afterFileDrop = _ref.$afterFileDrop,
@@ -61,7 +60,6 @@ var StyledContentMessage = (0, _styles.styled)('div', function (_ref) {
 });
 exports.StyledContentMessage = StyledContentMessage;
 StyledContentMessage.displayName = "StyledContentMessage";
-StyledContentMessage.displayName = 'StyledContentMessage';
 var StyledContentSeparator = StyledContentMessage;
 exports.StyledContentSeparator = StyledContentSeparator;
 var StyledErrorMessage = (0, _styles.styled)('div', function (props) {
@@ -73,7 +71,6 @@ var StyledErrorMessage = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledErrorMessage = StyledErrorMessage;
 StyledErrorMessage.displayName = "StyledErrorMessage";
-StyledErrorMessage.displayName = 'StyledErrorMessage';
 var StyledRoot = (0, _styles.styled)('div', function (props) {
   return _objectSpread(_objectSpread({}, props.$theme.typography.font300), {}, {
     color: props.$theme.colors.fileUploaderMessageColor
@@ -81,8 +78,6 @@ var StyledRoot = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledRoot = StyledRoot;
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 var StyledHiddenInput = (0, _styles.styled)('input', {});
 exports.StyledHiddenInput = StyledHiddenInput;
-StyledHiddenInput.displayName = "StyledHiddenInput";
-StyledHiddenInput.displayName = 'StyledHiddenInput';
+StyledHiddenInput.displayName = "StyledHiddenInput";

package/flex-grid/flex-grid-item.d.ts

@@ -16,7 +16,7 @@ export declare const flexGridItemMediaQueryStyle: ({ $theme, flexGridColumnCount
     width: `calc(${string} - .5px)`;
     marginBottom: any;
 }>;
-export declare function getResponsiveValue<T>(responsive?: Responsive<T>, i?: number): T | undefined;
+export declare const getResponsiveValue: <T extends unknown>(responsive: Responsive<T>, i: number) => T;
 export declare const flexGridItemStyle: ({ $flexGridColumnCount, $flexGridColumnGap, $flexGridRowGap, $flexGridItemIndex, $flexGridItemCount, $theme, }: {
     $flexGridColumnCount?: Responsive<number>;
     $flexGridColumnGap?: Responsive<Scale>;