@agentscope-ai/design 1.0.8 → 1.0.9

package/lib/components/commonComponents/Descriptions/index.style.js

@@ -1,29 +1,32 @@
-var _excluded = ["css"];
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import createStyle from "../../../libs/createStyle";
-export function getIndexStyleData(params) {
-  var antPrefix = params.antPrefix;
-  return _defineProperty(_defineProperty({}, ".".concat(antPrefix, "-descriptions"), _defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-descriptions-item-label"), {
-    color: "var(--".concat(antPrefix, "-color-text-tertiary)")
-  }), ".".concat(antPrefix, "-descriptions-item-content"), {
-    color: "var(--".concat(antPrefix, "-color-text)")
-  }), ".".concat(antPrefix, "-descriptions-item-label, .").concat(antPrefix, "-descriptions-item-content"), {
-    lineHeight: '24px'
-  })), ".".concat(antPrefix, "-descriptions-vertical"), _defineProperty(_defineProperty({}, ".".concat(antPrefix, "-descriptions-item:has(.").concat(antPrefix, "-descriptions-item-label)"), {
-    paddingBottom: "var(--".concat(antPrefix, "-descriptions-vertical-label-padding-bottom)")
-  }), ".".concat(antPrefix, "-descriptions-item:has(.").concat(antPrefix, "-descriptions-item-content)"), {
-    paddingBottom: "var(--".concat(antPrefix, "-descriptions-vertical-content-padding-bottom)")
-  }));
-}
-var useIndexStyle = createStyle(function (_ref2) {
-  var css = _ref2.css,
-    params = _objectWithoutProperties(_ref2, _excluded);
-  var result = css(getIndexStyleData(params));
-  return result;
-});
-export default useIndexStyle;
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import createGlobalStyle from "../../../libs/newCreateStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-descriptions {\n  .", "-descriptions-item-label {\n    color: var(--", "-color-text-tertiary);\n  }\n  \n  .", "-descriptions-item-content {\n    color: var(--", "-color-text);\n  }\n  \n  .", "-descriptions-item-label,\n  .", "-descriptions-item-content {\n    line-height: 24px;\n  }\n}\n\n.", "-descriptions-vertical {\n  .", "-descriptions-item:has(.", "-descriptions-item-label) {\n    padding-bottom: var(--", "-descriptions-vertical-label-padding-bottom);\n  }\n  \n  .", "-descriptions-item:has(.", "-descriptions-item-content) {\n    padding-bottom: var(--", "-descriptions-vertical-content-padding-bottom);\n  }\n}\n"])), function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+});

package/lib/components/commonComponents/Drawer/Confirm.d.ts

@@ -1,5 +1,5 @@
+import { ButtonProps, DrawerProps } from "../../..";
 import React from 'react';
