@antscorp/antsomi-ui 1.3.7-beta.55 → 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,16 +9,17 @@ 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');
 
-      @layer antsomi-reset {
-        :root {
-          --divider-1: ${bw3};
-          --divider-2: ${bw4};
-          --divider-3: ${bw5};
-        }
+      :root {
+        --divider-1: ${bw3};
+        --divider-2: ${bw4};
+        --divider-3: ${bw5};
+      }
 
+      ${props.resetStyles !== false &&
+        `
         *,
         *:before,
         *:after {
@@ -82,7 +83,7 @@ export const GlobalStyle = () => (_jsx(Global, { styles: css `
         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.55",
+  "version": "1.3.7-beta.56",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",