first commit

node_modules/@fluentui/react/lib/components/Button/CommandBarButton/CommandBarButton.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { IButtonProps } from '../Button.types';
+import type { JSXElement } from '@fluentui/utilities';
+/**
+ * {@docCategory Button}
+ */
+export declare class CommandBarButton extends React.Component<IButtonProps, {}> {
+    render(): JSXElement;
+}

node_modules/@fluentui/react/lib/components/Button/CommandBarButton/CommandBarButton.js

@@ -0,0 +1,24 @@
+import { __assign, __decorate, __extends } from "tslib";
+import * as React from 'react';
+import { BaseButton } from '../BaseButton';
+import { customizable, nullRender } from '../../../Utilities';
+import { getStyles } from './CommandBarButton.styles';
+/**
+ * {@docCategory Button}
+ */
+var CommandBarButton = /** @class */ (function (_super) {
+    __extends(CommandBarButton, _super);
+    function CommandBarButton() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    CommandBarButton.prototype.render = function () {
+        var _a = this.props, styles = _a.styles, theme = _a.theme;
+        return (React.createElement(BaseButton, __assign({}, this.props, { variantClassName: "ms-Button--commandBar", styles: getStyles(theme, styles), onRenderDescription: nullRender })));
+    };
+    CommandBarButton = __decorate([
+        customizable('CommandBarButton', ['theme', 'styles'], true)
+    ], CommandBarButton);
+    return CommandBarButton;
+}(React.Component));
+export { CommandBarButton };
+//# sourceMappingURL=CommandBarButton.js.map

