@agentscope-ai/design 1.0.8 → 1.0.10

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

@@ -1,44 +1,14 @@
-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,
-    sparkPrefix = params.sparkPrefix;
-  return _defineProperty(_defineProperty(_defineProperty({
-    // @import useIndexStyle from '../../antd/styles/index.style';
-    '@keyframes spinning': {
-      '0%': {
-        transform: 'rotate(0deg)'
-      },
-      '100%': {
-        transform: 'rotate(360deg)'
-      }
-    }
-  }, ".".concat(sparkPrefix, "-icon"), {
-    display: 'inline-flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    fontSize: '16px',
-    lineHeight: 1
-  }), ".".concat(sparkPrefix, "-icon-spin"), {
-    animation: 'spinning 1s ease-in-out infinite'
-  }), ".".concat(sparkPrefix, "-cursor-pointer"), {
-    cursor: 'pointer',
-    color: "var(--".concat(antPrefix, "-color-icon)"),
-    '&:hover': {
-      color: "var(--".concat(antPrefix, "-color-icon-hover)")
-    }
-  });
-}
-var useIconFontStyle = createStyle(function (_ref2) {
-  var css = _ref2.css,
-    params = _objectWithoutProperties(_ref2, _excluded);
-  var result = css(getIndexStyleData(params));
-  return result;
-});
-export default useIconFontStyle;
+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/createStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n@keyframes spinning {\n  0% {\n    transform: rotate(0deg);\n  }\n  \n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.", "-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  line-height: 1;\n}\n\n.", "-icon-spin {\n  animation: spinning 1s ease-in-out infinite;\n}\n\n.", "-cursor-pointer {\n  cursor: pointer;\n  color: var(--", "-color-icon);\n  \n  &:hover {\n    color: var(--", "-color-icon-hover);\n  }\n}\n"])), function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+});

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

@@ -9,11 +9,12 @@ import { getCommonConfig } from "../../../config";
 import { SparkVisibleLine } from '@agentscope-ai/icons';
 import { Image as AntdImage } from 'antd';
 import { useMemo } from 'react';
-import useIndexStyle from "./index.style";
+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";
 var Image = function Image(props) {
-  useIndexStyle();
+  var Style = useStyle();
   var _getCommonConfig = getCommonConfig(),
     antPrefix = _getCommonConfig.antPrefix;
   var preview = useMemo(function () {
@@ -38,9 +39,11 @@ var Image = function Image(props) {
       })
     }, preview), basePreview);
   }, [props.preview]);
-  return /*#__PURE__*/_jsx(AntdImage, _objectSpread({
-    preview: preview
-  }, props));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(AntdImage, _objectSpread({
+      preview: preview
+    }, props))]
+  });
 };
 
 // 定义接口避免TypeScript内部类型推断

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

@@ -1,22 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: string | {
-            [x: string]: string | {
-                display: string;
-                alignItems: string;
-                fontWeight?: undefined;
-                lineHeight?: undefined;
-            } | {
-                fontWeight: number;
-                lineHeight: string;
-                display?: undefined;
-                alignItems?: undefined;
-            };
-            backgroundColor: string;
-        };
-        borderRadius: string;
-        overflow: string;
-    };
-};
-declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,30 +1,16 @@
-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({}, ".".concat(antPrefix, "-image"), _defineProperty({
-    borderRadius: "var(--".concat(antPrefix, "-border-radius)"),
-    overflow: 'hidden'
-  }, ".".concat(antPrefix, "-image-mask"), _defineProperty(_defineProperty({
-    backgroundColor: "var(--".concat(antPrefix, "-color-bg-mask)")
-  }, ".".concat(antPrefix, "-image-mask-info"), {
-    display: 'flex',
-    alignItems: 'center'
-  }), ".".concat(antPrefix, "-image-mask-info-text"), {
-    fontWeight: 500,
-    lineHeight: '24px'
-  })));
-}
-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/createStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-image {\n  border-radius: var(--", "-border-radius);\n  overflow: hidden;\n  \n  .", "-image-mask {\n    background-color: var(--", "-color-bg-mask);\n    \n    .", "-image-mask-info {\n      display: flex;\n      align-items: center;\n    }\n    \n    .", "-image-mask-info-text {\n      font-weight: 500;\n      line-height: 24px;\n    }\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;
+});

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

@@ -11,28 +11,34 @@ import { getCommonConfig } from "../../..";
 import { Input } from 'antd';
 import classNames from 'classnames';
 import React from 'react';
-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 SparkInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$shape = props.shape,
     shape = _props$shape === void 0 ? 'default' : _props$shape,
     restProps = _objectWithoutProperties(props, _excluded);
   var _getCommonConfig = getCommonConfig(),
     antPrefix = _getCommonConfig.antPrefix;
-  useIndexStyle();
-  return /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({}, restProps), {}, {
-    className: classNames(props.className, _defineProperty({}, "".concat(antPrefix, "-input-round"), shape === 'round')),
-    ref: ref
-  }));
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({}, restProps), {}, {
+      className: classNames(props.className, _defineProperty({}, "".concat(antPrefix, "-input-round"), shape === 'round')),
+      ref: ref
+    }))]
+  });
 });
 var SparkTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _getCommonConfig2 = getCommonConfig(),
     antPrefix = _getCommonConfig2.antPrefix;
