@sap-ux/ui-components 1.14.1 → 1.15.0

package/dist/components/UIBreadcrumb/UIBreadcrumb.js

@@ -1,39 +1,39 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIBreadcrumb = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-/**
- * UIBreadcrumb component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/breadcrumb
- *
- * @exports
- * @class UIBreadcrumb
- * @extends {React.Component<IBreadcrumbProps, {}>}
- */
-class UIBreadcrumb extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {IBreadcrumbProps} props
-     */
-    constructor(props) {
-        super(props);
-        this.setStyle = () => ({
-            ...{
-                root: {}
-            }
-        });
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        return react_1.default.createElement(react_2.Breadcrumb, { ...this.props });
-    }
-}
-exports.UIBreadcrumb = UIBreadcrumb;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIBreadcrumb = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+/**
+ * UIBreadcrumb component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/breadcrumb
+ *
+ * @exports
+ * @class UIBreadcrumb
+ * @extends {React.Component<IBreadcrumbProps, {}>}
+ */
+class UIBreadcrumb extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {IBreadcrumbProps} props
+     */
+    constructor(props) {
+        super(props);
+        this.setStyle = () => ({
+            ...{
+                root: {}
+            }
+        });
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        return react_1.default.createElement(react_2.Breadcrumb, { ...this.props });
+    }
+}
+exports.UIBreadcrumb = UIBreadcrumb;
 //# sourceMappingURL=UIBreadcrumb.js.map

package/dist/components/UIBreadcrumb/index.d.ts

@@ -1,2 +1,2 @@
-export * from './UIBreadcrumb';
+export * from './UIBreadcrumb';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/UIBreadcrumb/index.js

@@ -1,18 +1,18 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./UIBreadcrumb"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./UIBreadcrumb"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,24 +1,24 @@
-import React from 'react';
-import type { IButtonProps, IButtonStyles } from '@fluentui/react';
-/**
- * UIActionButton component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
- *
- * @exports
- * @class UIActionButton
- * @extends {React.Component<IButtonProps, {}>}
- */
-export declare class UIActionButton extends React.Component<IButtonProps, {}> {
-    /**
-     * Initializes component properties.
-     *
-     * @param {IButtonProps} props
-     */
-    constructor(props: IButtonProps);
-    protected setStyle: () => IButtonStyles;
-    /**
-     * @returns {JSX.Element}
-     */
-    render(): JSX.Element;
-}
+import React from 'react';
+import type { IButtonProps, IButtonStyles } from '@fluentui/react';
+/**
+ * UIActionButton component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
+ *
+ * @exports
+ * @class UIActionButton
+ * @extends {React.Component<IButtonProps, {}>}
+ */
+export declare class UIActionButton extends React.Component<IButtonProps, {}> {
+    /**
+     * Initializes component properties.
+     *
+     * @param {IButtonProps} props
+     */
+    constructor(props: IButtonProps);
+    protected setStyle: () => IButtonStyles;
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=UIActionButton.d.ts.map

package/dist/components/UIButton/UIActionButton.js

@@ -1,90 +1,90 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIActionButton = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-const UIContextualMenu_1 = require("../UIContextualMenu");
-/**
- * UIActionButton component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
- *
- * @exports
- * @class UIActionButton
- * @extends {React.Component<IButtonProps, {}>}
- */
-class UIActionButton extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {IButtonProps} props
-     */
-    constructor(props) {
-        super(props);
-        this.setStyle = () => {
-            return {
-                root: {
-                    minWidth: 'initial',
-                    height: 22,
-                    fontSize: '13px',
-                    fontWeight: 400,
-                    color: 'var(--vscode-foreground)',
-                    borderRadius: 0,
-                    whiteSpace: 'nowrap',
-                    backgroundColor: 'transparent',
-                    selectors: {
-                        '&:active': {
-                            textDecoration: 'underline'
-                        },
-                        // Focus through tab navigation
-                        '.ms-Fabric--isFocusVisible &:focus:after': {
-                            outline: '1px solid var(--vscode-focusBorder)'
-                        }
-                    }
-                },
-                label: {
-                    marginLeft: 0,
-                    marginRight: 0,
-                    fontSize: '13px',
-                    fontWeight: 400,
-                    fontFamily: 'var(--vscode-font-family)'
-                },
-                rootDisabled: {
-                    backgroundColor: 'transparent',
-                    color: 'var(--vscode-foreground)',
-                    opacity: '0.4',
-                    pointerEvents: 'none'
-                },
-                rootHovered: {
-                    color: 'var(--vscode-foreground)',
-                    textDecoration: 'underline',
-                    backgroundColor: 'transparent',
-                    selectors: {
-                        color: 'var(--vscode-foreground)'
-                    }
-                },
-                icon: {
-                    height: 16,
-                    lineHeight: 16,
-                    marginLeft: -3,
-                    position: 'relative',
-                    top: 1
-                },
-                menuIcon: {
-                    position: 'relative',
-                    top: 1
-                }
-            };
-        };
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        return react_1.default.createElement(react_2.ActionButton, { ...this.props, styles: this.setStyle(), menuAs: UIContextualMenu_1.UIContextualMenu });
-    }
-}
-exports.UIActionButton = UIActionButton;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIActionButton = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+const UIContextualMenu_1 = require("../UIContextualMenu");
+/**
+ * UIActionButton component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
+ *
+ * @exports
+ * @class UIActionButton
+ * @extends {React.Component<IButtonProps, {}>}
+ */
+class UIActionButton extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {IButtonProps} props
+     */
+    constructor(props) {
+        super(props);
+        this.setStyle = () => {
+            return {
+                root: {
+                    minWidth: 'initial',
+                    height: 22,
+                    fontSize: '13px',
+                    fontWeight: 400,
+                    color: 'var(--vscode-foreground)',
+                    borderRadius: 0,
+                    whiteSpace: 'nowrap',
+                    backgroundColor: 'transparent',
+                    selectors: {
+                        '&:active': {
+                            textDecoration: 'underline'
+                        },
+                        // Focus through tab navigation
+                        '.ms-Fabric--isFocusVisible &:focus:after': {
+                            outline: '1px solid var(--vscode-focusBorder)'
+                        }
+                    }
+                },
+                label: {
+                    marginLeft: 0,
+                    marginRight: 0,
+                    fontSize: '13px',
+                    fontWeight: 400,
+                    fontFamily: 'var(--vscode-font-family)'
+                },
+                rootDisabled: {
+                    backgroundColor: 'transparent',
+                    color: 'var(--vscode-foreground)',
+                    opacity: '0.4',
+                    pointerEvents: 'none'
+                },
+                rootHovered: {
+                    color: 'var(--vscode-foreground)',
+                    textDecoration: 'underline',
+                    backgroundColor: 'transparent',
+                    selectors: {
+                        color: 'var(--vscode-foreground)'
+                    }
+                },
+                icon: {
+                    height: 16,
+                    lineHeight: 16,
+                    marginLeft: -3,
+                    position: 'relative',
+                    top: 1
+                },
+                menuIcon: {
+                    position: 'relative',
+                    top: 1
+                }
+            };
+        };
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        return react_1.default.createElement(react_2.ActionButton, { ...this.props, styles: this.setStyle(), menuAs: UIContextualMenu_1.UIContextualMenu });
+    }
+}
+exports.UIActionButton = UIActionButton;
 //# sourceMappingURL=UIActionButton.js.map

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