node_modules/@fluentui/react/lib/components/Button/CommandBarButton/CommandBarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandBarButton.js","sourceRoot":"../src/","sources":["components/Button/CommandBarButton/CommandBarButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAKtD;;GAEG;AAEH;IAAsC,oCAAiC;IAAvE;;IAaA,CAAC;IAZQ,iCAAM,GAAb;QACQ,IAAA,KAAoB,IAAI,CAAC,KAAK,EAA5B,MAAM,YAAA,EAAE,KAAK,WAAe,CAAC;QAErC,OAAO,CACL,oBAAC,UAAU,eACL,IAAI,CAAC,KAAK,IACd,gBAAgB,EAAC,uBAAuB,EACxC,MAAM,EAAE,SAAS,CAAC,KAAM,EAAE,MAAM,CAAC,EACjC,mBAAmB,EAAE,UAAU,IAC/B,CACH,CAAC;IACJ,CAAC;IAZU,gBAAgB;QAD5B,YAAY,CAAC,kBAAkB,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,IAAI,CAAC;OAC/C,gBAAgB,CAa5B;IAAD,uBAAC;CAAA,AAbD,CAAsC,KAAK,CAAC,SAAS,GAapD;SAbY,gBAAgB","sourcesContent":["import * as React from 'react';\nimport { BaseButton } from '../BaseButton';\nimport { customizable, nullRender } from '../../../Utilities';\nimport { getStyles } from './CommandBarButton.styles';\nimport type { IButtonProps } from '../Button.types';\n\nimport type { JSXElement } from '@fluentui/utilities';\n\n/**\n * {@docCategory Button}\n */\n@customizable('CommandBarButton', ['theme', 'styles'], true)\nexport class CommandBarButton extends React.Component<IButtonProps, {}> {\n  public render(): JSXElement {\n    const { styles, theme } = this.props;\n\n    return (\n      <BaseButton\n        {...this.props}\n        variantClassName=\"ms-Button--commandBar\"\n        styles={getStyles(theme!, styles)}\n        onRenderDescription={nullRender}\n      />\n    );\n  }\n}\n"]}

node_modules/@fluentui/react/lib/components/Button/CommandBarButton/CommandBarButton.styles.d.ts

@@ -0,0 +1,3 @@
+import type { IButtonStyles } from '../Button.types';
+import type { ITheme } from '../../../Styling';
+export declare const getStyles: (theme: ITheme, customStyles?: IButtonStyles, focusInset?: string, focusColor?: string) => IButtonStyles;

node_modules/@fluentui/react/lib/components/Button/CommandBarButton/CommandBarButton.styles.js

@@ -0,0 +1,188 @@
+import { __assign } from "tslib";
+import { concatStyleSets, getFocusStyle, HighContrastSelector, getHighContrastNoAdjustStyle } from '../../../Styling';
+import { memoizeFunction } from '../../../Utilities';
+import { getStyles as getBaseButtonStyles } from '../BaseButton.styles';
+import { getStyles as getSplitButtonStyles } from '../SplitButton/SplitButton.styles';
+import { ButtonGlobalClassNames } from '../BaseButton.classNames';
+export var getStyles = memoizeFunction(function (theme, customStyles, focusInset, focusColor) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var baseButtonStyles = getBaseButtonStyles(theme);
+    var baseSplitButtonStyles = getSplitButtonStyles(theme);
+    var p = theme.palette, semanticColors = theme.semanticColors;
+    var commandButtonHighContrastFocus = {
+        left: 4,
+        top: 4,
+        bottom: 4,
+        right: 4,
+        border: 'none',
+    };
+    var commandButtonStyles = {
+        root: [
+            getFocusStyle(theme, {
+                inset: 2,
+                highContrastStyle: commandButtonHighContrastFocus,
+                borderColor: 'transparent',
+            }),
+            theme.fonts.medium,
+            (_a = {
+                    minWidth: '40px',
+                    backgroundColor: p.white,
+                    color: p.neutralPrimary,
+                    padding: '0 4px',
+                    border: 'none',
+                    borderRadius: 0
+                },
+                _a[HighContrastSelector] = {
+                    border: 'none',
+                },
+                _a),
+        ],
+        rootHovered: (_b = {
+                backgroundColor: p.neutralLighter,
+                color: p.neutralDark
+            },
+            _b[HighContrastSelector] = {
+                color: 'Highlight',
+            },
+            _b[".".concat(ButtonGlobalClassNames.msButtonIcon)] = {
+                color: p.themeDarkAlt,
+            },
+            _b[".".concat(ButtonGlobalClassNames.msButtonMenuIcon)] = {
+                color: p.neutralPrimary,
+            },
+            _b),
+        rootPressed: (_c = {
+                backgroundColor: p.neutralLight,
+                color: p.neutralDark
+            },
+            _c[".".concat(ButtonGlobalClassNames.msButtonIcon)] = {
+                color: p.themeDark,
+            },
+            _c[".".concat(ButtonGlobalClassNames.msButtonMenuIcon)] = {
+                color: p.neutralPrimary,
+            },
+            _c),
+        rootChecked: (_d = {
+                backgroundColor: p.neutralLight,
+                color: p.neutralDark
+            },
+            _d[".".concat(ButtonGlobalClassNames.msButtonIcon)] = {
+                color: p.themeDark,
+            },
+            _d[".".concat(ButtonGlobalClassNames.msButtonMenuIcon)] = {
+                color: p.neutralPrimary,
+            },
+            _d),
+        rootCheckedHovered: (_e = {
+                backgroundColor: p.neutralQuaternaryAlt
+            },
+            _e[".".concat(ButtonGlobalClassNames.msButtonIcon)] = {
+                color: p.themeDark,
+            },
+            _e[".".concat(ButtonGlobalClassNames.msButtonMenuIcon)] = {
+                color: p.neutralPrimary,
+            },
+            _e),
+        rootExpanded: (_f = {
+                backgroundColor: p.neutralLight,
+                color: p.neutralDark
+            },
+            _f[".".concat(ButtonGlobalClassNames.msButtonIcon)] = {
+                color: p.themeDark,
+            },
+            _f[".".concat(ButtonGlobalClassNames.msButtonMenuIcon)] = {
+                color: p.neutralPrimary,
+            },
+            _f),
+        rootExpandedHovered: {
+            backgroundColor: p.neutralQuaternaryAlt,
+        },
+        rootDisabled: (_g = {
+                backgroundColor: p.white
+            },
+            _g[".".concat(ButtonGlobalClassNames.msButtonIcon)] = (_h = {
+                    color: semanticColors.disabledBodySubtext
+                },
+                _h[HighContrastSelector] = __assign({ color: 'GrayText' }, getHighContrastNoAdjustStyle()),
+                _h),
+            _g[HighContrastSelector] = __assign({ color: 'GrayText', backgroundColor: 'Window' }, getHighContrastNoAdjustStyle()),
+            _g),
+        // Split button styles
+        splitButtonContainer: (_j = {
+                height: '100%'
+            },
+            _j[HighContrastSelector] = {
+                border: 'none',
+            },
+            _j),
+        splitButtonDividerDisabled: (_k = {},
+            _k[HighContrastSelector] = {
+                backgroundColor: 'Window',
+            },
+            _k),
+        splitButtonDivider: {
+            backgroundColor: p.neutralTertiaryAlt,
+        },
+        splitButtonMenuButton: {
+            backgroundColor: p.white,
+            border: 'none',
+            borderTopRightRadius: '0',
+            borderBottomRightRadius: '0',
+            color: p.neutralSecondary,
+            ':hover': (_l = {
+                    backgroundColor: p.neutralLighter,
+                    color: p.neutralDark
+                },
+                _l[HighContrastSelector] = {
+                    color: 'Highlight',
+                },
+                _l[".".concat(ButtonGlobalClassNames.msButtonIcon)] = {
+                    color: p.neutralPrimary,
+                },
+                _l),
+            ':active': (_m = {
+                    backgroundColor: p.neutralLight
+                },
+                _m[".".concat(ButtonGlobalClassNames.msButtonIcon)] = {
+                    color: p.neutralPrimary,
+                },
+                _m),
+        },
+        splitButtonMenuButtonDisabled: (_o = {
+                backgroundColor: p.white
+            },
+            _o[HighContrastSelector] = __assign({ color: 'GrayText', border: 'none', backgroundColor: 'Window' }, getHighContrastNoAdjustStyle()),
+            _o),
+        splitButtonMenuButtonChecked: {
+            backgroundColor: p.neutralLight,
+            color: p.neutralDark,
+            ':hover': {
+                backgroundColor: p.neutralQuaternaryAlt,
+            },
+        },
+        splitButtonMenuButtonExpanded: {
+            backgroundColor: p.neutralLight,
+            color: p.black,
+            ':hover': {
+                backgroundColor: p.neutralQuaternaryAlt,
+            },
+        },
+        splitButtonMenuIcon: {
+            color: p.neutralPrimary,
+        },
+        splitButtonMenuIconDisabled: {
+            color: p.neutralTertiary,
+        },
+        label: {
+            fontWeight: 'normal', // theme.fontWeights.semibold,
+        },
+        icon: {
+            color: p.themePrimary,
+        },
+        menuIcon: {
+            color: p.neutralSecondary,
+        },
+    };
+    return concatStyleSets(baseButtonStyles, baseSplitButtonStyles, commandButtonStyles, customStyles);
+});
+//# sourceMappingURL=CommandBarButton.styles.js.map