-import { DrawerProps, ButtonProps } from "../../..";
 export interface DrawerConfirmProps extends DrawerProps {
     /**
      * @description 自定义底部内容

package/lib/components/commonComponents/Drawer/Confirm.js

@@ -7,10 +7,10 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React from 'react';
-import { Drawer, Button } from "../../..";
 import { getCommonConfig } from "../../../config";
-import useIndexStyle from "./index.style";
+import { Button, Drawer } from "../../..";
+import React from 'react';
+import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -26,7 +26,7 @@ var DrawerConfirm = function DrawerConfirm(props) {
     info = props.info,
     footer = props.footer,
     rest = _objectWithoutProperties(props, _excluded);
-  useIndexStyle();
+  var Style = useStyle();
   var commonConfig = getCommonConfig();
   var antPrefix = commonConfig.antPrefix;
   var handleCancel = function handleCancel(e) {
@@ -37,25 +37,27 @@ var DrawerConfirm = function DrawerConfirm(props) {
       (_rest$onClose = rest.onClose) === null || _rest$onClose === void 0 || _rest$onClose.call(rest, e);
     }
   };
-  return /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({}, rest), {}, {
-    footer: footer || /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "".concat(antPrefix, "-drawer-footer-info"),
-        children: info
-      }), /*#__PURE__*/_jsxs("div", {
-        className: "".concat(antPrefix, "-drawer-footer-buttons"),
-        children: [/*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
-          onClick: handleCancel
-        }, cancelButtonProps), {}, {
-          children: cancelText
-        })), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
-          type: "primary",
-          onClick: onOk
-        }, okButtonProps), {}, {
-          children: okText
-        }))]
-      })]
-    })
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({}, rest), {}, {
+      footer: footer || /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "".concat(antPrefix, "-drawer-footer-info"),
+          children: info
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "".concat(antPrefix, "-drawer-footer-buttons"),
+          children: [/*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+            onClick: handleCancel
+          }, cancelButtonProps), {}, {
+            children: cancelText
+          })), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+            type: "primary",
+            onClick: onOk
+          }, okButtonProps), {}, {
+            children: okText
+          }))]
+        })]
+      })
+    }))]
+  });
 };
 export default DrawerConfirm;

package/lib/components/commonComponents/Drawer/index.js

@@ -12,8 +12,10 @@ import { SparkFalseLine } from '@agentscope-ai/icons';
 import { Drawer } from 'antd';
 import classNames from 'classnames';
 import SparkConfirm from "./Confirm";
-import useIndexStyle from "./index.style";
+import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var SparkDrawer = function SparkDrawer(props) {
   var children = props.children,
     className = props.className,
@@ -21,19 +23,21 @@ var SparkDrawer = function SparkDrawer(props) {
     _props$showDivider = props.showDivider,
     showDivider = _props$showDivider === void 0 ? true : _props$showDivider,
     restProps = _objectWithoutProperties(props, _excluded);
-  useIndexStyle();
+  var Style = useStyle();
   var commonConfig = getCommonConfig();
   var sparkPrefix = commonConfig.sparkPrefix,
     antPrefix = commonConfig.antPrefix;
-  return /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({
-    closeIcon: /*#__PURE__*/_jsx(SparkFalseLine, {
-      size: 24
-    }),
-    className: classNames("".concat(sparkPrefix, "-drawer"), className, _defineProperty({}, "".concat(antPrefix, "-show-divider"), showDivider)),
-    style: _objectSpread({}, style)
-  }, restProps), {}, {
-    children: children
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({
+      closeIcon: /*#__PURE__*/_jsx(SparkFalseLine, {
+        size: 24
+      }),
+      className: classNames("".concat(sparkPrefix, "-drawer"), className, _defineProperty({}, "".concat(antPrefix, "-show-divider"), showDivider)),
+      style: _objectSpread({}, style)
+    }, restProps), {}, {
+      children: children
+    }))]
+  });
 };
 Object.assign(SparkDrawer, {
   Confirm: SparkConfirm

package/lib/components/commonComponents/Drawer/index.style.d.ts

@@ -1,84 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: {
-            [x: string]: string | {
-                [x: string]: string | {
-                    fontSize: number;
-                    fontWeight: string;
-                    lineHeight: string;
-                    color: string;
-                    width?: undefined;
-                    height?: undefined;
-                } | {
-                    width: number;
-                    height: number;
-                    fontSize?: undefined;
-                    fontWeight?: undefined;
-                    lineHeight?: undefined;
-                    color?: undefined;
-                };
-                display: string;
-                flexDirection: string;
-            };
-            padding: string;
-            borderBottom: string;
-            display?: undefined;
-            alignItems?: undefined;
-            justifyContent?: undefined;
-            borderTop?: undefined;
-            color?: undefined;
-            margin?: undefined;
-        } | {
-            [x: string]: string;
-            padding?: undefined;
-            borderBottom?: undefined;
-            display?: undefined;
-            alignItems?: undefined;
-            justifyContent?: undefined;
-            borderTop?: undefined;
-            color?: undefined;
-            margin?: undefined;
-        } | {
-            [x: string]: string | {
-                fontSize: number;
-                lineHeight: string;
-                color: string;
-                display?: undefined;
-                gap?: undefined;
-            } | {
-                display: string;
-                gap: number;
-                fontSize?: undefined;
-                lineHeight?: undefined;
-                color?: undefined;
-            };
-            padding: string;
-            display: string;
-            alignItems: string;
-            justifyContent: string;
-            borderTop: string;
-            borderBottom?: undefined;
-            color?: undefined;
-            margin?: undefined;
-        } | {
-            color: string;
-            margin: number;
-            padding?: undefined;
-            borderBottom?: undefined;
-            display?: undefined;
-            alignItems?: undefined;
-            justifyContent?: undefined;
-            borderTop?: undefined;
-        };
-    } | {
-        [x: string]: {
-            borderBottom: string;
-            borderTop?: undefined;
-        } | {
-            borderTop: string;
-            borderBottom?: undefined;
-        };
-    };
-};
-declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

