@sap-ux/ui-components 1.14.0 → 1.14.1

package/dist/components/UIButton/UIDefaultButton.js

@@ -1,238 +1,256 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIDefaultButton = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-const UIContextualMenu_1 = require("../UIContextualMenu");
-const UIInput_1 = require("../UIInput");
-/**
- * UIDefaultButton component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
- *
- * @exports
- * @class UIDefaultButton
- * @extends {React.Component<IButtonProps, {}>}
- */
-class UIDefaultButton extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {IButtonProps} props
-     */
-    constructor(props) {
-        super(props);
-        this.setStyle = (props) => {
-            const dividerStyle = {
-                position: 'absolute',
-                width: 1,
-                right: 21,
-                top: 0,
-                bottom: 0,
-                backgroundColor: 'var(--vscode-editor-background)'
-            };
-            return {
-                root: {
-                    minWidth: 'initial',
-                    height: 22,
-                    fontSize: '13px',
-                    fontWeight: 400,
-                    fontFamily: 'var(--vscode-font-family)',
-                    borderRadius: UIInput_1.COMMON_INPUT_STYLES.borderRadius,
-                    paddingLeft: 13,
-                    paddingRight: 13,
-                    // Add to use hard coded value here as Theia doesn't support these values correctly
-                    // as on Theia
-                    // `--vscode-button-secondaryBackground` does not exist and is replaced by:
-                    // `--vscode-secondaryButton-background` = #ffffff
-                    // `--vscode-secondaryButton-foreground` does not exist
-                    // And on VSCode `--vscode-button-secondaryForeground` exist and is equal to `#ffffff`
-                    // So if we use the declare Theia variable `--vscode-secondaryButton-background` it will be white on white!!!
-                    // And to finish these stuff of course Theia mess with the highContrast theme as it does not have any of them.
-                    // Theia colors are a mess!!!!
-                    backgroundColor: 'var(--vscode-button-secondaryBackground, #5f6a79)',
-                    borderColor: 'var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))',
-                    color: 'var(--vscode-button-secondaryForeground, #ffffff)',
-                    ...(props.primary && {
-                        backgroundColor: 'var(--vscode-button-background)',
-                        borderColor: 'var(--vscode-contrastBorder, var(--vscode-button-background))',
-                        color: 'var(--vscode-button-foreground)'
-                    }),
-                    selectors: {
-                        '.ms-Fabric--isFocusVisible &:focus:after': {
-                            outlineColor: 'var(--vscode-focusBorder)',
-                            inset: -3
-                        }
-                    }
-                },
-                flexContainer: {
-                    height: 18
-                },
-                label: {
-                    marginLeft: 0,
-                    marginRight: 0,
-                    fontWeight: 400,
-                    lineHeight: 20,
-                    whiteSpace: 'nowrap'
-                },
-                rootDisabled: {
-                    opacity: '0.5 !important',
-                    // Add to use hard coded value here as Theia doesn't support these values correctly
-                    backgroundColor: 'var(--vscode-button-secondaryBackground,#5f6a79)',
-                    borderColor: 'var(--vscode-button-secondaryBackground, #5f6a79)',
-                    color: 'var(--vscode-button-secondaryForeground, #ffffff)',
-                    ...(props.primary && {
-                        opacity: '0.5 !important',
-                        color: 'var(--vscode-button-foreground)',
-                        backgroundColor: 'var(--vscode-button-background)',
-                        borderColor: 'var(--vscode-button-background)'
-                    })
-                },
-                rootHovered: {
-                    // Add to use hard coded value here as Theia doesn't support these values correctly
-                    color: 'var(--vscode-button-secondaryForeground, #ffffff)',
-                    backgroundColor: 'var(--vscode-button-secondaryHoverBackground, #4c5561)',
-                    borderColor: 'var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))',
-                    selectors: {
-                        'svg > path, svg > rect': {
-                            fill: 'var(--vscode-button-secondaryForeground, #ffffff)'
-                        }
-                    },
-                    ...(props.primary && {
-                        color: 'var(--vscode-button-foreground)',
-                        backgroundColor: 'var(--vscode-button-hoverBackground)',
-                        borderColor: 'var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))',
-                        selectors: {
-                            'svg > path, svg > rect': {
-                                fill: 'var(--vscode-button-foreground)'
-                            }
-                        }
-                    })
-                },
-                icon: {
-                    height: 16,
-                    lineHeight: 16,
-                    marginLeft: -3,
-                    color: 'var(--vscode-button-secondaryForeground)',
-                    selectors: {
-                        'svg > path, svg > rect': {
-                            fill: 'var(--vscode-button-secondaryForeground, #ffffff)'
-                        }
-                    },
-                    ...(props.primary && {
-                        color: 'var(--vscode-button-foreground)',
-                        selectors: {
-                            'svg > path, svg > rect': {
-                                fill: 'var(--vscode-button-foreground)'
-                            }
-                        }
-                    })
-                },
-                menuIcon: {
-                    selectors: {
-                        'svg > path': {
-                            fill: 'var(--vscode-button-secondaryForeground, #ffffff)'
-                        },
-                        ...(props.primary && {
-                            'svg > path': {
-                                fill: 'var(--vscode-button-foreground)'
-                            }
-                        })
-                    }
-                },
-                splitButtonMenuButton: {
-                    padding: 6,
-                    height: 22,
-                    boxSizing: 'border-box',
-                    borderRadius: `0 ${UIInput_1.COMMON_INPUT_STYLES.borderRadius}px ${UIInput_1.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,
-                    borderLeft: 'none',
-                    outline: 'transparent',
-                    userSelect: 'none',
-                    display: 'inline-block',
-                    textDecoration: 'none',
-                    textAlign: 'center',
-                    cursor: 'pointer',
-                    verticalAlign: 'top',
-                    width: 22,
-                    marginLeft: -1,
-                    marginTop: 0,
-                    marginRight: 0,
-                    marginBottom: 0,
-                    backgroundColor: 'var(--vscode-button-background)',
-                    borderColor: 'var(--vscode-contrastBorder, var(--vscode-button-background))',
-                    color: 'var(--vscode-button-foreground)',
-                    selectors: {
-                        '&:hover': {
-                            color: 'var(--vscode-button-foreground)',
-                            backgroundColor: 'var(--vscode-button-hoverBackground)',
-                            borderColor: 'var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))',
-                            selectors: {
-                                'svg > path, svg > rect': {
-                                    fill: 'var(--vscode-button-foreground)'
-                                }
-                            }
-                        }
-                    }
-                },
-                splitButtonMenuButtonDisabled: {
-                    opacity: '0.5 !important',
-                    // Add to use hard coded value here as Theia doesn't support these values correctly
-                    backgroundColor: 'var(--vscode-button-secondaryBackground,#5f6a79)',
-                    borderColor: 'var(--vscode-button-secondaryBackground, #5f6a79)',
-                    color: 'var(--vscode-button-secondaryForeground, #ffffff)',
-                    ...(props.primary && {
-                        color: 'var(--vscode-button-foreground)',
-                        backgroundColor: 'var(--vscode-button-background)',
-                        borderColor: 'var(--vscode-button-background)'
-                    })
-                },
-                splitButtonMenuFocused: {
-                    selectors: {
-                        '&:focus': {
-                            color: 'red'
-                        }
-                    }
-                },
-                splitButtonMenuButtonExpanded: {
-                    color: 'var(--vscode-button-foreground)',
-                    backgroundColor: 'var(--vscode-button-hoverBackground)',
-                    borderColor: 'var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))',
-                    selectors: {
-                        'svg > path, svg > rect': {
-                            fill: 'var(--vscode-button-foreground)'
-                        },
-                        '&:hover': {
-                            color: 'var(--vscode-button-foreground)',
-                            backgroundColor: 'var(--vscode-button-hoverBackground)',
-                            borderColor: 'var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))',
-                            selectors: {
-                                'svg > path, svg > rect': {
-                                    fill: 'var(--vscode-button-foreground)'
-                                }
-                            }
-                        }
-                    }
-                },
-                splitButtonDivider: dividerStyle,
-                splitButtonDividerDisabled: dividerStyle,
-                splitButtonContainerFocused: {
-                    '.ms-Fabric--isFocusVisible &:focus:after': {
-                        border: 'none',
-                        outlineColor: 'var(--vscode-focusBorder)',
-                        inset: -2
-                    }
-                }
-            };
-        };
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        return react_1.default.createElement(react_2.DefaultButton, { ...this.props, styles: this.setStyle(this.props), menuAs: UIContextualMenu_1.UIContextualMenu });
-    }
-}
-exports.UIDefaultButton = UIDefaultButton;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIDefaultButton = exports.BASE_STYLES = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+const UIContextualMenu_1 = require("../UIContextualMenu");
+const UIInput_1 = require("../UIInput");
+exports.BASE_STYLES = {
+    color: 'var(--vscode-button-foreground)',
+    primary: {
+        backgroundColor: 'var(--vscode-button-background)',
+        disabledBorderColor: 'var(--vscode-button-border, var(--vscode-button-background))',
+        borderColor: 'var(--vscode-button-border, var(--vscode-contrastBorder, var(--vscode-button-background)))',
+        hoverBackgroundColor: 'var(--vscode-button-hoverBackground)',
+        hoverBorderColor: 'var(--vscode-contrastActiveBorder, var(--vscode-button-border, var(--vscode-button-hoverBackground)))'
+    },
+    secondary: {
+        backgroundColor: 'var(--vscode-button-secondaryBackground, #5f6a79)',
+        disabledBorderColor: 'var(--vscode-button-border, var(--vscode-button-secondaryBackground, #5f6a79))',
+        borderColor: 'var(--vscode-button-border, var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79)))',
+        hoverBackgroundColor: 'var(--vscode-button-secondaryHoverBackground, #4c5561)',
+        hoverBorderColor: 'var(--vscode-contrastActiveBorder, var(--vscode-button-border, var(--vscode-button-secondaryHoverBackground, #4c5561)))',
+        color: 'var(--vscode-button-secondaryForeground, #ffffff)'
+    }
+};
+/**
+ * UIDefaultButton component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
+ *
+ * @exports
+ * @class UIDefaultButton
+ * @extends {React.Component<IButtonProps, {}>}
+ */
+class UIDefaultButton extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {IButtonProps} props
+     */
+    constructor(props) {
+        super(props);
+        this.setStyle = (props) => {
+            const dividerStyle = {
+                position: 'absolute',
+                width: 1,
+                right: 21,
+                top: 0,
+                bottom: 0,
+                backgroundColor: 'var(--vscode-editor-background)'
+            };
+            return {
+                root: {
+                    minWidth: 'initial',
+                    height: 22,
+                    fontSize: '13px',
+                    fontWeight: 400,
+                    fontFamily: 'var(--vscode-font-family)',
+                    borderRadius: UIInput_1.COMMON_INPUT_STYLES.borderRadius,
+                    paddingLeft: 13,
+                    paddingRight: 13,
+                    // Add to use hard coded value here as Theia doesn't support these values correctly
+                    // as on Theia
+                    // `--vscode-button-secondaryBackground` does not exist and is replaced by:
+                    // `--vscode-secondaryButton-background` = #ffffff
+                    // `--vscode-secondaryButton-foreground` does not exist
+                    // And on VSCode `--vscode-button-secondaryForeground` exist and is equal to `#ffffff`
+                    // So if we use the declare Theia variable `--vscode-secondaryButton-background` it will be white on white!!!
+                    // And to finish these stuff of course Theia mess with the highContrast theme as it does not have any of them.
+                    // Theia colors are a mess!!!!
+                    backgroundColor: exports.BASE_STYLES.secondary.backgroundColor,
+                    borderColor: exports.BASE_STYLES.secondary.borderColor,
+                    color: exports.BASE_STYLES.secondary.color,
+                    ...(props.primary && {
+                        backgroundColor: exports.BASE_STYLES.primary.backgroundColor,
+                        borderColor: exports.BASE_STYLES.primary.borderColor,
+                        color: exports.BASE_STYLES.color
+                    }),
+                    selectors: {
+                        '.ms-Fabric--isFocusVisible &:focus:after': {
+                            outlineColor: 'var(--vscode-focusBorder)',
+                            inset: -3
+                        }
+                    }
+                },
+                flexContainer: {
+                    height: 18
+                },
+                label: {
+                    marginLeft: 0,
+                    marginRight: 0,
+                    fontWeight: 400,
+                    lineHeight: 20,
+                    whiteSpace: 'nowrap'
+                },
+                rootDisabled: {
+                    opacity: '0.5 !important',
+                    // Add to use hard coded value here as Theia doesn't support these values correctly
+                    backgroundColor: exports.BASE_STYLES.secondary.backgroundColor,
+                    borderColor: exports.BASE_STYLES.secondary.disabledBorderColor,
+                    color: exports.BASE_STYLES.secondary.color,
+                    ...(props.primary && {
+                        opacity: '0.5 !important',
+                        color: exports.BASE_STYLES.color,
+                        backgroundColor: exports.BASE_STYLES.primary.backgroundColor,
+                        borderColor: exports.BASE_STYLES.primary.disabledBorderColor
+                    })
+                },
+                rootHovered: {
+                    // Add to use hard coded value here as Theia doesn't support these values correctly
+                    color: exports.BASE_STYLES.secondary.color,
+                    backgroundColor: exports.BASE_STYLES.secondary.hoverBackgroundColor,
+                    borderColor: exports.BASE_STYLES.secondary.hoverBorderColor,
+                    selectors: {
+                        'svg > path, svg > rect': {
+                            fill: exports.BASE_STYLES.secondary.color
+                        }
+                    },
+                    ...(props.primary && {
+                        color: exports.BASE_STYLES.color,
+                        backgroundColor: exports.BASE_STYLES.primary.hoverBackgroundColor,
+                        borderColor: exports.BASE_STYLES.primary.hoverBorderColor,
+                        selectors: {
+                            'svg > path, svg > rect': {
+                                fill: exports.BASE_STYLES.color
+                            }
+                        }
+                    })
+                },
+                icon: {
+                    height: 16,
+                    lineHeight: 16,
+                    marginLeft: -3,
+                    color: exports.BASE_STYLES.secondary.color,
+                    selectors: {
+                        'svg > path, svg > rect': {
+                            fill: exports.BASE_STYLES.secondary.color
+                        }
+                    },
+                    ...(props.primary && {
+                        color: exports.BASE_STYLES.color,
+                        selectors: {
+                            'svg > path, svg > rect': {
+                                fill: exports.BASE_STYLES.color
+                            }
+                        }
+                    })
+                },
+                menuIcon: {
+                    selectors: {
+                        'svg > path': {
+                            fill: exports.BASE_STYLES.secondary.color
+                        },
+                        ...(props.primary && {
+                            'svg > path': {
+                                fill: exports.BASE_STYLES.color
+                            }
+                        })
+                    }
+                },
+                splitButtonMenuButton: {
+                    padding: 6,
+                    height: 22,
+                    boxSizing: 'border-box',
+                    borderRadius: `0 ${UIInput_1.COMMON_INPUT_STYLES.borderRadius}px ${UIInput_1.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,
+                    borderLeft: 'none',
+                    outline: 'transparent',
+                    userSelect: 'none',
+                    display: 'inline-block',
+                    textDecoration: 'none',
+                    textAlign: 'center',
+                    cursor: 'pointer',
+                    verticalAlign: 'top',
+                    width: 22,
+                    marginLeft: -1,
+                    marginTop: 0,
+                    marginRight: 0,
+                    marginBottom: 0,
+                    backgroundColor: exports.BASE_STYLES.primary.backgroundColor,
+                    borderColor: exports.BASE_STYLES.primary.borderColor,
+                    color: exports.BASE_STYLES.color,
+                    selectors: {
+                        '&:hover': {
+                            color: exports.BASE_STYLES.color,
+                            backgroundColor: 'var(--vscode-button-hoverBackground)',
+                            borderColor: 'var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))',
+                            selectors: {
+                                'svg > path, svg > rect': {
+                                    fill: exports.BASE_STYLES.color
+                                }
+                            }
+                        }
+                    }
+                },
+                splitButtonMenuButtonDisabled: {
+                    opacity: '0.5 !important',
+                    // Add to use hard coded value here as Theia doesn't support these values correctly
+                    backgroundColor: 'var(--vscode-button-secondaryBackground,#5f6a79)',
+                    borderColor: exports.BASE_STYLES.secondary.backgroundColor,
+                    color: exports.BASE_STYLES.secondary.color,
+                    ...(props.primary && {
+                        color: exports.BASE_STYLES.color,
+                        backgroundColor: exports.BASE_STYLES.primary.backgroundColor,
+                        borderColor: 'var(--vscode-button-background)'
+                    })
+                },
+                splitButtonMenuFocused: {
+                    selectors: {
+                        '&:focus': {
+                            color: 'red'
+                        }
+                    }
+                },
+                splitButtonMenuButtonExpanded: {
+                    color: exports.BASE_STYLES.color,
+                    backgroundColor: 'var(--vscode-button-hoverBackground)',
+                    borderColor: 'var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))',
+                    selectors: {
+                        'svg > path, svg > rect': {
+                            fill: exports.BASE_STYLES.color
+                        },
+                        '&:hover': {
+                            color: exports.BASE_STYLES.color,
+                            backgroundColor: 'var(--vscode-button-hoverBackground)',
+                            borderColor: 'var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))',
+                            selectors: {
+                                'svg > path, svg > rect': {
+                                    fill: exports.BASE_STYLES.color
+                                }
+                            }
+                        }
+                    }
+                },
+                splitButtonDivider: dividerStyle,
+                splitButtonDividerDisabled: dividerStyle,
+                splitButtonContainerFocused: {
+                    '.ms-Fabric--isFocusVisible &:focus:after': {
+                        border: 'none',
+                        outlineColor: 'var(--vscode-focusBorder)',
+                        inset: -2
+                    }
+                }
+            };
+        };
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        return react_1.default.createElement(react_2.DefaultButton, { ...this.props, styles: this.setStyle(this.props), menuAs: UIContextualMenu_1.UIContextualMenu });
+    }
+}
+exports.UIDefaultButton = UIDefaultButton;
 //# sourceMappingURL=UIDefaultButton.js.map

package/dist/components/UIButton/UIDefaultButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UIDefaultButton.js","sourceRoot":"","sources":["../../../src/components/UIButton/UIDefaultButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UIDefaultButton.js","sourceRoot":"","sources":["../../../src/components/UIButton/UIDefaultButton.tsx"],"names":[],"mappings":"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"}

package/dist/components/UIButton/UIIconButton.d.ts

@@ -1,38 +1,38 @@
-import React from 'react';
-import type { IButtonProps as IBaseButtonProps, IButtonStyles } from '@fluentui/react';
-export declare enum UIIconButtonSizes {
-    Default = "Default",
-    Wide = "Wide"
-}
-export interface ButtonProps extends IBaseButtonProps {
-    sizeType?: UIIconButtonSizes;
-}
-/**
- * UIIconButton component.
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
- *
- * @exports
- * @class UIIconButton
- * @extends {React.Component<ButtonProps, {}>}
- */
-export declare class UIIconButton extends React.Component<ButtonProps, {}> {
-    /**
-     * Initializes component properties.
-     *
-     * @param {ButtonProps} props
-     */
-    constructor(props: ButtonProps);
-    /**
-     * Method which returns button interaction background with including fallback for old VSCode or BAS versions.
-     *
-     * @param {string} color First choise color.
-     * @returns {string} CSS value for background color with fallback.
-     */
-    private getButtonInteractionBackgroundColor;
-    protected setStyle: (props: ButtonProps) => IButtonStyles;
-    /**
-     * @returns {JSX.Element}
-     */
-    render(): JSX.Element;
-}
+import React from 'react';
+import type { IButtonProps as IBaseButtonProps, IButtonStyles } from '@fluentui/react';
+export declare enum UIIconButtonSizes {
+    Default = "Default",
+    Wide = "Wide"
+}
+export interface ButtonProps extends IBaseButtonProps {
+    sizeType?: UIIconButtonSizes;
+}
+/**
+ * UIIconButton component.
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
+ *
+ * @exports
+ * @class UIIconButton
+ * @extends {React.Component<ButtonProps, {}>}
+ */
+export declare class UIIconButton extends React.Component<ButtonProps, {}> {
+    /**
+     * Initializes component properties.
+     *
+     * @param {ButtonProps} props
+     */
+    constructor(props: ButtonProps);
+    /**
+     * Method which returns button interaction background with including fallback for old VSCode or BAS versions.
+     *
+     * @param {string} color First choise color.
+     * @returns {string} CSS value for background color with fallback.
+     */
+    private getButtonInteractionBackgroundColor;
+    protected setStyle: (props: ButtonProps) => IButtonStyles;
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=UIIconButton.d.ts.map