@antscorp/antsomi-ui 1.3.5-beta.573 → 1.3.5-beta.574

package/es/components/molecules/Dropdown/Dropdown.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
 import { InputDropdownProps } from './types';
-import './style.scss';
 export { Dropdown } from 'antd';
 export declare const InputDropdown: (props: InputDropdownProps) => React.JSX.Element;

package/es/components/molecules/Dropdown/Dropdown.js

@@ -14,11 +14,11 @@ import { Space, Typography } from 'antd';
 import Icon from '@antscorp/icons';
 import { StyledInputDropdownRoot } from './styled';
 import clsx from 'clsx';
-import './style.scss';
+// import './style.scss';
 export { Dropdown } from 'antd';
 const DefaultExpandIcon = React.createElement(Icon, { type: "icon-ants-expand-more" });
 export const InputDropdown = (props) => {
-    const { children, disabled = false, className, trigger = ['click'], menu = { items: [] }, width = '100%', expandIcon = DefaultExpandIcon, onOpenChange = () => { } } = props, rest = __rest(props, ["children", "disabled", "className", "trigger", "menu", "width", "expandIcon", "onOpenChange"]);
+    const { children, disabled = false, className, trigger = ['click'], menu = { items: [] }, width = '100%', expandIcon = DefaultExpandIcon, onOpenChange = () => { }, overlayClassName } = props, rest = __rest(props, ["children", "disabled", "className", "trigger", "menu", "width", "expandIcon", "onOpenChange", "overlayClassName"]);
     const [enableTooltip, setEnableTooltip] = useState(true);
     const renderChildren = useCallback(() => {
         if (typeof children === 'string') {
@@ -37,7 +37,7 @@ export const InputDropdown = (props) => {
         setEnableTooltip(!open);
         onOpenChange(...args);
     };
-    return (React.createElement(StyledInputDropdownRoot, Object.assign({ menu: menu, trigger: trigger, disabled: disabled }, rest, { className: clsx({ disabled }, className, 'antsomi-input-dropdown'), onOpenChange: handleOpen }),
+    return (React.createElement(StyledInputDropdownRoot, Object.assign({ menu: menu, trigger: trigger, disabled: disabled }, rest, { className: clsx({ disabled }, className, 'antsomi-input-dropdown'), overlayClassName: clsx(overlayClassName, 'antsomi-input-dropdown-overlay'), onOpenChange: handleOpen }),
         React.createElement(Space, { style: { width } },
             renderChildren(),
             expandIcon)));

package/es/components/molecules/Dropdown/style.scss

@@ -1,7 +1,9 @@
-.antsomi-dropdown-menu {
-  overflow: hidden;
+.antsomi-input-dropdown-overlay {
+  .antsomi-dropdown-menu {
+    overflow: hidden;
 
-  &:hover {
-    overflow: auto;
+    &:hover {
+      overflow: auto;
+    }
   }
 }

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, _2, _3, _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, _2, _3, _4, _5;
 // Types
 import { theme } from 'antd';
 // Variables
@@ -226,12 +226,16 @@ THEME.components = {
         // borderRadius: THEME.token?.borderRadiusLG,
     },
     Dropdown: {
-        borderRadiusLG: 10,
+        borderRadiusSM: 0,
         // borderRadius: THEME.token?.borderRadiusLG,
+        paddingXXS: 8,
         controlItemBgHover: '#F2F9FF',
+        controlItemBgActive: '#DEEFFE',
+        colorPrimary: (_2 = THEME.token) === null || _2 === void 0 ? void 0 : _2.colorText,
+        controlItemBgActiveHover: '#DEEFFE',
     },
     Tooltip: {
-        colorBgSpotlight: (_2 = THEME.token) === null || _2 === void 0 ? void 0 : _2.bw8,
+        colorBgSpotlight: (_3 = THEME.token) === null || _3 === void 0 ? void 0 : _3.bw8,
         fontSize: 11,
     },
     Menu: {
@@ -241,8 +245,8 @@ THEME.components = {
         itemMarginBlock: 5,
         itemBorderRadius: 5,
         subMenuItemBg: 'transparent',
-        itemDisabledColor: (_3 = THEME.token) === null || _3 === void 0 ? void 0 : _3.colorTextDisabled,
-        itemActiveBg: (_4 = THEME.token) === null || _4 === void 0 ? void 0 : _4.blue1_1,
+        itemDisabledColor: (_4 = THEME.token) === null || _4 === void 0 ? void 0 : _4.colorTextDisabled,
+        itemActiveBg: (_5 = THEME.token) === null || _5 === void 0 ? void 0 : _5.blue1_1,
     },
     Form: {
         itemMarginBottom: 15,

package/es/providers/ConfigProvider/GlobalStyle.js

@@ -310,6 +310,11 @@ export const GlobalStyle = () => {
         gap: 5px;
       }
 
+      // Dropdown
+      .antsomi-dropdown-menu {
+        padding: 8px 0 !important;
+      }
+
       // Input Number
       .antsomi-input-number,
       .antsomi-input-number-affix-wrapper {
@@ -666,7 +671,9 @@ export const GlobalStyle = () => {
           border-radius: 50%;
           box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px 0px;
           cursor: pointer;
-          transition: border-color 0.3s, box-shadow 0.6s,
+          transition:
+            border-color 0.3s,
+            box-shadow 0.6s,
             transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
         }
 

package/package.json

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