package/lib/components/commonComponents/Drawer/index.style.js

@@ -1,54 +1,44 @@
-var _excluded = ["css"];
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import createStyle from "../../../libs/createStyle";
-export function getIndexStyleData(params) {
-  var sparkPrefix = params.sparkPrefix,
-    antPrefix = params.antPrefix;
-  return _defineProperty(_defineProperty({}, ".".concat(sparkPrefix, "-drawer"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-drawer-header"), _defineProperty({
-    padding: '16px 20px',
-    borderBottom: 'none'
-  }, ".".concat(antPrefix, "-drawer-header-title"), _defineProperty(_defineProperty({
-    display: 'flex',
-    flexDirection: 'row-reverse'
-  }, ".".concat(antPrefix, "-drawer-title"), {
-    fontSize: 16,
-    fontWeight: '500',
-    lineHeight: '28px',
-    color: "var(--".concat(antPrefix, "-color-text)")
-  }), ".".concat(antPrefix, "-drawer-close"), {
-    width: 32,
-    height: 32
-  }))), ".".concat(antPrefix, "-drawer-body"), _defineProperty({}, "--".concat(antPrefix, "-padding-lg"), '20px')), ".".concat(antPrefix, "-drawer-footer"), _defineProperty(_defineProperty({
-    padding: '16px 20px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    borderTop: 'none'
-  }, ".".concat(antPrefix, "-drawer-footer-info"), {
-    fontSize: 14,
-    lineHeight: '24px',
-    color: "var(--".concat(antPrefix, "-color-text-tertiary)")
-  }), ".".concat(antPrefix, "-drawer-footer-buttons"), {
-    display: 'flex',
-    gap: 12
-  })), ".".concat(antPrefix, "-drawer-close"), {
-    color: "var(--".concat(antPrefix, "-color-text)"),
-    margin: 0
-  })), ".".concat(sparkPrefix, "-drawer.").concat(antPrefix, "-show-divider"), _defineProperty(_defineProperty({}, ".".concat(antPrefix, "-drawer-header"), {
-    borderBottom: "1px solid var(--".concat(antPrefix, "-color-border-secondary)")
-  }), ".".concat(antPrefix, "-drawer-footer"), {
-    borderTop: "1px solid var(--".concat(antPrefix, "-color-border-secondary)")
-  }));
-}
-var useIndexStyle = createStyle(function (_ref2) {
-  var css = _ref2.css,
-    params = _objectWithoutProperties(_ref2, _excluded);
-  var result = css(getIndexStyleData(params));
-  return result;
-});
-export default useIndexStyle;
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import createGlobalStyle from "../../../libs/newCreateStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-drawer {\n  .", "-drawer-header {\n    padding: 16px 20px;\n    border-bottom: none;\n    \n    .", "-drawer-header-title {\n      display: flex;\n      flex-direction: row-reverse;\n      \n      .", "-drawer-title {\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 28px;\n        color: var(--", "-color-text);\n      }\n      \n      .", "-drawer-close {\n        width: 32px;\n        height: 32px;\n      }\n    }\n  }\n  \n  .", "-drawer-body {\n    --", "-padding-lg: 20px;\n  }\n  \n  .", "-drawer-footer {\n    padding: 16px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-top: none;\n    \n    .", "-drawer-footer-info {\n      font-size: 14px;\n      line-height: 24px;\n      color: var(--", "-color-text-tertiary);\n    }\n    \n    .", "-drawer-footer-buttons {\n      display: flex;\n      gap: 12px;\n    }\n  }\n  \n  .", "-drawer-close {\n    color: var(--", "-color-text);\n    margin: 0;\n  }\n}\n\n.", "-drawer.", "-show-divider {\n  .", "-drawer-header {\n    border-bottom: 1px solid var(--", "-color-border-secondary);\n  }\n  \n  .", "-drawer-footer {\n    border-top: 1px solid var(--", "-color-border-secondary);\n  }\n}\n"])), function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+});

