@antscorp/antsomi-ui 1.3.7-beta.54 → 1.3.7-beta.56

package/es/providers/ConfigProvider/ConfigProvider.d.ts

@@ -1,6 +1,7 @@
 import { ConfigProviderProps as AntdConfigProviderProps } from 'antd/es/config-provider';
 import React, { ReactNode } from 'react';
 import '@antscorp/antsomi-ui/es/assets/css/main.scss';
+import { type GlobalStyleProps } from './GlobalStyle';
 import { TLocale } from '@antscorp/antsomi-ui/es/types';
 import 'animate.css';
 import { AppConfigProviderProps } from '../AppConfigProvider/contexts';
@@ -8,6 +9,7 @@ interface ConfigProviderProps extends Omit<AntdConfigProviderProps, 'locale'> {
     children?: ReactNode;
     locale?: TLocale;
     appConfig?: AppConfigProviderProps;
+    globalStyle?: GlobalStyleProps;
 }
 declare const ConfigProvider: React.FC<ConfigProviderProps>;
 export default ConfigProvider;

package/es/providers/ConfigProvider/ConfigProvider.js

@@ -22,7 +22,6 @@ import 'animate.css';
 import { AppConfigProvider } from '../AppConfigProvider/contexts';
 // Hooks
 import { useMutationObserver } from '../../hooks';
-import { QueryDevtoolsAntsomiUI } from '../../queries';
 // Providers
 // import {
 //   QueryClientProviderAntsomiUI,
@@ -37,7 +36,7 @@ dayjs.extend(timezone);
 dayjs.extend(relativeTime);
 const ConfigProvider = props => {
     // Props
-    const { children, locale, appConfig, theme = THEME, prefixCls = ANTSOMI_COMPONENT_PREFIX_CLS, ...restOfProps } = props;
+    const { children, locale, appConfig, theme = THEME, prefixCls = ANTSOMI_COMPONENT_PREFIX_CLS, globalStyle = {}, ...restOfProps } = props;
     // Refs
     const ref = useRef(null);
     // Handlers
@@ -82,6 +81,6 @@ const ConfigProvider = props => {
         const containers = document.getElementsByClassName('antsomi-scroll-box');
         handleScrollAction(Array.from(containers));
     }, []);
-    return (_jsx(AntdConfigProvider, { theme: theme, prefixCls: prefixCls, ...restOfProps, children: _jsx(AppConfigProvider, { value: appConfig, children: _jsx("div", { ref: ref, children: _jsxs(App, { children: [_jsx(GlobalStyle, {}), _jsx(StyleProvider, { hashPriority: "high", children: children }), _jsx(QueryDevtoolsAntsomiUI, { position: "bottom" })] }) }) }) }));
+    return (_jsx(AntdConfigProvider, { theme: theme, prefixCls: prefixCls, ...restOfProps, children: _jsx(AppConfigProvider, { value: appConfig, children: _jsx("div", { ref: ref, children: _jsxs(App, { children: [_jsx(GlobalStyle, { ...globalStyle }), _jsx(StyleProvider, { hashPriority: "high", children: children })] }) }) }) }));
 };
 export default ConfigProvider;

package/es/providers/ConfigProvider/GlobalStyle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface GlobalStyleProps {
+export interface GlobalStyleProps {
+    resetStyles?: boolean;
 }
 export declare const GlobalStyle: React.FC<GlobalStyleProps>;
-export {};

package/es/providers/ConfigProvider/GlobalStyle.js

@@ -9,7 +9,7 @@ import { far } from '@fortawesome/free-regular-svg-icons';
 import { fab } from '@fortawesome/free-brands-svg-icons';
 library.add(fas, far, fab);
 const { accent7, gray5, scrollBarSize, bw3, bw4, bw5 } = THEME.token || {};
-export const GlobalStyle = () => (_jsx(Global, { styles: css `
+export const GlobalStyle = props => (_jsx(Global, { styles: css `
       @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
 
       :root {
@@ -18,69 +18,72 @@ export const GlobalStyle = () => (_jsx(Global, { styles: css `
         --divider-3: ${bw5};
       }
 
-      *,
-      *:before,
-      *:after {
-        -webkit-box-sizing: border-box;
-        -moz-box-sizing: border-box;
-        box-sizing: border-box;
-        border-width: 0;
-        border-style: solid;
-      }
-
-      blockquote,
-      dl,
-      dd,
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6,
-      hr,
-      figure,
-      p,
-      pre {
-        margin: 0;
-      }
-
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6 {
-        font-size: inherit;
-        font-weight: inherit;
-      }
-
-      ol,
-      ul {
-        list-style: none;
-        margin: 0;
-        padding: 0;
-      }
-
-      img,
-      svg,
-      video,
-      canvas,
-      audio,
-      iframe,
-      embed,
-      object {
-        vertical-align: middle;
-      }
-
-      img,
-      video {
-        max-width: 100%;
-        height: auto;
-      }
-
-      hr {
-        border-color: var(--divider-1);
-      }
+      ${props.resetStyles !== false &&
+        `
+        *,
+        *:before,
+        *:after {
+          -webkit-box-sizing: border-box;
+          -moz-box-sizing: border-box;
+          box-sizing: border-box;
+          border-width: 0;
+          border-style: solid;
+        }
+
+        blockquote,
+        dl,
+        dd,
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6,
+        hr,
+        figure,
+        p,
+        pre {
+          margin: 0;
+        }
+
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6 {
+          font-size: inherit;
+          font-weight: inherit;
+        }
+
+        ol,
+        ul {
+          list-style: none;
+          margin: 0;
+          padding: 0;
+        }
+
+        img,
+        svg,
+        video,
+        canvas,
+        audio,
+        iframe,
+        embed,
+        object {
+          vertical-align: middle;
+        }
+
+        img,
+        video {
+          max-width: 100%;
+          height: auto;
+        }
+
+        hr {
+          border-color: var(--divider-1);
+        }
+      `}
 
       .rc-virtual-list-scrollbar {
         width: 4px !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.7-beta.54",
+  "version": "1.3.7-beta.56",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",