@ringcentral/juno 2.4.1 → 2.4.2

package/components/Downshift/SuggestionList/SuggestionList.js

@@ -168,7 +168,10 @@ var SuggestionList = react_1.forwardRef(function (inProps, ref) {
     }, [componentsProp, PaddingComponent]);
     return (react_1.default.createElement(SuggestionListContext.Provider, { value: listRef },
         react_1.default.createElement(Virtuoso_1.Virtuoso, tslib_1.__assign({ ref: forkVlRef, totalCount: itemCount, data: itemData, className: className, components: components, itemContent: itemContent }, getMenuProps(), foundation_1.combineProps({
-            scrollerRef: scrollerRefFn,
+            scrollerRef: function (scrollElm) {
+                scrollerRefFn(scrollElm);
+                Virtuoso_1.modifyVlScrollerStyle(scrollElm, position);
+            },
             itemsRendered: itemsRendered,
             totalListHeightChanged: totalListHeightChanged,
             style: style,

package/components/VirtualizedMenu/VirtualizedMenuList.js

@@ -180,18 +180,7 @@ var _RcVirtualizedMenuList = react_1.forwardRef(function (inProps, ref) {
     []);
     var combine = foundation_1.combineProps(tslib_1.__assign({ tabIndex: -1, scrollerRef: function (scrollElm) {
             scrollerRefFn(scrollElm);
-            if (scrollElm) {
-                // * Mozilla/5.0 (iPhone; CPU iPhone OS 15_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/100.0.4896.77 Mobile/15E148 Safari/604.1
-                // * set that to make safari vl render correctly
-                scrollElm.style.transition = foundation_1.fixSafariTransitionStyle;
-                if (position) {
-                    var viewPortElm = scrollElm.firstChild;
-                    if (viewPortElm) {
-                        viewPortElm.style.position = position;
-                    }
-                }
-            }
-            // resetViewPortStyle
+            Virtuoso_1.modifyVlScrollerStyle(scrollElm, position);
             // * when not have scrollerRef mean that is first render
             if (!isMountedRef.current) {
                 onMounted();

package/components/Virtuoso/utils/useHighlightScroll.d.ts

@@ -30,4 +30,8 @@ export declare function useHighlightScroll({ containerHeighRef, scrollToIndex, }
      */
     itemsRendered: (e: ListItem<any>[]) => ListItem<any>[];
 };
+/**
+ * modify virtuoso style to fix safari scroll bug
+ */
+export declare function modifyVlScrollerStyle(scrollElm: HTMLElement, position?: 'absolute' | 'unset'): void;
 export {};

package/components/Virtuoso/utils/useHighlightScroll.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
+var foundation_1 = require("../../../foundation");
 /**
  * scroll into current highlight index
  */
@@ -101,3 +102,19 @@ function useHighlightScroll(_a) {
     };
 }
 exports.useHighlightScroll = useHighlightScroll;
+/**
+ * modify virtuoso style to fix safari scroll bug
+ */
+function modifyVlScrollerStyle(scrollElm, position) {
+    if (position === void 0) { position = 'absolute'; }
+    if (scrollElm) {
+        scrollElm.style.transition = foundation_1.fixWebKitTransitionStyle;
+        if (position) {
+            var viewPortElm = scrollElm.firstChild;
+            if (viewPortElm) {
+                viewPortElm.style.position = position;
+            }
+        }
+    }
+}
+exports.modifyVlScrollerStyle = modifyVlScrollerStyle;

package/es6/components/Downshift/SuggestionList/SuggestionList.js

@@ -7,7 +7,7 @@ import { RcBox } from '../../Box';
 import { RcIconButton } from '../../Buttons/IconButton';
 import { RcMenuItem } from '../../Menu/MenuItem';
 import { menuListBoundaryPadding, StyledMenuListPadding, } from '../../VirtualizedMenu/styles';
-import { useDynamicHeight, useHighlightScroll, Virtuoso, } from '../../Virtuoso';
+import { modifyVlScrollerStyle, useDynamicHeight, useHighlightScroll, Virtuoso, } from '../../Virtuoso';
 import { SuggestionListStyle } from './styles';
 import { RcSuggestionListClasses } from './utils';
 var SuggestionListContext = createContext(null);
@@ -166,7 +166,10 @@ var SuggestionList = forwardRef(function (inProps, ref) {
     }, [componentsProp, PaddingComponent]);
     return (React.createElement(SuggestionListContext.Provider, { value: listRef },
         React.createElement(Virtuoso, __assign({ ref: forkVlRef, totalCount: itemCount, data: itemData, className: className, components: components, itemContent: itemContent }, getMenuProps(), combineProps({
-            scrollerRef: scrollerRefFn,
+            scrollerRef: function (scrollElm) {
+                scrollerRefFn(scrollElm);
+                modifyVlScrollerStyle(scrollElm, position);
+            },
             itemsRendered: itemsRendered,
             totalListHeightChanged: totalListHeightChanged,
             style: style,

package/es6/components/VirtualizedMenu/VirtualizedMenuList.js

@@ -1,9 +1,9 @@
 import { __assign, __makeTemplateObject, __rest } from "tslib";
 import React, { forwardRef, useImperativeHandle, useMemo, useRef, } from 'react';
 import { isFragment } from 'react-is';
-import { combineProps, fixSafariTransitionStyle, getScrollbarSize, isRcElement, logInDev, styled, useDebounce, useEventCallback, useForkRef, useHiddenTabindex, useKeyboardMoveFocus, useMountState, useOnlyOneFocusable, useRcPortalWindowContext, useTheme, useThemeProps, } from '../../foundation';
+import { combineProps, getScrollbarSize, isRcElement, logInDev, styled, useDebounce, useEventCallback, useForkRef, useHiddenTabindex, useKeyboardMoveFocus, useMountState, useOnlyOneFocusable, useRcPortalWindowContext, useTheme, useThemeProps, } from '../../foundation';
 import { RcList } from '../List/List/List';
-import { isOutOfRange, useDynamicHeight, useHighlightScroll, Virtuoso, } from '../Virtuoso';
+import { isOutOfRange, modifyVlScrollerStyle, useDynamicHeight, useHighlightScroll, Virtuoso, } from '../Virtuoso';
 import { RcVisuallyHidden } from '../VisuallyHidden';
 import { StyledMenuListPadding } from './styles';
 var _RcVirtualizedMenuList = forwardRef(function (inProps, ref) {
@@ -178,18 +178,7 @@ var _RcVirtualizedMenuList = forwardRef(function (inProps, ref) {
     []);
     var combine = combineProps(__assign({ tabIndex: -1, scrollerRef: function (scrollElm) {
             scrollerRefFn(scrollElm);
-            if (scrollElm) {
-                // * Mozilla/5.0 (iPhone; CPU iPhone OS 15_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/100.0.4896.77 Mobile/15E148 Safari/604.1
-                // * set that to make safari vl render correctly
-                scrollElm.style.transition = fixSafariTransitionStyle;
-                if (position) {
-                    var viewPortElm = scrollElm.firstChild;
-                    if (viewPortElm) {
-                        viewPortElm.style.position = position;
-                    }
-                }
-            }
-            // resetViewPortStyle
+            modifyVlScrollerStyle(scrollElm, position);
             // * when not have scrollerRef mean that is first render
             if (!isMountedRef.current) {
                 onMounted();

package/es6/components/Virtuoso/utils/useHighlightScroll.js

@@ -1,4 +1,5 @@
 import { useRef } from 'react';
+import { fixWebKitTransitionStyle } from '../../../foundation';
 /**
  * scroll into current highlight index
  */
@@ -98,3 +99,18 @@ export function useHighlightScroll(_a) {
         itemsRendered: function (e) { return (renderedItemsRef.current = e); },
     };
 }
+/**
+ * modify virtuoso style to fix safari scroll bug
+ */
+export function modifyVlScrollerStyle(scrollElm, position) {
+    if (position === void 0) { position = 'absolute'; }
+    if (scrollElm) {
+        scrollElm.style.transition = fixWebKitTransitionStyle;
+        if (position) {
+            var viewPortElm = scrollElm.firstChild;
+            if (viewPortElm) {
+                viewPortElm.style.position = position;
+            }
+        }
+    }
+}

package/es6/foundation/index.js

@@ -1,6 +1,6 @@
 import styled from './styled-components';
 export * from './config';
-export * from './isSafari154';
+export * from './isWebKit154';
 export * from './contexts';
 export * from './hoc';
 export * from './hooks';

package/es6/foundation/isWebKit154.js

@@ -0,0 +1,57 @@
+import { __makeTemplateObject } from "tslib";
+import { createGlobalStyle } from 'styled-components';
+import { RcClasses } from './utils/classes';
+import { combineProps } from './utils/combineProps';
+// * this whole file should be remove after webkit154 issue be fixed
+/**
+ * Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
+ * Remove this workaround once the WebKit bug fix is released.
+ *
+ * follow up:
+ * https://github.com/mui/material-ui/pull/31975/files
+ * https://github.com/mui/material-ui/pull/32202/files
+ */
+export var isWebKit154 = typeof navigator !== 'undefined' &&
+    /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) &&
+    /(os |version\/)15(.|_)[4-9]/i.test(navigator.userAgent);
+var FixWebKit154Classes = RcClasses(['paper'], 'RcFixWebKit154');
+/**
+ * Conditionally apply a workaround for the CSS transition bug in Safari 15.4.
+ * Remove this workaround once the Safari bug is fixed.
+ */
+export var getWebKit154Theme = function (theme, enable) {
+    if (enable !== null && enable !== void 0 ? enable : isWebKit154) {
+        return combineProps({
+            props: {
+                // * set all grow related to only have one transition to make animation not shake after safari 15.4
+                MuiMenu: {
+                    PopoverClasses: { paper: FixWebKit154Classes.paper },
+                },
+                RcVirtualizedMenu: {
+                    PopoverClasses: { paper: FixWebKit154Classes.paper },
+                },
+                MuiPopover: {
+                    PaperProps: { className: FixWebKit154Classes.paper },
+                },
+                // mui tooltip prop will cover all existing props
+                RcTooltip: {
+                    classes: {
+                        tooltip: FixWebKit154Classes.paper,
+                    },
+                },
+                // mui grow not accept global prop
+                RcGrow: {
+                    className: FixWebKit154Classes.paper,
+                },
+            },
+        }, theme);
+    }
+    return theme;
+};
+export var fixWebKitTransitionStyle = 'all 159ms cubic-bezier(0.4, 0, 0.2, 1) 0ms';
+/**
+ * A global style that can be used to
+ * apply a workaround for the CSS transition bug after WebKit 15.4.
+ */
+export var GlobalFixWebKitStyle = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .", " {\n    transition: ", " !important;\n  }\n"], ["\n  .", " {\n    transition: ", " !important;\n  }\n"])), FixWebKit154Classes.paper, fixWebKitTransitionStyle);
+var templateObject_1;

package/es6/foundation/theme/ThemeProvider.js

@@ -3,7 +3,7 @@ import 'focus-visible';
 import React, { createContext, useContext, } from 'react';
 import { createGenerateClassName, MuiThemeProvider, StylesProvider, } from '@material-ui/core/styles';
 import { useResultRef } from '../hooks';
-import { getSafari154Theme, GlobalFixSafariStyle, isSafari154, } from '../isSafari154';
+import { getWebKit154Theme, GlobalFixWebKitStyle, isWebKit154, } from '../isWebKit154';
 import { ThemeProvider as StyledThemeProvider, useTheme, } from '../styled-components';
 import createTheme from './createTheme';
 var NestedThemeContext = createContext(false);
@@ -13,16 +13,16 @@ var NestedThemeContext = createContext(false);
  * that will user parent's theme when not set theme
  */
 var SubThemeProvider = function (_a) {
-    var themeProp = _a.theme, children = _a.children, safari154Fix = _a.fixSafari154;
+    var themeProp = _a.theme, children = _a.children, fixWebKit154 = _a.fixWebKit154;
     var _b, _c;
     var parentTheme = useTheme();
     var isHaveParentRcTheme = (_c = (_b = parentTheme.palette) === null || _b === void 0 ? void 0 : _b.content) === null || _c === void 0 ? void 0 : _c.brand;
     // TODO: can be remove after safari fix that bug, maybe after v16
-    var theme = getSafari154Theme(!themeProp && isHaveParentRcTheme ? parentTheme : createTheme(themeProp), safari154Fix);
+    var theme = getWebKit154Theme(!themeProp && isHaveParentRcTheme ? parentTheme : createTheme(themeProp), fixWebKit154);
     return (React.createElement(MuiThemeProvider, { theme: theme },
         React.createElement(StyledThemeProvider, { theme: theme },
             React.createElement(React.Fragment, null,
-                (safari154Fix !== null && safari154Fix !== void 0 ? safari154Fix : isSafari154) && React.createElement(GlobalFixSafariStyle, null),
+                (fixWebKit154 !== null && fixWebKit154 !== void 0 ? fixWebKit154 : isWebKit154) && React.createElement(GlobalFixWebKitStyle, null),
                 children))));
 };
 /**

package/foundation/index.d.ts

@@ -1,6 +1,6 @@
 import styled from './styled-components';
 export * from './config';
-export * from './isSafari154';
+export * from './isWebKit154';
 export * from './contexts';
 export * from './hoc';
 export * from './hooks';

package/foundation/index.js

@@ -4,7 +4,7 @@ var tslib_1 = require("tslib");
 var styled_components_1 = tslib_1.__importDefault(require("./styled-components"));
 exports.styled = styled_components_1.default;
 tslib_1.__exportStar(require("./config"), exports);
-tslib_1.__exportStar(require("./isSafari154"), exports);
+tslib_1.__exportStar(require("./isWebKit154"), exports);
 tslib_1.__exportStar(require("./contexts"), exports);
 tslib_1.__exportStar(require("./hoc"), exports);
 tslib_1.__exportStar(require("./hooks"), exports);

package/foundation/isWebKit154.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
+ * Remove this workaround once the WebKit bug fix is released.
+ *
+ * follow up:
+ * https://github.com/mui/material-ui/pull/31975/files
+ * https://github.com/mui/material-ui/pull/32202/files
+ */
+export declare const isWebKit154: boolean;
+/**
+ * Conditionally apply a workaround for the CSS transition bug in Safari 15.4.
+ * Remove this workaround once the Safari bug is fixed.
+ */
+export declare const getWebKit154Theme: (theme: any, enable?: boolean | undefined) => any;
+export declare const fixWebKitTransitionStyle = "all 159ms cubic-bezier(0.4, 0, 0.2, 1) 0ms";
+/**
+ * A global style that can be used to
+ * apply a workaround for the CSS transition bug after WebKit 15.4.
+ */
+export declare const GlobalFixWebKitStyle: import("styled-components").GlobalStyleClass<{}, import("styled-components").DefaultTheme>;

package/foundation/{isSafari154.js → isWebKit154.js}

@@ -4,51 +4,56 @@ var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
 var classes_1 = require("./utils/classes");
 var combineProps_1 = require("./utils/combineProps");
+// * this whole file should be remove after webkit154 issue be fixed
 /**
- * Conditionally apply a workaround for the CSS transition bug in Safari 15.4.
- * Remove this workaround once the Safari bug is fixed.
+ * Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
+ * Remove this workaround once the WebKit bug fix is released.
+ *
+ * follow up:
+ * https://github.com/mui/material-ui/pull/31975/files
+ * https://github.com/mui/material-ui/pull/32202/files
  */
-exports.isSafari154 = typeof navigator !== 'undefined' &&
-    (/^((?!chrome|android).)*safari/i.test(navigator.userAgent) ||
-        /(iPhone|iPad)/.test(navigator.userAgent)) &&
-    /15\.[4-9]/i.test(navigator.userAgent);
-var FixSafari154Classes = classes_1.RcClasses(['paper'], 'RcFixSafari154');
+exports.isWebKit154 = typeof navigator !== 'undefined' &&
+    /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) &&
+    /(os |version\/)15(.|_)[4-9]/i.test(navigator.userAgent);
+var FixWebKit154Classes = classes_1.RcClasses(['paper'], 'RcFixWebKit154');
 /**
  * Conditionally apply a workaround for the CSS transition bug in Safari 15.4.
  * Remove this workaround once the Safari bug is fixed.
  */
-exports.getSafari154Theme = function (theme, enable) {
-    if (enable !== null && enable !== void 0 ? enable : exports.isSafari154) {
+exports.getWebKit154Theme = function (theme, enable) {
+    if (enable !== null && enable !== void 0 ? enable : exports.isWebKit154) {
         return combineProps_1.combineProps({
             props: {
                 // * set all grow related to only have one transition to make animation not shake after safari 15.4
                 MuiMenu: {
-                    PopoverClasses: { paper: FixSafari154Classes.paper },
+                    PopoverClasses: { paper: FixWebKit154Classes.paper },
                 },
                 RcVirtualizedMenu: {
-                    PopoverClasses: { paper: FixSafari154Classes.paper },
+                    PopoverClasses: { paper: FixWebKit154Classes.paper },
                 },
                 MuiPopover: {
-                    PaperProps: { className: FixSafari154Classes.paper },
+                    PaperProps: { className: FixWebKit154Classes.paper },
                 },
                 // mui tooltip prop will cover all existing props
                 RcTooltip: {
                     classes: {
-                        tooltip: FixSafari154Classes.paper,
+                        tooltip: FixWebKit154Classes.paper,
                     },
                 },
                 // mui grow not accept global prop
                 RcGrow: {
-                    className: FixSafari154Classes.paper,
+                    className: FixWebKit154Classes.paper,
                 },
             },
         }, theme);
     }
     return theme;
 };
-exports.fixSafariTransitionStyle = 'all 159ms cubic-bezier(0.4, 0, 0.2, 1) 0ms';
+exports.fixWebKitTransitionStyle = 'all 159ms cubic-bezier(0.4, 0, 0.2, 1) 0ms';
 /**
- * A global style that can be used to apply a workaround for the CSS transition bug in Safari 15.4.
+ * A global style that can be used to
+ * apply a workaround for the CSS transition bug after WebKit 15.4.
  */
-exports.GlobalFixSafariStyle = styled_components_1.createGlobalStyle(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  .", " {\n    transition: ", " !important;\n  }\n"], ["\n  .", " {\n    transition: ", " !important;\n  }\n"])), FixSafari154Classes.paper, exports.fixSafariTransitionStyle);
+exports.GlobalFixWebKitStyle = styled_components_1.createGlobalStyle(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  .", " {\n    transition: ", " !important;\n  }\n"], ["\n  .", " {\n    transition: ", " !important;\n  }\n"])), FixWebKit154Classes.paper, exports.fixWebKitTransitionStyle);
 var templateObject_1;

package/foundation/theme/ThemeProvider.d.ts

@@ -9,7 +9,7 @@ declare type SubThemeProviderProps = {
      *
      * use for when your environment need that fix but userAgent not have safari
      */
-    fixSafari154?: boolean;
+    fixWebKit154?: boolean;
     children?: ReactNode;
 };
 declare type RootThemeProviderProps = {

package/foundation/theme/ThemeProvider.js

@@ -5,7 +5,7 @@ require("focus-visible");
 var react_1 = tslib_1.__importStar(require("react"));
 var styles_1 = require("@material-ui/core/styles");
 var hooks_1 = require("../hooks");
-var isSafari154_1 = require("../isSafari154");
+var isWebKit154_1 = require("../isWebKit154");
 var styled_components_1 = require("../styled-components");
 var createTheme_1 = tslib_1.__importDefault(require("./createTheme"));
 var NestedThemeContext = react_1.createContext(false);
@@ -15,16 +15,16 @@ var NestedThemeContext = react_1.createContext(false);
  * that will user parent's theme when not set theme
  */
 var SubThemeProvider = function (_a) {
-    var themeProp = _a.theme, children = _a.children, safari154Fix = _a.fixSafari154;
+    var themeProp = _a.theme, children = _a.children, fixWebKit154 = _a.fixWebKit154;
     var _b, _c;
     var parentTheme = styled_components_1.useTheme();
     var isHaveParentRcTheme = (_c = (_b = parentTheme.palette) === null || _b === void 0 ? void 0 : _b.content) === null || _c === void 0 ? void 0 : _c.brand;
     // TODO: can be remove after safari fix that bug, maybe after v16
-    var theme = isSafari154_1.getSafari154Theme(!themeProp && isHaveParentRcTheme ? parentTheme : createTheme_1.default(themeProp), safari154Fix);
+    var theme = isWebKit154_1.getWebKit154Theme(!themeProp && isHaveParentRcTheme ? parentTheme : createTheme_1.default(themeProp), fixWebKit154);
     return (react_1.default.createElement(styles_1.MuiThemeProvider, { theme: theme },
         react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme },
             react_1.default.createElement(react_1.default.Fragment, null,
-                (safari154Fix !== null && safari154Fix !== void 0 ? safari154Fix : isSafari154_1.isSafari154) && react_1.default.createElement(isSafari154_1.GlobalFixSafariStyle, null),
+                (fixWebKit154 !== null && fixWebKit154 !== void 0 ? fixWebKit154 : isWebKit154_1.isWebKit154) && react_1.default.createElement(isWebKit154_1.GlobalFixWebKitStyle, null),
                 children))));
 };
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/juno",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "author": "RingCentral",
   "license": "MIT",
   "main": "./index.js",

package/es6/foundation/isSafari154.js

@@ -1,52 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { createGlobalStyle } from 'styled-components';
-import { RcClasses } from './utils/classes';
-import { combineProps } from './utils/combineProps';
-/**
- * Conditionally apply a workaround for the CSS transition bug in Safari 15.4.
- * Remove this workaround once the Safari bug is fixed.
- */
-export var isSafari154 = typeof navigator !== 'undefined' &&
-    (/^((?!chrome|android).)*safari/i.test(navigator.userAgent) ||
-        /(iPhone|iPad)/.test(navigator.userAgent)) &&
-    /15\.[4-9]/i.test(navigator.userAgent);
-var FixSafari154Classes = RcClasses(['paper'], 'RcFixSafari154');
-/**
- * Conditionally apply a workaround for the CSS transition bug in Safari 15.4.
- * Remove this workaround once the Safari bug is fixed.
- */
-export var getSafari154Theme = function (theme, enable) {
-    if (enable !== null && enable !== void 0 ? enable : isSafari154) {
-        return combineProps({
-            props: {
-                // * set all grow related to only have one transition to make animation not shake after safari 15.4
-                MuiMenu: {
-                    PopoverClasses: { paper: FixSafari154Classes.paper },
-                },
-                RcVirtualizedMenu: {
-                    PopoverClasses: { paper: FixSafari154Classes.paper },
-                },
-                MuiPopover: {
-                    PaperProps: { className: FixSafari154Classes.paper },
-                },
-                // mui tooltip prop will cover all existing props
-                RcTooltip: {
-                    classes: {
-                        tooltip: FixSafari154Classes.paper,
-                    },
-                },
-                // mui grow not accept global prop
-                RcGrow: {
-                    className: FixSafari154Classes.paper,
-                },
-            },
-        }, theme);
-    }
-    return theme;
-};
-export var fixSafariTransitionStyle = 'all 159ms cubic-bezier(0.4, 0, 0.2, 1) 0ms';
-/**
- * A global style that can be used to apply a workaround for the CSS transition bug in Safari 15.4.
- */
-export var GlobalFixSafariStyle = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .", " {\n    transition: ", " !important;\n  }\n"], ["\n  .", " {\n    transition: ", " !important;\n  }\n"])), FixSafari154Classes.paper, fixSafariTransitionStyle);
-var templateObject_1;

package/foundation/isSafari154.d.ts

@@ -1,15 +0,0 @@
-/**
- * Conditionally apply a workaround for the CSS transition bug in Safari 15.4.
- * Remove this workaround once the Safari bug is fixed.
- */
-export declare const isSafari154: boolean;
-/**
- * Conditionally apply a workaround for the CSS transition bug in Safari 15.4.
- * Remove this workaround once the Safari bug is fixed.
- */
-export declare const getSafari154Theme: (theme: any, enable?: boolean | undefined) => any;
-export declare const fixSafariTransitionStyle = "all 159ms cubic-bezier(0.4, 0, 0.2, 1) 0ms";
-/**
- * A global style that can be used to apply a workaround for the CSS transition bug in Safari 15.4.
- */
-export declare const GlobalFixSafariStyle: import("styled-components").GlobalStyleClass<{}, import("styled-components").DefaultTheme>;