package/lib/components/commonComponents/Dropdown/index.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { DropdownProps } from 'antd';
 export type { DropdownProps };
-declare const SparkDropdown: import("react").ForwardRefExoticComponent<DropdownProps & import("react").RefAttributes<any>>;
+declare const SparkDropdown: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default SparkDropdown;

package/lib/components/commonComponents/Dropdown/index.js

@@ -4,14 +4,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { Dropdown } from 'antd';
-import { forwardRef, useMemo } from 'react';
 import { getCommonConfig } from "../../../config";
-import useIndexStyle from "./index.style";
 import { SparkTrueLine } from '@agentscope-ai/icons';
+import { Dropdown } from 'antd';
+import { useMemo } from 'react';
+import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var SparkDropdown = /*#__PURE__*/forwardRef(function (props) {
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var SparkDropdown = function SparkDropdown(props) {
   var _props$menu3, _props$menu4;
   var commonConfig = getCommonConfig();
   var antPrefix = commonConfig.antPrefix;
@@ -37,12 +38,14 @@ var SparkDropdown = /*#__PURE__*/forwardRef(function (props) {
       return _objectSpread(_objectSpread({}, d), mergeData);
     });
   }, [(_props$menu3 = props.menu) === null || _props$menu3 === void 0 ? void 0 : _props$menu3.items, (_props$menu4 = props.menu) === null || _props$menu4 === void 0 ? void 0 : _props$menu4.selectable]);
-  useIndexStyle();
-  return /*#__PURE__*/_jsx(Dropdown, _objectSpread(_objectSpread({}, props), {}, {
-    menu: _objectSpread(_objectSpread({}, props.menu), {}, {
-      items: menuItems
-    }),
-    overlayStyle: _objectSpread({}, props.overlayStyle)
-  }));
-});
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Dropdown, _objectSpread(_objectSpread({}, props), {}, {
+      menu: _objectSpread(_objectSpread({}, props.menu), {}, {
+        items: menuItems
+      }),
+      overlayStyle: _objectSpread({}, props.overlayStyle)
+    }))]
+  });
+};
 export default SparkDropdown;

package/lib/components/commonComponents/Dropdown/index.style.d.ts

@@ -1,78 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        fontSize: string;
-        display?: undefined;
-        alignItems?: undefined;
-        margin?: undefined;
-        'padding-inline-end'?: undefined;
-        position?: undefined;
-        opacity?: undefined;
-        'inset-inline-end'?: undefined;
-        backgroundColor?: undefined;
-        boxShadow?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        overflowY?: undefined;
-    } | {
-        display: string;
-        alignItems: string;
-        margin: number;
-        'padding-inline-end': string;
-        fontSize?: undefined;
-        position?: undefined;
-        opacity?: undefined;
-        'inset-inline-end'?: undefined;
-        backgroundColor?: undefined;
-        boxShadow?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        overflowY?: undefined;
-    } | {
-        position: string;
-        opacity: number;
-        fontSize: number;
-        'inset-inline-end': string;
-        display?: undefined;
-        alignItems?: undefined;
-        margin?: undefined;
-        'padding-inline-end'?: undefined;
-        backgroundColor?: undefined;
-        boxShadow?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        overflowY?: undefined;
-    } | {
-        [x: string]: string | {
-            opacity: number;
-        };
-        backgroundColor: string;
-        fontSize?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        margin?: undefined;
-        'padding-inline-end'?: undefined;
-        position?: undefined;
-        opacity?: undefined;
-        'inset-inline-end'?: undefined;
-        boxShadow?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        overflowY?: undefined;
-    } | {
-        boxShadow: string;
-        border: string;
-        borderRadius: string;
-        overflowY: string;
-        fontSize?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        margin?: undefined;
-        'padding-inline-end'?: undefined;
-        position?: undefined;
-        opacity?: undefined;
-        'inset-inline-end'?: undefined;
-        backgroundColor?: undefined;
-    };
-};
-declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

