widenarrow-ui 1.0.29 → 1.0.30
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/lib/components/InlineButton/InlineButton.types.d.ts +1 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.esm.js +2 -2
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/InlineButton/InlineButton.tsx +9 -1
- package/src/components/InlineButton/InlineButton.types.ts +1 -0
|
@@ -10,6 +10,7 @@ export interface InlineButtonProps {
|
|
|
10
10
|
children?: ReactNode;
|
|
11
11
|
icon?: Partial<IconTypes>;
|
|
12
12
|
rotateIcon?: boolean;
|
|
13
|
+
rotateIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
|
|
13
14
|
iconClassName?: string;
|
|
14
15
|
withIconRight?: boolean;
|
|
15
16
|
type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY | HierarchyTypes.TERTIARY;
|
package/lib/index.d.ts
CHANGED
|
@@ -641,6 +641,7 @@ interface InlineButtonProps {
|
|
|
641
641
|
children?: ReactNode;
|
|
642
642
|
icon?: Partial<IconTypes>;
|
|
643
643
|
rotateIcon?: boolean;
|
|
644
|
+
rotateIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
|
|
644
645
|
iconClassName?: string;
|
|
645
646
|
withIconRight?: boolean;
|
|
646
647
|
type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY | HierarchyTypes.TERTIARY;
|
package/lib/index.esm.js
CHANGED
|
@@ -2646,7 +2646,7 @@ var styles$7 = {"body":"InlineButton-module_aw3KLt","container":"InlineButton-mo
|
|
|
2646
2646
|
var s$7 = classNames.bind(styles$7);
|
|
2647
2647
|
var InlineButton = memo(function (_a) {
|
|
2648
2648
|
var _b, _c;
|
|
2649
|
-
var className = _a.className, id = _a.id, loading = _a.loading, ariaLabel = _a.ariaLabel, text = _a.text, style = _a.style, _d = _a.size, size = _d === void 0 ? SizeTypes.MEDIUM : _d, _e = _a.type, type = _e === void 0 ? HierarchyTypes.PRIMARY : _e, textClassName = _a.textClassName, icon = _a.icon, children = _a.children, withIconRight = _a.withIconRight, iconClassName = _a.iconClassName, rotateIcon = _a.rotateIcon, onClickCallback = _a.onClickCallback, withEllipsis = _a.withEllipsis, disabled = _a.disabled, toolTip = _a.toolTip;
|
|
2649
|
+
var className = _a.className, id = _a.id, loading = _a.loading, ariaLabel = _a.ariaLabel, text = _a.text, style = _a.style, _d = _a.size, size = _d === void 0 ? SizeTypes.MEDIUM : _d, _e = _a.type, type = _e === void 0 ? HierarchyTypes.PRIMARY : _e, textClassName = _a.textClassName, icon = _a.icon, children = _a.children, withIconRight = _a.withIconRight, iconClassName = _a.iconClassName, rotateIcon = _a.rotateIcon, rotateIconByDegree = _a.rotateIconByDegree, onClickCallback = _a.onClickCallback, withEllipsis = _a.withEllipsis, disabled = _a.disabled, toolTip = _a.toolTip;
|
|
2650
2650
|
var mergedClassNames = s$7('container', (_b = {
|
|
2651
2651
|
container_primary: type === HierarchyTypes.PRIMARY,
|
|
2652
2652
|
container_secondary: type === HierarchyTypes.SECONDARY,
|
|
@@ -2660,7 +2660,7 @@ var InlineButton = memo(function (_a) {
|
|
|
2660
2660
|
_b));
|
|
2661
2661
|
var getInnerMarkup = function () {
|
|
2662
2662
|
var _a, _b;
|
|
2663
|
-
return (jsxs(Fragment, { children: [icon ? jsx(Icon, { icon: icon, className: s$7('icon', (_a = {}, _a[iconClassName] = iconClassName, _a)), rotateIcon: rotateIcon }) : null, jsxs("span", __assign({ className: s$7('text', (_b = {
|
|
2663
|
+
return (jsxs(Fragment, { children: [icon ? (jsx(Icon, { icon: icon, className: s$7('icon', (_a = {}, _a[iconClassName] = iconClassName, _a)), rotateIconByDegree: rotateIconByDegree, rotateIcon: rotateIcon })) : null, jsxs("span", __assign({ className: s$7('text', (_b = {
|
|
2664
2664
|
text_withIconLeft: icon && !withIconRight,
|
|
2665
2665
|
text_withIconRight: icon && withIconRight,
|
|
2666
2666
|
text_withEllipsis: withEllipsis
|