@agentscope-ai/design 1.0.8 → 1.0.10

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

@@ -1,38 +1,50 @@
-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({}, ".".concat(sparkPrefix, "-checkbox"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-checkbox-wrapper-disabled"), _defineProperty({}, ".".concat(antPrefix, "-checkbox-label"), {
-    color: "var(--".concat(antPrefix, "-color-text)")
-  })), ".".concat(antPrefix, "-checkbox-inner"), {
-    border: "1px solid var(--".concat(antPrefix, "-color-border-secondary)")
-  }), ".".concat(antPrefix, "-checkbox-wrapper:hover"), _defineProperty({}, ".".concat(antPrefix, "-checkbox-inner"), {
-    borderColor: "var(--".concat(antPrefix, "-color-border-secondary)")
-  })), ".".concat(antPrefix, "-checkbox-checked"), _defineProperty({}, ".".concat(antPrefix, "-checkbox-inner"), {
-    borderColor: "var(--".concat(antPrefix, "-color-primary)"),
-    backgroundColor: "var(--".concat(antPrefix, "-color-primary)")
-  })), ".".concat(antPrefix, "-checkbox-checked.").concat(antPrefix, "-checkbox-disabled"), _defineProperty({}, ".".concat(antPrefix, "-checkbox-inner"), {
-    backgroundColor: "var(--".concat(antPrefix, "-color-fill-disable)"),
-    borderColor: "var(--".concat(antPrefix, "-color-fill-disable)"),
-    '&::after': {
-      borderColor: "var(--".concat(antPrefix, "-color-text-white)")
-    }
-  })), ".".concat(antPrefix, "-checkbox-disabled"), _defineProperty({}, ".".concat(antPrefix, "-checkbox-inner"), {
-    backgroundColor: "var(--".concat(antPrefix, "-color-fill-secondary)"),
-    borderColor: "var(--".concat(antPrefix, "-color-fill-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/createStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-checkbox {\n  .", "-checkbox-wrapper-disabled {\n    .", "-checkbox-label {\n      color: var(--", "-color-text);\n    }\n  }\n  \n  .", "-checkbox-inner {\n    border: 1px solid var(--", "-color-border-secondary);\n  }\n  \n  .", "-checkbox-wrapper:hover {\n    .", "-checkbox-inner {\n      border-color: var(--", "-color-border-secondary);\n    }\n  }\n  \n  .", "-checkbox-checked {\n    .", "-checkbox-inner {\n      border-color: var(--", "-color-primary);\n      background-color: var(--", "-color-primary);\n    }\n  }\n  \n  .", "-checkbox-checked.", "-checkbox-disabled {\n    .", "-checkbox-inner {\n      background-color: var(--", "-color-fill-disable);\n      border-color: var(--", "-color-fill-disable);\n      \n      &::after {\n        border-color: var(--", "-color-text-white);\n      }\n    }\n  }\n  \n  .", "-checkbox-disabled {\n    .", "-checkbox-inner {\n      background-color: var(--", "-color-fill-secondary);\n      border-color: var(--", "-color-fill-secondary);\n    }\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.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/CodeBlock/index.js

@@ -29,8 +29,10 @@ import { ConfigProvider, theme } from 'antd';
 import cls from 'classnames';
 import { omit } from 'lodash-es';
 import React, { useMemo } 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";
 export var langExtensionsMap = {
   javascript: [javascript()],
   jsx: [javascript()],
@@ -61,15 +63,13 @@ export var beautifulJson = function beautifulJson() {
   return finalVal;
 };
 var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
+  var _context$theme;
   var commonConfig = getCommonConfig();
   var context = React.useContext(ConfigProvider.ConfigContext);
-  var isDarkMode = context.theme.algorithm === theme.darkAlgorithm;
+  var isDarkMode = ((_context$theme = context.theme) === null || _context$theme === void 0 ? void 0 : _context$theme.algorithm) === theme.darkAlgorithm;
   var sparkPrefix = commonConfig.sparkPrefix,
     antPrefix = commonConfig.antPrefix;
-  useIndexStyle({
-    sparkPrefix: sparkPrefix,
-    antPrefix: antPrefix
-  });
+  var Style = useStyle();
   var getTheme = useMemo(function () {
     if (props.theme === undefined) {
       if (isDarkMode) {
@@ -82,13 +82,15 @@ var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
   var extensions = typeof props.language === 'string' ? [].concat(_toConsumableArray(langExtensionsMap[props.language] || []), _toConsumableArray(props.value && props.language in lintExtensionsMap ? lintExtensionsMap[props.language] : [])) : props.language.reduce(function (ext, lang) {
     return [].concat(_toConsumableArray(ext), [langExtensionsMap[lang]]);
   }, []);
-  return /*#__PURE__*/_jsx("div", {
-    className: cls("".concat(sparkPrefix, "-code-block"), props.className),
-    children: /*#__PURE__*/_jsx(CodeMirror, _objectSpread({
-      extensions: extensions,
-      value: props.language === 'json' ? beautifulJson(props.value) : props.value,
-      theme: getTheme
-    }, omit(props, ['language', 'theme', 'extensions', 'value'])))
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx("div", {
+      className: cls("".concat(sparkPrefix, "-code-block"), props.className),
+      children: /*#__PURE__*/_jsx(CodeMirror, _objectSpread({
+        extensions: extensions,
+        value: props.language === 'json' ? beautifulJson(props.value) : props.value,
+        theme: getTheme
+      }, omit(props, ['language', 'theme', 'extensions', 'value'])))
+    })]
   });
 };
 export default CodeMirrorWrapper;

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

@@ -1,354 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        width: string;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        border: string;
-        borderRadius: string;
-        width?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        borderRight: string;
-        backgroundColor: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        backgroundColor: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        color: string;
-        height: string;
-        lineHeight: string;
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        "span:not([title*=\"Unfold line\"])": {
-            height: string;
-        };
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        height: string;
-        lineHeight: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        padding: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        backgroundImage: string;
-        background: string;
-        border: string;
-        borderRadius: string;
-        '&:hover': {
-            color: string;
-            cursor: string;
-        };
-        width?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        background: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        display: string;
-        alignItems: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        right: string;
-        background: string;
-        fontSize: string;
-        color: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        '&:hover'?: undefined;
-        outline?: undefined;
-    } | {
-        borderRadius: string;
-        width?: undefined;
-        border?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        border: string;
-        width?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        outline: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-    };
-    '.cm-theme': {
-        border: string;
-        borderRadius: string;
-    };
-    '.cm-gutters': {
-        borderRight: string;
-        backgroundColor: string;
-    };
-    '.cm-editor': {
-        backgroundColor: string;
-    };
-    '.cm-gutterElement:not(:first-child)': {
-        color: string;
-        height: string;
-        lineHeight: string;
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        "span:not([title*=\"Unfold line\"])": {
-            height: string;
-        };
-    };
-    '.cm-line': {
-        height: string;
-        lineHeight: string;
-    };
-    '.cm-lineNumbers .cm-gutterElement': {
-        padding: string;
-    };
-    '.cm-activeLine, .cm-activeLineGutter': {
-        backgroundColor: string;
-    };
-    '.cm-button': {
-        backgroundImage: string;
-        background: string;
-        border: string;
-        borderRadius: string;
-        '&:hover': {
-            color: string;
-            cursor: string;
-        };
-    };
-    '.cm-search': {
-        background: string;
-    };
-    '.cm-panel.cm-search label': {
-        display: string;
-        alignItems: string;
-    };
-    '.cm-panel.cm-search [name=close]': {
-        right: string;
-        background: string;
-        fontSize: string;
-        color: string;
-    };
-    '.cm-textfield': {
-        borderRadius: string;
-    };
-    '.cm-panel.cm-search input[type=checkbox]': {
-        border: string;
-    };
-    '.cm-focused': {
-        outline: 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/CodeBlock/index.style.js

@@ -1,72 +1,26 @@
-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 _ref;
-  var antPrefix = params.antPrefix,
-    sparkPrefix = params.sparkPrefix;
-  return _ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, ".".concat(sparkPrefix, "-code-block"), {
-    width: '100%'
-  }), '.cm-theme', {
-    border: 'none !important',
-    borderRadius: '0 !important'
-  }), '.cm-gutters', {
-    borderRight: 'none !important',
-    backgroundColor: "var(--".concat(antPrefix, "-color-bg-base) !important")
-  }), '.cm-editor', {
-    backgroundColor: "var(--".concat(antPrefix, "-color-bg-base) !important")
-  }), '.cm-gutterElement:not(:first-child)', _defineProperty({
-    color: "var(--".concat(antPrefix, "-color-text-tertiary)"),
-    height: '24px !important',
-    lineHeight: '24px !important',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }, "span:not([title*=\"Unfold line\"])", {
-    height: '30px !important'
-  })), '.cm-line', {
-    height: '24px !important',
-    lineHeight: '24px !important'
-  }), '.cm-lineNumbers .cm-gutterElement', {
-    padding: '0px 4px 0px 12px !important'
-  }), '.cm-activeLine, .cm-activeLineGutter', {
-    backgroundColor: "var(--".concat(antPrefix, "-color-fill-secondary) !important")
-  }), '.cm-button', {
-    backgroundImage: 'none !important',
-    background: "var(--".concat(antPrefix, "-color-bg-base) !important"),
-    border: "1px solid var(--".concat(antPrefix, "-color-border-secondary) !important"),
-    borderRadius: '4px !important',
-    '&:hover': {
-      color: "var(--".concat(antPrefix, "-color-text-secondary)"),
-      cursor: 'pointer'
-    }
-  }), '.cm-search', {
-    background: "var(--".concat(antPrefix, "-color-fill-secondary) !important")
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, '.cm-panel.cm-search label', {
-    display: 'inline-flex',
-    alignItems: 'center'
-  }), '.cm-panel.cm-search [name=close]', {
-    right: '8px !important',
-    background: 'none !important',
-    fontSize: '16px !important',
-    color: "var(--".concat(antPrefix, "-color-text-tertiary) !important")
-  }), '.cm-textfield', {
-    borderRadius: '4px'
-  }), '.cm-panel.cm-search input[type=checkbox]', {
-    border: "1px solid var(--".concat(antPrefix, "-color-border-secondary) !important")
-  }), '.cm-focused', {
-    outline: 'none !important'
-  });
-}
-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.", "-code-block {\n  width: 100%;\n}\n\n.cm-theme {\n  border: none !important;\n  border-radius: 0 !important;\n}\n\n.cm-gutters {\n  border-right: none !important;\n  background-color: var(--", "-color-bg-base) !important;\n}\n\n.cm-editor {\n  background-color: var(--", "-color-bg-base) !important;\n}\n\n.cm-gutterElement:not(:first-child) {\n  color: var(--", "-color-text-tertiary);\n  height: 24px !important;\n  line-height: 24px !important;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  \n  span:not([title*=\"Unfold line\"]) {\n    height: 30px !important;\n  }\n}\n\n.cm-line {\n  height: 24px !important;\n  line-height: 24px !important;\n}\n\n.cm-lineNumbers .cm-gutterElement {\n  padding: 0px 4px 0px 12px !important;\n}\n\n.cm-activeLine,\n.cm-activeLineGutter {\n  background-color: var(--", "-color-fill-secondary) !important;\n}\n\n.cm-button {\n  background-image: none !important;\n  background: var(--", "-color-bg-base) !important;\n  border: 1px solid var(--", "-color-border-secondary) !important;\n  border-radius: 4px !important;\n  \n  &:hover {\n    color: var(--", "-color-text-secondary);\n    cursor: pointer;\n  }\n}\n\n.cm-search {\n  background: var(--", "-color-fill-secondary) !important;\n}\n\n.cm-panel.cm-search label {\n  display: inline-flex;\n  align-items: center;\n}\n\n.cm-panel.cm-search [name=close] {\n  right: 8px !important;\n  background: none !important;\n  font-size: 16px !important;\n  color: var(--", "-color-text-tertiary) !important;\n}\n\n.cm-textfield {\n  border-radius: 4px;\n}\n\n.cm-panel.cm-search input[type=checkbox] {\n  border: 1px solid var(--", "-color-border-secondary) !important;\n}\n\n.cm-focused {\n  outline: none !important;\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;
+});

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

@@ -5,10 +5,14 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 { Collapse as AntdCollapse } from 'antd';
-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 Collapse = function Collapse(props) {
-  useIndexStyle();
-  return /*#__PURE__*/_jsx(AntdCollapse, _objectSpread({}, props));
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(AntdCollapse, _objectSpread({}, props))]
+  });
 };
 export default Collapse;