package/lib/components/commonComponents/Dropdown/index.style.js

@@ -1,40 +1,48 @@
-var _excluded = ["css"];
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import createStyle from "../../../libs/createStyle";
-export function getIndexStyleData(params) {
-  var antPrefix = params.antPrefix;
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-dropdown .").concat(antPrefix, "-dropdown-menu .").concat(antPrefix, "-dropdown-menu-item-icon"), {
-    fontSize: "var(--".concat(antPrefix, "-font-size-lg)")
-  }), ".".concat(antPrefix, "-dropdown-check-wrapper"), {
-    display: 'flex',
-    alignItems: 'center',
-    margin: 0,
-    'padding-inline-end': "calc(var(--".concat(antPrefix, "-control-padding-horizontal) + var(--").concat(antPrefix, "-font-size-sm))")
-  }), ".".concat(antPrefix, "-dropdown-check-icon"), {
-    position: 'absolute',
-    opacity: 0,
-    fontSize: 20,
-    'inset-inline-end': "var(--".concat(antPrefix, "-padding-xs)")
-  }), ".".concat(antPrefix, "-dropdown .").concat(antPrefix, "-dropdown-menu .").concat(antPrefix, "-dropdown-menu-item.").concat(antPrefix, "-dropdown-menu-item-selected"), _defineProperty({
-    backgroundColor: 'transparent'
-  }, ".".concat(antPrefix, "-dropdown-check-icon"), {
-    opacity: 1
-  })), ".".concat(antPrefix, "-dropdown-menu-submenu-popup"), {
-    boxShadow: "var(--".concat(antPrefix, "-box-shadow)"),
-    border: "1px solid var(--".concat(antPrefix, "-color-border-secondary)"),
-    borderRadius: "var(--".concat(antPrefix, "-border-radius-lg)"),
-    overflowY: 'auto'
-  });
-}
-var useIndexStyle = createStyle(function (_ref2) {
-  var css = _ref2.css,
-    params = _objectWithoutProperties(_ref2, _excluded);
-  var result = css(getIndexStyleData(params));
-  return result;
-});
-export default useIndexStyle;
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import createGlobalStyle from "../../../libs/newCreateStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-dropdown .", "-dropdown-menu .", "-dropdown-menu-item-icon {\n  font-size: var(--", "-font-size-lg);\n}\n\n.", "-dropdown-check-wrapper {\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding-inline-end: calc(var(--", "-control-padding-horizontal) + var(--", "-font-size-sm));\n}\n\n.", "-dropdown-check-icon {\n  position: absolute;\n  opacity: 0;\n  font-size: 20px;\n  inset-inline-end: var(--", "-padding-xs);\n}\n\n.", "-dropdown .", "-dropdown-menu .", "-dropdown-menu-item.", "-dropdown-menu-item-selected {\n  background-color: transparent;\n  \n  .", "-dropdown-check-icon {\n    opacity: 1;\n  }\n}\n\n.", "-dropdown-menu-submenu-popup {\n  box-shadow: var(--", "-box-shadow);\n  border: 1px solid var(--", "-color-border-secondary);\n  border-radius: var(--", "-border-radius-lg);\n  overflow-y: auto;\n}\n\n/*\n.", "-dropdown-menu .", "-dropdown-menu-submenu {\n  box-shadow: var(--", "-box-shadow);\n  border: 1px solid var(--", "-color-border-secondary);\n}\n*/\n"])), function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+});