-  useIndexStyle();
-  return /*#__PURE__*/_jsx(Input.TextArea, _objectSpread(_objectSpread({}, props), {}, {
-    className: classNames("".concat(antPrefix, "-text-area"), props.className),
-    ref: ref
-  }));
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Input.TextArea, _objectSpread(_objectSpread({}, props), {}, {
+      className: classNames("".concat(antPrefix, "-text-area"), props.className),
+      ref: ref
+    }))]
+  });
 });
 Object.assign(SparkInput, {
   TextArea: SparkTextArea,

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

@@ -1,70 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        borderColor: string;
-        backgroundColor?: undefined;
-        fontWeight?: undefined;
-        borderRadius?: undefined;
-        '&::placeholder'?: undefined;
-        fontSize?: undefined;
-        height?: undefined;
-    } | {
-        backgroundColor: string;
-        borderColor?: undefined;
-        fontWeight?: undefined;
-        borderRadius?: undefined;
-        '&::placeholder'?: undefined;
-        fontSize?: undefined;
-        height?: undefined;
-    } | {
-        [x: string]: string | number | {
-            color: string;
-        };
-        fontWeight: number;
-        borderRadius: string;
-        '&::placeholder': {
-            color: string;
-        };
-        borderColor?: undefined;
-        backgroundColor?: undefined;
-        fontSize?: undefined;
-        height?: undefined;
-    } | {
-        [x: string]: {
-            marginInlineEnd: string;
-            color: string;
-        };
-        borderColor?: undefined;
-        backgroundColor?: undefined;
-        fontWeight?: undefined;
-        borderRadius?: undefined;
-        '&::placeholder'?: undefined;
-        fontSize?: undefined;
-        height?: undefined;
-    } | {
-        fontSize: string;
-        borderColor?: undefined;
-        backgroundColor?: undefined;
-        fontWeight?: undefined;
-        borderRadius?: undefined;
-        '&::placeholder'?: undefined;
-        height?: undefined;
-    } | {
-        borderRadius: string;
-        borderColor?: undefined;
-        backgroundColor?: undefined;
-        fontWeight?: undefined;
-        '&::placeholder'?: undefined;
-        fontSize?: undefined;
-        height?: undefined;
-    } | {
-        height: string;
-        fontSize: string;
-        borderColor?: undefined;
-        backgroundColor?: undefined;
-        fontWeight?: undefined;
-        borderRadius?: undefined;
-        '&::placeholder'?: 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/Input/index.style.js

@@ -1,42 +1,46 @@
-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(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-input-outlined, .").concat(antPrefix, "-input-outlined.").concat(antPrefix, "-input-disabled, .").concat(antPrefix, "-input-outlined[disabled]"), {
-    borderColor: "var(--".concat(antPrefix, "-color-border-secondary)")
-  }), ".".concat(antPrefix, "-input-outlined"), {
-    backgroundColor: "var(--".concat(antPrefix, "-color-bg-base)")
-  }), ".".concat(antPrefix, "-input"), _defineProperty(_defineProperty({
-    fontWeight: 400,
-    borderRadius: '6px'
-  }, ".".concat(antPrefix, "-input-show-count-suffix, .").concat(antPrefix, "-input-data-count-suffix"), {
-    color: "var(--".concat(antPrefix, "-color-text-tertiary)")
-  }), '&::placeholder', {
-    color: "var(--".concat(antPrefix, "-color-text-tertiary)")
-  })), ".".concat(antPrefix, "-input-affix-wrapper"), _defineProperty({}, ".".concat(antPrefix, "-input-prefix"), {
-    marginInlineEnd: '8px',
-    color: "var(--".concat(antPrefix, "-color-text-tertiary)")
-  })), ".".concat(antPrefix, "-input-affix-wrapper .").concat(antPrefix, "-input-clear-icon"), {
-    fontSize: '15px'
-  }), ".".concat(antPrefix, "-input-round"), {
-    borderRadius: '999px'
-  }), ".".concat(antPrefix, "-text-area"), {
-    borderColor: "var(--".concat(antPrefix, "-color-border-secondary)")
-  }), ".".concat(antPrefix, "-input-sm"), {
-    height: '24px',
-    fontSize: '12px'
-  });
-}
-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/createStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-input-outlined,\n.", "-input-outlined.", "-input-disabled,\n.", "-input-outlined[disabled] {\n  border-color: var(--", "-color-border-secondary);\n}\n\n.", "-input-outlined {\n  background-color: var(--", "-color-bg-base);\n}\n\n.", "-input {\n  font-weight: 400;\n  border-radius: 6px;\n  \n  .", "-input-show-count-suffix,\n  .", "-input-data-count-suffix {\n    color: var(--", "-color-text-tertiary);\n  }\n  \n  &::placeholder {\n    color: var(--", "-color-text-tertiary);\n  }\n}\n\n/* prefix\u95F4\u8DDD */\n.", "-input-affix-wrapper {\n  .", "-input-prefix {\n    margin-inline-end: 8px;\n    color: var(--", "-color-text-tertiary);\n  }\n}\n\n.", "-input-affix-wrapper .", "-input-clear-icon {\n  font-size: 15px;\n}\n\n.", "-input-round {\n  border-radius: 999px;\n}\n\n.", "-text-area {\n  border-color: var(--", "-color-border-secondary);\n}\n\n.", "-input-sm {\n  height: 24px;\n  font-size: 12px;\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;
+});

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

