onekijs-ui 1.0.1 → 1.0.2
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/dist/components/select/SelectService.d.ts +3 -3
- package/dist/components/tree/TreeService.d.ts +4 -4
- package/dist/index.js +7 -2
- package/dist/index.js.map +1 -1
- package/dist/index.module.js +7 -2
- package/dist/index.module.js.map +1 -1
- package/dist/styles/border.d.ts +1 -1
- package/dist/styles/size.d.ts +6 -6
- package/dist/styles/typography.d.ts +1 -1
- package/package.json +2 -2
- package/src/components/button/components/ButtonComponent.tsx +10 -2
- package/src/components/button/style.ts +7 -2
package/dist/index.module.js
CHANGED
|
@@ -1359,7 +1359,7 @@ const ButtonComponent = React.forwardRef((props, ref) => {
|
|
|
1359
1359
|
if (props.disabled) {
|
|
1360
1360
|
classNames = addClassname('o-button-disabled', classNames);
|
|
1361
1361
|
}
|
|
1362
|
-
return (jsxRuntimeExports.jsxs("button", { ref: ref, className: classNames, ...buttonProps, type: type, children: [loading && jsxRuntimeExports.jsx(LoadingIcon, { onClick: undefined, color: "currentColor" }), !loading && IconComponent && jsxRuntimeExports.jsx(
|
|
1362
|
+
return (jsxRuntimeExports.jsxs("button", { ref: ref, className: classNames, ...buttonProps, type: type, children: [loading && (jsxRuntimeExports.jsx("span", { className: "o-button-icon", children: jsxRuntimeExports.jsx(LoadingIcon, { onClick: undefined, color: "currentColor" }) })), !loading && IconComponent && (jsxRuntimeExports.jsx("span", { className: "o-button-icon", children: jsxRuntimeExports.jsx(IconComponent, { ...props, onClick: undefined }) })), jsxRuntimeExports.jsx("span", { className: "o-button-content", children: children })] }));
|
|
1363
1363
|
});
|
|
1364
1364
|
ButtonComponent.displayName = 'Button';
|
|
1365
1365
|
|
|
@@ -1429,7 +1429,7 @@ const buttonStyle = ({ kind = 'primary', pattern = 'solid', size = 'medium', dis
|
|
|
1429
1429
|
${opacity(disabled ? 0.6 : 1)}
|
|
1430
1430
|
${marginLeft(IconComponent ? 'xs' : 'none')}
|
|
1431
1431
|
${outline('none')}
|
|
1432
|
-
|
|
1432
|
+
|
|
1433
1433
|
.o-icon-loading-container {
|
|
1434
1434
|
${marginRight('xs')}
|
|
1435
1435
|
}
|
|
@@ -1439,6 +1439,11 @@ const buttonStyle = ({ kind = 'primary', pattern = 'solid', size = 'medium', dis
|
|
|
1439
1439
|
hover: disabled ? fontColor : hoverFontColor,
|
|
1440
1440
|
})}
|
|
1441
1441
|
}
|
|
1442
|
+
|
|
1443
|
+
.o-button-icon {
|
|
1444
|
+
${marginRight('xs')}
|
|
1445
|
+
${marginTop('2px')}
|
|
1446
|
+
}
|
|
1442
1447
|
`;
|
|
1443
1448
|
};
|
|
1444
1449
|
const dropdownButtonStyle = () => {
|