@antscorp/antsomi-ui 1.3.5-beta.198 → 1.3.5-beta.199

package/es/components/template/Layout/styled.js

@@ -19,7 +19,9 @@ export const LayoutWrapper = styled(Flex) `
   }
 
   .layout-body {
+    position: relative;
     width: 100%;
+    z-index: 10;
 
     &__menu {
       flex-shrink: 0;

package/es/components/template/index.d.ts

@@ -1,4 +1,4 @@
 export { TemplateListing } from './TemplateListing/Loadable';
-export * from './Layout/Layout';
+export * from './Layout';
 export * from './TemplateListing/types';
 export * from './TemplateListing/hooks';

package/es/components/template/index.js

@@ -1,6 +1,6 @@
 // Components
 export { TemplateListing } from './TemplateListing/Loadable';
-export * from './Layout/Layout';
+export * from './Layout';
 // Types
 export * from './TemplateListing/types';
 // Hooks

package/es/constants/theme.js

@@ -1,4 +1,4 @@
-var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
+var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2;
 // Types
 import { theme } from 'antd';
 // Variables
@@ -167,6 +167,11 @@ THEME.components = {
         titleFontSizeLG: 14,
         titleFontSizeSM: 14,
         horizontalMargin: '0px',
+        colorBorderSecondary: '#E5E5E5',
+        lineHeight: 1.17,
+        lineHeightLG: 1.17,
+        lineHeightSM: 1.17,
+        itemHoverColor: (_w = THEME.token) === null || _w === void 0 ? void 0 : _w.colorPrimary,
     },
     Collapse: {
         headerBg: '#FFF',
@@ -174,22 +179,22 @@ THEME.components = {
         headerPadding: '15px 10px',
     },
     Switch: {
-        colorTextQuaternary: (_w = THEME.token) === null || _w === void 0 ? void 0 : _w.bw0,
-        colorTextTertiary: (_x = THEME.token) === null || _x === void 0 ? void 0 : _x.bw0,
+        colorTextQuaternary: (_x = THEME.token) === null || _x === void 0 ? void 0 : _x.bw0,
+        colorTextTertiary: (_y = THEME.token) === null || _y === void 0 ? void 0 : _y.bw0,
         handleSize: 12,
         handleSizeSM: 7,
         trackMinWidth: 30,
-        handleBg: (_y = THEME.token) === null || _y === void 0 ? void 0 : _y.colorPrimary,
+        handleBg: (_z = THEME.token) === null || _z === void 0 ? void 0 : _z.colorPrimary,
     },
     Popover: {
-        borderRadius: (_z = THEME.token) === null || _z === void 0 ? void 0 : _z.borderRadiusLG,
+        borderRadius: (_0 = THEME.token) === null || _0 === void 0 ? void 0 : _0.borderRadiusLG,
     },
     Dropdown: {
-        borderRadius: (_0 = THEME.token) === null || _0 === void 0 ? void 0 : _0.borderRadiusLG,
+        borderRadius: (_1 = THEME.token) === null || _1 === void 0 ? void 0 : _1.borderRadiusLG,
         controlItemBgHover: '#F2F9FF',
     },
     Tooltip: {
-        colorBgSpotlight: (_1 = THEME.token) === null || _1 === void 0 ? void 0 : _1.bw8,
+        colorBgSpotlight: (_2 = THEME.token) === null || _2 === void 0 ? void 0 : _2.bw8,
     },
     Menu: {
         itemHoverBg: '#F2F9FF',

package/es/providers/ConfigProvider/GlobalStyle.js

@@ -11,7 +11,7 @@ import { fab } from '@fortawesome/free-brands-svg-icons';
 library.add(fas, far, fab);
 const { accent6, accent7, gray5, scrollBarSize } = THEME.token || {};
 export const GlobalStyle = () => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38;
     return (React.createElement(Global, { styles: css `
       @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
 
@@ -849,6 +849,16 @@ export const GlobalStyle = () => {
       .antsomi-tabs {
         .antsomi-tabs-tab {
           font-weight: bold;
+
+          &:not(.antsomi-tabs-tab-active):hover {
+            background-color: ${(_37 = THEME.token) === null || _37 === void 0 ? void 0 : _37.blue};
+          }
+        }
+        .antsomi-tabs-tab-active {
+          z-index: 2;
+        }
+        .antsomi-tabs-nav::before {
+          z-index: 1;
         }
       }
 
@@ -883,7 +893,7 @@ export const GlobalStyle = () => {
       .antsomi-menu {
         .antsomi-menu-submenu.antsomi-menu-submenu-selected {
           .antsomi-menu-item.antsomi-menu-item-selected {
-            background-color: ${(_37 = THEME.token) === null || _37 === void 0 ? void 0 : _37.blue};
+            background-color: ${(_38 = THEME.token) === null || _38 === void 0 ? void 0 : _38.blue};
           }
         }
       }

package/package.json

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