@@ -11,11 +11,12 @@ import { getCommonConfig } from "../../../config";
 import { CloseOutlined } from '@agentscope-ai/icons-override-antd';
 import { Modal } from 'antd';
 import classNames from 'classnames';
-import useIndexStyle from "./index.style";
+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";
 var SparkModal = function SparkModal(props) {
-  useIndexStyle();
+  var Style = useStyle();
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
   var _props$showDivider = props.showDivider,
@@ -43,20 +44,21 @@ var SparkModal = function SparkModal(props) {
     }
   }) : null;
   var mergedFooter = props.footer === undefined ? renderFooter : props.footer;
-  return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({}, restProps), {}, {
-    closeIcon: null,
-    title: /*#__PURE__*/_jsxs("div", {
-      className: "".concat(sparkPrefix, "-modal-title-wrapper"),
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "".concat(sparkPrefix, "-modal-title"),
-        children: props.title
-      }), mergedCloseIcon]
-    }),
-    wrapClassName: classNames("".concat(sparkPrefix, "-modal"), _defineProperty({}, "".concat(sparkPrefix, "-show-divider"), showDivider), props.wrapClassName, 'animate-in'),
-    wrapStyle: _objectSpread({}, props.wrapStyle),
-    footer: mergedFooter,
-    transitionName: ""
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({}, restProps), {}, {
+      closeIcon: null,
+      title: /*#__PURE__*/_jsxs("div", {
+        className: "".concat(sparkPrefix, "-modal-title-wrapper"),
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "".concat(sparkPrefix, "-modal-title"),
+          children: props.title
+        }), mergedCloseIcon]
+      }),
+      wrapClassName: classNames("".concat(sparkPrefix, "-modal"), _defineProperty({}, "".concat(sparkPrefix, "-show-divider"), showDivider), props.wrapClassName, 'animate-in'),
+      footer: mergedFooter,
+      transitionName: ""
+    }))]
+  });
 };
 SparkModal.useModal = Modal.useModal;
 SparkModal.success = Modal.success;

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

@@ -1,111 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: {
-            minHeight: string;
-            padding?: undefined;
-            border?: undefined;
-        } | {
-            [x: string]: string | number | {
-                [x: string]: string | number | {
-                    [x: string]: string | {
-                        [x: string]: string | {
-                            flex: number;
-                            cursor?: undefined;
-                        } | {
-                            cursor: string;
-                            flex?: undefined;
-                        };
-                        display: string;
-                        justifyContent: string;
-                        alignItems: string;
-                        gap: string;
-                    };
-                    lineHeight: string;
-                };
-                padding: string;
-                marginBottom: number;
-                color?: undefined;
-                marginTop?: undefined;
-                width?: undefined;
-                height?: undefined;
-                top?: undefined;
-                right?: undefined;
-                '&:hover'?: undefined;
-            } | {
-                padding: number;
-                color: string;
-                marginBottom?: undefined;
-                marginTop?: undefined;
-                width?: undefined;
-                height?: undefined;
-                top?: undefined;
-                right?: undefined;
-                '&:hover'?: undefined;
-            } | {
-                [x: string]: string | number | {
-                    [x: string]: string | {
-                        fontSize: string;
-                        fontWeight: string;
-                        lineHeight: string;
-                        color: string;
-                        display?: undefined;
-                        gap?: undefined;
-                    } | {
-                        display: string;
-                        gap: string;
-                        fontSize?: undefined;
-                        fontWeight?: undefined;
-                        lineHeight?: undefined;
-                        color?: undefined;
-                    };
-                    display: string;
-                    justifyContent: string;
-                    alignItems: string;
-                };
-                padding: string;
-                marginTop: number;
-                marginBottom?: undefined;
-                color?: undefined;
-                width?: undefined;
-                height?: undefined;
-                top?: undefined;
-                right?: undefined;
-                '&:hover'?: undefined;
-            } | {
-                [x: string]: number | {
-                    color: string;
-                    background?: undefined;
-                } | {
-                    background: string;
-                    color?: undefined;
-                };
-                width: number;
-                height: number;
-                top: number;
-                right: number;
-                "&:hover": {
-                    background: string;
-                };
-                padding?: undefined;
-                marginBottom?: undefined;
-                color?: undefined;
-                marginTop?: undefined;
-            };
-            padding: number;
-            border: string;
-            minHeight?: undefined;
-        };
-    } | {
-        [x: string]: {
-            [x: string]: {
-                borderBottom: string;
-                borderTop?: undefined;
-            } | {
-                borderTop: string;
-                borderBottom?: undefined;
-            };
-        };
-    };
-};
-declare const useIndexStyle: () => void;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;