@zextras/carbonio-design-system 4.2.1 → 4.2.2-react18.0

package/dist/{zapp-ui.bundle.js → zapp-ui.bundle.cjs}

@@ -6038,8 +6038,9 @@ function getBoundingClientRect$1(element, includeScale, isFixedStrategy, offsetP
   if (domElement) {
     const win = getWindow$1(domElement);
     const offsetWin = offsetParent && isElement$1(offsetParent) ? getWindow$1(offsetParent) : offsetParent;
-    let currentIFrame = win.frameElement;
-    while (currentIFrame && offsetParent && offsetWin !== win) {
+    let currentWin = win;
+    let currentIFrame = currentWin.frameElement;
+    while (currentIFrame && offsetParent && offsetWin !== currentWin) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
       const css = getComputedStyle$1(currentIFrame);
@@ -6051,7 +6052,8 @@ function getBoundingClientRect$1(element, includeScale, isFixedStrategy, offsetP
       height *= iframeScale.y;
       x += left;
       y += top;
-      currentIFrame = getWindow$1(currentIFrame).frameElement;
+      currentWin = getWindow$1(currentIFrame);
+      currentIFrame = currentWin.frameElement;
     }
   }
   return rectToClientRect$1({
@@ -7154,7 +7156,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$b =
+var global$a =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -7305,7 +7307,7 @@ var isObject$7 = function (it) {
   return typeof it == 'object' ? it !== null : isCallable$9(it);
 };
 
-var global$a = global$b;
+var global$9 = global$a;
 var isCallable$8 = isCallable$a;
 
 var aFunction = function (argument) {
@@ -7313,7 +7315,7 @@ var aFunction = function (argument) {
 };
 
 var getBuiltIn$2 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$a[namespace]) : global$a[namespace] && global$a[namespace][method];
+  return arguments.length < 2 ? aFunction(global$9[namespace]) : global$9[namespace] && global$9[namespace][method];
 };
 
 var uncurryThis$6 = functionUncurryThis;
@@ -7322,11 +7324,11 @@ var objectIsPrototypeOf = uncurryThis$6({}.isPrototypeOf);
 
 var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
 
-var global$9 = global$b;
+var global$8 = global$a;
 var userAgent = engineUserAgent;
 
-var process$1 = global$9.process;
-var Deno = global$9.Deno;
+var process$1 = global$8.process;
+var Deno = global$8.Deno;
 var versions = process$1 && process$1.versions || Deno && Deno.version;
 var v8 = versions && versions.v8;
 var match$2, version;
@@ -7353,9 +7355,9 @@ var engineV8Version = version;
 /* eslint-disable es/no-symbol -- required for testing */
 var V8_VERSION = engineV8Version;
 var fails$5 = fails$9;
-var global$8 = global$b;
+var global$7 = global$a;
 
-var $String$3 = global$8.String;
+var $String$3 = global$7.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
 var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$5(function () {
@@ -7437,42 +7439,42 @@ var ordinaryToPrimitive$1 = function (input, pref) {
   throw new $TypeError$5("Can't convert object to primitive value");
 };
 
-var shared$3 = {exports: {}};
+var sharedStore = {exports: {}};
 
-var global$7 = global$b;
+var global$6 = global$a;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$1 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$1(global$7, key, { value: value, configurable: true, writable: true });
+    defineProperty$1(global$6, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$7[key] = value;
+    global$6[key] = value;
   } return value;
 };
 
-var global$6 = global$b;
+var globalThis$1 = global$a;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = global$6[SHARED] || defineGlobalProperty$2(SHARED, {});
+var store$3 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty$2(SHARED, {});
 
-var sharedStore = store$3;
-
-var store$2 = sharedStore;
-
-(shared$3.exports = function (key, value) {
-  return store$2[key] || (store$2[key] = value !== undefined ? value : {});
-})('versions', []).push({
-  version: '3.35.1',
+(store$3.versions || (store$3.versions = [])).push({
+  version: '3.36.0',
   mode: 'global',
   copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.35.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.36.0/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
-var sharedExports = shared$3.exports;
+var sharedStoreExports = sharedStore.exports;
+
+var store$2 = sharedStoreExports;
+
+var shared$3 = function (key, value) {
+  return store$2[key] || (store$2[key] = value || {});
+};
 
 var requireObjectCoercible = requireObjectCoercible$2;
 
@@ -7506,8 +7508,8 @@ var uid$3 = function (key) {
   return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$1(++id + postfix, 36);
 };
 
-var global$5 = global$b;
-var shared$2 = sharedExports;
+var global$5 = global$a;
+var shared$2 = shared$3;
 var hasOwn$6 = hasOwnProperty_1;
 var uid$2 = uid$3;
 var NATIVE_SYMBOL = symbolConstructorDetection;
@@ -7561,7 +7563,7 @@ var toPropertyKey$3 = function (argument) {
   return isSymbol$1(key) ? key : key + '';
 };
 
-var global$4 = global$b;
+var global$4 = global$a;
 var isObject$4 = isObject$7;
 
 var document$1 = global$4.document;
@@ -7710,7 +7712,7 @@ var functionName = {
 
 var uncurryThis$3 = functionUncurryThis;
 var isCallable$4 = isCallable$a;
-var store$1 = sharedStore;
+var store$1 = sharedStoreExports;
 
 var functionToString = uncurryThis$3(Function.toString);
 
@@ -7723,14 +7725,14 @@ if (!isCallable$4(store$1.inspectSource)) {
 
 var inspectSource$1 = store$1.inspectSource;
 
-var global$3 = global$b;
+var global$3 = global$a;
 var isCallable$3 = isCallable$a;
 
 var WeakMap$1 = global$3.WeakMap;
 
 var weakMapBasicDetection = isCallable$3(WeakMap$1) && /native code/.test(String(WeakMap$1));
 
-var shared$1 = sharedExports;
+var shared$1 = shared$3;
 var uid$1 = uid$3;
 
 var keys$1 = shared$1('keys');
@@ -7742,11 +7744,11 @@ var sharedKey$1 = function (key) {
 var hiddenKeys$3 = {};
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$2 = global$b;
+var global$2 = global$a;
 var isObject$2 = isObject$7;
 var createNonEnumerableProperty$1 = createNonEnumerableProperty$2;
 var hasOwn$3 = hasOwnProperty_1;
-var shared = sharedStore;
+var shared = sharedStoreExports;
 var sharedKey = sharedKey$1;
 var hiddenKeys$2 = hiddenKeys$3;
 
@@ -7961,6 +7963,7 @@ var createMethod = function (IS_INCLUDES) {
   return function ($this, el, fromIndex) {
     var O = toIndexedObject$1($this);
     var length = lengthOfArrayLike$1(O);
+    if (length === 0) return !IS_INCLUDES && -1;
     var index = toAbsoluteIndex(fromIndex, length);
     var value;
     // Array#includes uses SameValueZero equality algorithm
@@ -8089,7 +8092,7 @@ var POLYFILL = isForced$1.POLYFILL = 'P';
 
 var isForced_1 = isForced$1;
 
-var global$1 = global$b;
+var global$1 = global$a;
 var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty = createNonEnumerableProperty$2;
 var defineBuiltIn = defineBuiltIn$1;
@@ -13487,7 +13490,7 @@ function addLeadingZeros(number, targetLength) {
  *
  * Letters marked by * are not implemented but reserved by Unicode standard.
  */
-var formatters$2 = {
+var formatters$1 = {
   // Year
   y: function y(date, token) {
     // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_tokens
@@ -13553,7 +13556,7 @@ var formatters$2 = {
     return addLeadingZeros(fractionalSeconds, token.length);
   }
 };
-var lightFormatters = formatters$2;
+var lightFormatters = formatters$1;
 
 var dayPeriodEnum = {
   am: 'am',
@@ -14319,7 +14322,6 @@ function formatTimezone(offset, dirtyDelimiter) {
   var minutes = addLeadingZeros(absOffset % 60, 2);
   return sign + hours + delimiter + minutes;
 }
-var formatters$1 = formatters;
 
 var dateLongFormatter = function dateLongFormatter(pattern, formatLong) {
   switch (pattern) {
@@ -14400,7 +14402,6 @@ var longFormatters = {
   p: timeLongFormatter,
   P: dateTimeLongFormatter
 };
-var longFormatters$1 = longFormatters;
 
 /**
  * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.
@@ -15277,7 +15278,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
   var result = formatStr.match(longFormattingTokensRegExp$1).map(function (substring) {
     var firstCharacter = substring[0];
     if (firstCharacter === 'p' || firstCharacter === 'P') {
-      var longFormatter = longFormatters$1[firstCharacter];
+      var longFormatter = longFormatters[firstCharacter];
       return longFormatter(substring, locale.formatLong);
     }
     return substring;
@@ -15290,7 +15291,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
     if (firstCharacter === "'") {
       return cleanEscapedString$1(substring);
     }
-    var formatter = formatters$1[firstCharacter];
+    var formatter = formatters[firstCharacter];
     if (formatter) {
       if (!(options !== null && options !== void 0 && options.useAdditionalWeekYearTokens) && isProtectedWeekYearToken(substring)) {
         throwProtectedError(substring, dirtyFormatStr, String(dirtyDate));
@@ -19562,8 +19563,8 @@ function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options)
   var setters = [new DateToSystemTimezoneSetter()];
   var tokens = formatString.match(longFormattingTokensRegExp).map(function (substring) {
     var firstCharacter = substring[0];
-    if (firstCharacter in longFormatters$1) {
-      var longFormatter = longFormatters$1[firstCharacter];
+    if (firstCharacter in longFormatters) {
+      var longFormatter = longFormatters[firstCharacter];
       return longFormatter(substring, locale.formatLong);
     }
     return substring;
@@ -23889,8 +23890,10 @@ const DefaultTabBarItem = /*#__PURE__*/React__namespace.default.forwardRef(funct
     if (!item.disabled) onClick(ev);
   }, [item.disabled, onClick]);
   const combinedRef = useCombinedRefs(ref);
-  const keyEvents = React.useMemo(() => getKeyboardPreset('button', activationCb), [activationCb]);
-  useKeyboard(combinedRef, keyEvents);
+
+  // const keyEvents = useMemo(() => getKeyboardPreset('button', activationCb), [activationCb]);
+  // useKeyboard(combinedRef, keyEvents);
+
   return /*#__PURE__*/React__namespace.default.createElement(DefaultTabBarItemContainer, _extends({
     padding: {
       horizontal: 'small'
@@ -25281,11 +25284,11 @@ const BANNER_GAP = '1rem';
 const BANNER_WIDTH = '100%';
 const InfoContainer = styled__default.default(Container).withConfig({
   displayName: "Banner__InfoContainer",
-  componentId: "sc-1jibtzc-0"
+  componentId: "sc-3rwd6k-0"
 })(["overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;& > *:not(:is(:first-child)){padding-top:0.25rem;}"]);
 const BannerText = styled__default.default(Text).withConfig({
   displayName: "Banner__BannerText",
-  componentId: "sc-1jibtzc-1"
+  componentId: "sc-3rwd6k-1"
 })(["overflow:visible;"]);
 const WrapAndGrowContainer = styled__default.default(Container).attrs(({
   theme,
@@ -25295,26 +25298,27 @@ const WrapAndGrowContainer = styled__default.default(Container).attrs(({
   flexBasis: styled.css(["calc(", " + ", " + ", ")"], flexBasis, theme.sizes.icon.large, gap)
 })).withConfig({
   displayName: "Banner__WrapAndGrowContainer",
-  componentId: "sc-1jibtzc-2"
+  componentId: "sc-3rwd6k-2"
 })([""]);
 const ActionsContainer = styled__default.default(Container).withConfig({
   displayName: "Banner__ActionsContainer",
-  componentId: "sc-1jibtzc-3"
+  componentId: "sc-3rwd6k-3"
 })(["align-self:stretch;"]);
 const CloseContainer = styled__default.default(Container).withConfig({
   displayName: "Banner__CloseContainer",
-  componentId: "sc-1jibtzc-4"
+  componentId: "sc-3rwd6k-4"
 })(["align-self:", ";"], ({
   $alignSelf
 }) => $alignSelf);
 const BannerContainer = styled__default.default(Container).withConfig({
   displayName: "Banner__BannerContainer",
-  componentId: "sc-1jibtzc-5"
+  componentId: "sc-3rwd6k-5"
 })(["", "{order:1;}", ";"], WrapAndGrowContainer, ({
   $isMultiline
 }) => $isMultiline ? styled.css(["", "{order:2;}", "{order:3;}"], CloseContainer, ActionsContainer) : styled.css(["", "{order:3;}", "{order:2;}"], CloseContainer, ActionsContainer));
 const Banner = /*#__PURE__*/React__namespace.default.forwardRef(function BannerFn({
   status = 'success',
+  severity = status,
   type = 'fill',
   title,
   description,
@@ -25330,9 +25334,9 @@ const Banner = /*#__PURE__*/React__namespace.default.forwardRef(function BannerF
   const infoContainerRef = React.useRef(null);
   const actionsContainerRef = React.useRef(null);
   const closeContainerRef = React.useRef(null);
-  const mainColor = React.useMemo(() => type === 'fill' ? 'gray6' : status, [type, status]);
+  const mainColor = React.useMemo(() => type === 'fill' ? 'gray6' : severity, [type, severity]);
   const textColor = React.useMemo(() => type === 'fill' ? 'gray6' : 'text', [type]);
-  const backgroundColor = React.useMemo(() => type === 'outline' && 'gray6' || type === 'fill' && status || `${status}Banner`, [type, status]);
+  const backgroundColor = React.useMemo(() => type === 'outline' && 'gray6' || type === 'fill' && severity || `${severity}Banner`, [type, severity]);
   const [isMultiline, setIsMultiline] = React.useState(false);
   const [isTextCropped, setIsTextCropped] = React.useState(false);
   const createModal = useModal();
@@ -25404,7 +25408,7 @@ const Banner = /*#__PURE__*/React__namespace.default.forwardRef(function BannerF
     height: 'fit',
     orientation: 'horizontal',
     borderColor: {
-      bottom: status
+      bottom: severity
     },
     mainAlignment: 'flex-start',
     wrap: 'wrap',
@@ -25426,7 +25430,7 @@ const Banner = /*#__PURE__*/React__namespace.default.forwardRef(function BannerF
     height: 'fit',
     minHeight: 'fit'
   }, /*#__PURE__*/React__namespace.default.createElement(Icon, {
-    icon: BANNER_ICON[status],
+    icon: BANNER_ICON[severity],
     color: mainColor,
     size: 'large'
   })), /*#__PURE__*/React__namespace.default.createElement(InfoContainer, {
@@ -37585,7 +37589,7 @@ function useSnackbar() {
   return createSnackbar ?? fallback;
 }
 
-Object.defineProperty(exports, 'ThemeContext', {
+Object.defineProperty(exports, "ThemeContext", {
   enumerable: true,
   get: function () { return styled.ThemeContext; }
 });

package/dist/zapp-ui.bundle.d.ts

@@ -142,7 +142,11 @@ declare type BadgeSkeletonProps = {
 export declare const Banner: React_2.ForwardRefExoticComponent<BannerProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare type BannerProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * @deprecated use severity instead
+     */
     status?: 'success' | 'warning' | 'info' | 'error';
+    severity?: 'success' | 'warning' | 'info' | 'error';
     type?: 'standard' | 'fill' | 'outline';
     title?: string;
     description: string;
@@ -330,6 +334,7 @@ export declare class Catcher extends React_2.Component<CatcherProps, CatcherStat
 export declare interface CatcherProps {
     /** error callback, use this to perform operations when an error is caught */
     onError?: (error: Error, errorInfo: ErrorInfo) => void;
+    children?: React_2.ReactNode;
 }
 
 declare interface CatcherState {
@@ -768,9 +773,9 @@ export declare interface DateTimePickerProps extends Omit<ReactDatePickerProps,
     disabled?: boolean;
 }
 
-export declare const DefaultHeaderFactory: React_2.VFC<THeaderProps>;
+export declare const DefaultHeaderFactory: ({ headers, onChange, allSelected, selectionMode, multiSelect, showCheckbox }: THeaderProps) => React_2.JSX.Element;
 
-export declare const DefaultRowFactory: React_2.VFC<TRowProps>;
+export declare const DefaultRowFactory: ({ index, row, onChange, selected, selectionMode, multiSelect, showCheckbox }: TRowProps) => React_2.JSX.Element;
 
 export declare const DefaultTabBarItem: React_2.ForwardRefExoticComponent<DefaultTabBarItemProps & React_2.RefAttributes<HTMLDivElement>>;
 
@@ -1069,7 +1074,7 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
      onChange: () => void;
  }
 
- declare type IconComponent = (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+ declare type IconComponent = (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;
 
  export declare interface IconComponentProps extends SVGAttributes<SVGSVGElement> {
      /** Icon to show. It can be a string key for the theme icons or a custom icon component */
@@ -1337,7 +1342,7 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
 
  export declare const ModalFooter: ({ customFooter, ...modalFooterContentProps }: ModalFooterProps) => React_2.JSX.Element;
 
- export declare const ModalFooterContent: React_2.VFC<ModalFooterContentProps>;
+ export declare const ModalFooterContent: ({ type, centered, onConfirm, confirmLabel, confirmDisabled, confirmColor, onSecondaryAction, secondaryActionLabel, secondaryActionDisabled, onClose, dismissLabel, errorActionLabel, optionalFooter, onErrorAction }: ModalFooterContentProps) => React_2.JSX.Element;
 
  export declare type ModalFooterContentProps = Omit<ModalFooterProps, 'customFooter'>;
 
@@ -1459,7 +1464,7 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
      maxVisible?: number;
  };
 
- export declare const Padding: React_2.ForwardRefExoticComponent<(PaddingProps & Omit<React_2.HTMLAttributes<HTMLDivElement>, "id" | "height" | "width" | "color" | "content" | "translate" | "hidden" | "slot" | "style" | "title" | "dir" | "rel" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "role" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "autoFocus" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">) & React_2.RefAttributes<HTMLDivElement>>;
+ export declare const Padding: React_2.ForwardRefExoticComponent<(PaddingProps & Omit<React_2.HTMLAttributes<HTMLDivElement>, "id" | "height" | "width" | "color" | "content" | "translate" | "hidden" | "slot" | "style" | "title" | "dir" | "rel" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "role" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "suppressHydrationWarning" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "autoFocus" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is">) & React_2.RefAttributes<HTMLDivElement>>;
 
  export declare type PaddingObj = {
      value: string | keyof DefaultTheme['sizes']['padding'] | 0;
@@ -1696,8 +1701,8 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
 
  declare type ShapeType = 'round' | 'square';
 
- export declare type Shimmer = React_2.VFC<SkeletonProps> & {
-     [K in keyof typeof ShimmerObject]: React_2.VFC<Parameters<(typeof ShimmerObject)[K]>[number]>;
+ export declare type Shimmer = React_2.FunctionComponent<SkeletonProps> & {
+     [K in keyof typeof ShimmerObject]: React_2.FunctionComponent<Parameters<(typeof ShimmerObject)[K]>[number]>;
  };
 
  export declare const Shimmer: Shimmer;
@@ -2044,7 +2049,7 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
 
  declare type ThemePaletteObj = DefaultTheme['palette'];
 
- export declare const ThemeProvider: React_2.FC<ThemeProviderProps>;
+ export declare const ThemeProvider: ({ children, extension, loadDefaultFont }: React_2.PropsWithChildren<ThemeProviderProps>) => React_2.JSX.Element;
 
  export declare interface ThemeProviderProps {
      extension?: (theme: DefaultTheme) => DefaultTheme;
@@ -2186,7 +2191,7 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
 
  export declare function useHiddenCount(containerRef: React_2.RefObject<HTMLElement>, listenForWindowResize: boolean): [number, () => void];
 
- export declare const useIsVisible: <T extends HTMLElement>(listRef: React_2.RefObject<HTMLDivElement> | undefined, itemRef?: React_2.Ref<T> | undefined, intersectionObserverInitOptions?: IntersectionObserverInit) => [boolean, React_2.RefObject<T>];
+ export declare const useIsVisible: <T extends HTMLElement>(listRef: React_2.RefObject<HTMLDivElement> | undefined, itemRef?: React_2.Ref<T>, intersectionObserverInitOptions?: IntersectionObserverInit) => [boolean, React_2.RefObject<T>];
 
  /**
   * Attach listeners for the given presets to the given ref.