@@ -1,42 +1,42 @@
-import React from 'react';
-import type { IButtonProps, IButtonStyles } from '@fluentui/react';
-export declare const BASE_STYLES: {
-    color: string;
-    primary: {
-        backgroundColor: string;
-        disabledBorderColor: string;
-        borderColor: string;
-        hoverBackgroundColor: string;
-        hoverBorderColor: string;
-    };
-    secondary: {
-        backgroundColor: string;
-        disabledBorderColor: string;
-        borderColor: string;
-        hoverBackgroundColor: string;
-        hoverBorderColor: string;
-        color: string;
-    };
-};
-/**
- * UIDefaultButton component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
- *
- * @exports
- * @class UIDefaultButton
- * @extends {React.Component<IButtonProps, {}>}
- */
-export declare class UIDefaultButton extends React.Component<IButtonProps, {}> {
-    /**
-     * Initializes component properties.
-     *
-     * @param {IButtonProps} props
-     */
-    constructor(props: IButtonProps);
-    protected setStyle: (props: IButtonProps) => IButtonStyles;
-    /**
-     * @returns {JSX.Element}
-     */
-    render(): JSX.Element;
-}
+import React from 'react';
+import type { IButtonProps, IButtonStyles } from '@fluentui/react';
+export declare const BASE_STYLES: {
+    color: string;
+    primary: {
+        backgroundColor: string;
+        disabledBorderColor: string;
+        borderColor: string;
+        hoverBackgroundColor: string;
+        hoverBorderColor: string;
+    };
+    secondary: {
+        backgroundColor: string;
+        disabledBorderColor: string;
+        borderColor: string;
+        hoverBackgroundColor: string;
+        hoverBorderColor: string;
+        color: string;
+    };
+};
+/**
+ * UIDefaultButton component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
+ *
+ * @exports
+ * @class UIDefaultButton
+ * @extends {React.Component<IButtonProps, {}>}
+ */
+export declare class UIDefaultButton extends React.Component<IButtonProps, {}> {
+    /**
+     * Initializes component properties.
+     *
+     * @param {IButtonProps} props
+     */
+    constructor(props: IButtonProps);
+    protected setStyle: (props: IButtonProps) => IButtonStyles;
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=UIDefaultButton.d.ts.map