@lobehub/ui 1.125.8 → 1.125.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/es/ActionIcon/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["color", "fill", "className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "tooltipDelay", "fillOpacity", "fillRule", "focusable", "disable"];
|
|
3
|
+
var _excluded = ["color", "fill", "className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "tooltipDelay", "fillOpacity", "fillRule", "focusable", "disable", "spin"];
|
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
6
|
import { Loader2 } from 'lucide-react';
|
|
@@ -37,6 +37,7 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
37
37
|
fillRule = _ref.fillRule,
|
|
38
38
|
focusable = _ref.focusable,
|
|
39
39
|
disable = _ref.disable,
|
|
40
|
+
iconSpinning = _ref.spin,
|
|
40
41
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
41
42
|
var _useStyles = useStyles({
|
|
42
43
|
active: Boolean(active),
|
|
@@ -57,10 +58,12 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
57
58
|
focusable: focusable,
|
|
58
59
|
size: size === 'site' ? 'normal' : size
|
|
59
60
|
};
|
|
60
|
-
var content = icon && /*#__PURE__*/_jsx(Icon, _objectSpread({
|
|
61
|
+
var content = icon && /*#__PURE__*/_jsx(Icon, _objectSpread(_objectSpread({
|
|
61
62
|
className: styles.icon,
|
|
62
63
|
icon: icon
|
|
63
|
-
}, iconProps)
|
|
64
|
+
}, iconProps), {}, {
|
|
65
|
+
spin: iconSpinning
|
|
66
|
+
}));
|
|
64
67
|
var spin = /*#__PURE__*/_jsx(Icon, _objectSpread(_objectSpread({
|
|
65
68
|
icon: Loader2
|
|
66
69
|
}, iconProps), {}, {
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
2
|
import { capitalize } from 'lodash-es';
|
|
3
3
|
export var generateColorPalette = function generateColorPalette(_ref) {
|
|
4
|
-
var _ref2;
|
|
5
4
|
var type = _ref.type,
|
|
6
5
|
scale = _ref.scale,
|
|
7
6
|
appearance = _ref.appearance;
|
|
8
7
|
var name = capitalize(type);
|
|
9
8
|
var isDarkMode = appearance === 'dark';
|
|
10
|
-
return
|
|
9
|
+
return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "color".concat(name, "Bg"), scale[appearance][1]), "color".concat(name, "BgHover"), scale[appearance][2]), "color".concat(name, "Border"), scale[appearance][4]), "color".concat(name, "BorderHover"), scale[appearance][isDarkMode ? 5 : 3]), "color".concat(name, "Hover"), scale[appearance][isDarkMode ? 10 : 8]), "color".concat(name), scale[appearance][9]), "color".concat(name, "Active"), scale[appearance][isDarkMode ? 7 : 10]), "color".concat(name, "TextHover"), scale[appearance][isDarkMode ? 10 : 8]), "color".concat(name, "Text"), scale[appearance][9]), "color".concat(name, "TextActive"), scale[appearance][isDarkMode ? 7 : 10]);
|
|
11
10
|
};
|
|
12
11
|
export var generateColorNeutralPalette = function generateColorNeutralPalette(_ref3) {
|
|
13
12
|
var scale = _ref3.scale,
|
|
@@ -12,7 +12,7 @@ var generateColorPalette = function generateColorPalette(_ref) {
|
|
|
12
12
|
var name = _ref.name,
|
|
13
13
|
scale = _ref.scale,
|
|
14
14
|
appearance = _ref.appearance;
|
|
15
|
-
return _ref2 = {}, _defineProperty(_ref2, "".concat(name, "Bg"), scale["".concat(appearance, "A")][1]),
|
|
15
|
+
return _ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "".concat(name, "Bg"), scale["".concat(appearance, "A")][1]), "".concat(name, "BgHover"), scale["".concat(appearance, "A")][2]), "".concat(name, "Border"), scale[appearance][4]), "".concat(name, "BorderSecondary"), scale[appearance][3]), "".concat(name, "BorderHover"), scale[appearance][5]), "".concat(name, "Hover"), scale[appearance][10]), "".concat(name), scale[appearance][9]), "".concat(name, "Active"), scale[appearance][7]), "".concat(name, "TextHover"), scale["".concat(appearance, "A")][10]), "".concat(name, "Text"), scale["".concat(appearance, "A")][9]), _defineProperty(_ref2, "".concat(name, "TextActive"), scale["".concat(appearance, "A")][7]);
|
|
16
16
|
};
|
|
17
17
|
var generateCustomColorPalette = function generateCustomColorPalette(_ref3) {
|
|
18
18
|
var name = _ref3.name,
|