first commit

node_modules/@fluentui/react/lib/components/Button/SplitButton/SplitButton.classNames.d.ts

@@ -0,0 +1,12 @@
+import type { IButtonStyles } from '../Button.types';
+export interface ISplitButtonClassNames {
+    root?: string;
+    icon?: string;
+    splitButtonContainer?: string;
+    flexContainer?: string;
+    divider?: string;
+}
+export declare const SplitButtonGlobalClassNames: {
+    msSplitButtonDivider: string;
+};
+export declare const getSplitButtonClassNames: (styles: IButtonStyles, disabled: boolean, expanded: boolean, checked: boolean, primaryDisabled?: boolean) => ISplitButtonClassNames;

node_modules/@fluentui/react/lib/components/Button/SplitButton/SplitButton.classNames.js

@@ -0,0 +1,32 @@
+import { memoizeFunction } from '../../../Utilities';
+import { mergeStyles } from '../../../Styling';
+export var SplitButtonGlobalClassNames = {
+    msSplitButtonDivider: 'ms-SplitButton-divider',
+};
+export var getSplitButtonClassNames = memoizeFunction(function (styles, disabled, expanded, checked, primaryDisabled) {
+    return {
+        root: mergeStyles(styles.splitButtonMenuButton, expanded && [styles.splitButtonMenuButtonExpanded], disabled && [styles.splitButtonMenuButtonDisabled], checked && !disabled && [styles.splitButtonMenuButtonChecked], primaryDisabled &&
+            !disabled && [
+            {
+                ':focus': styles.splitButtonMenuFocused,
+            },
+        ]),
+        splitButtonContainer: mergeStyles(styles.splitButtonContainer, !disabled &&
+            checked && [
+            styles.splitButtonContainerChecked,
+            {
+                ':hover': styles.splitButtonContainerCheckedHovered,
+            },
+        ], !disabled &&
+            !checked && [
+            {
+                ':hover': styles.splitButtonContainerHovered,
+                ':focus': styles.splitButtonContainerFocused,
+            },
+        ], disabled && styles.splitButtonContainerDisabled),
+        icon: mergeStyles(styles.splitButtonMenuIcon, disabled && styles.splitButtonMenuIconDisabled, !disabled && primaryDisabled && styles.splitButtonMenuIcon),
+        flexContainer: mergeStyles(styles.splitButtonFlexContainer),
+        divider: mergeStyles(SplitButtonGlobalClassNames.msSplitButtonDivider, styles.splitButtonDivider, (primaryDisabled || disabled) && styles.splitButtonDividerDisabled),
+    };
+});
+//# sourceMappingURL=SplitButton.classNames.js.map

node_modules/@fluentui/react/lib/components/Button/SplitButton/SplitButton.classNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.classNames.js","sourceRoot":"../src/","sources":["components/Button/SplitButton/SplitButton.classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAW/C,MAAM,CAAC,IAAM,2BAA2B,GAAG;IACzC,oBAAoB,EAAE,wBAAwB;CAC/C,CAAC;AAEF,MAAM,CAAC,IAAM,wBAAwB,GAAG,eAAe,CACrD,UACE,MAAqB,EACrB,QAAiB,EACjB,QAAiB,EACjB,OAAgB,EAChB,eAAyB;IAEzB,OAAO;QACL,IAAI,EAAE,WAAW,CACf,MAAM,CAAC,qBAAqB,EAC5B,QAAQ,IAAI,CAAC,MAAM,CAAC,6BAA6B,CAAC,EAClD,QAAQ,IAAI,CAAC,MAAM,CAAC,6BAA6B,CAAC,EAClD,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,4BAA4B,CAAC,EAC7D,eAAe;YACb,CAAC,QAAQ,IAAI;YACX;gBACE,QAAQ,EAAE,MAAM,CAAC,sBAAsB;aACxC;SACF,CACJ;QAED,oBAAoB,EAAE,WAAW,CAC/B,MAAM,CAAC,oBAAoB,EAC3B,CAAC,QAAQ;YACP,OAAO,IAAI;YACT,MAAM,CAAC,2BAA2B;YAClC;gBACE,QAAQ,EAAE,MAAM,CAAC,kCAAkC;aACpD;SACF,EACH,CAAC,QAAQ;YACP,CAAC,OAAO,IAAI;YACV;gBACE,QAAQ,EAAE,MAAM,CAAC,2BAA2B;gBAC5C,QAAQ,EAAE,MAAM,CAAC,2BAA2B;aAC7C;SACF,EACH,QAAQ,IAAI,MAAM,CAAC,4BAA4B,CAChD;QAED,IAAI,EAAE,WAAW,CACf,MAAM,CAAC,mBAAmB,EAC1B,QAAQ,IAAI,MAAM,CAAC,2BAA2B,EAC9C,CAAC,QAAQ,IAAI,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAC3D;QAED,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC;QAE3D,OAAO,EAAE,WAAW,CAClB,2BAA2B,CAAC,oBAAoB,EAChD,MAAM,CAAC,kBAAkB,EACzB,CAAC,eAAe,IAAI,QAAQ,CAAC,IAAI,MAAM,CAAC,0BAA0B,CACnE;KACF,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import { memoizeFunction } from '../../../Utilities';\nimport { mergeStyles } from '../../../Styling';\nimport type { IButtonStyles } from '../Button.types';\n\nexport interface ISplitButtonClassNames {\n  root?: string;\n  icon?: string;\n  splitButtonContainer?: string;\n  flexContainer?: string;\n  divider?: string;\n}\n\nexport const SplitButtonGlobalClassNames = {\n  msSplitButtonDivider: 'ms-SplitButton-divider',\n};\n\nexport const getSplitButtonClassNames = memoizeFunction(\n  (\n    styles: IButtonStyles,\n    disabled: boolean,\n    expanded: boolean,\n    checked: boolean,\n    primaryDisabled?: boolean,\n  ): ISplitButtonClassNames => {\n    return {\n      root: mergeStyles(\n        styles.splitButtonMenuButton,\n        expanded && [styles.splitButtonMenuButtonExpanded],\n        disabled && [styles.splitButtonMenuButtonDisabled],\n        checked && !disabled && [styles.splitButtonMenuButtonChecked],\n        primaryDisabled &&\n          !disabled && [\n            {\n              ':focus': styles.splitButtonMenuFocused,\n            },\n          ],\n      ),\n\n      splitButtonContainer: mergeStyles(\n        styles.splitButtonContainer,\n        !disabled &&\n          checked && [\n            styles.splitButtonContainerChecked,\n            {\n              ':hover': styles.splitButtonContainerCheckedHovered,\n            },\n          ],\n        !disabled &&\n          !checked && [\n            {\n              ':hover': styles.splitButtonContainerHovered,\n              ':focus': styles.splitButtonContainerFocused,\n            },\n          ],\n        disabled && styles.splitButtonContainerDisabled,\n      ),\n\n      icon: mergeStyles(\n        styles.splitButtonMenuIcon,\n        disabled && styles.splitButtonMenuIconDisabled,\n        !disabled && primaryDisabled && styles.splitButtonMenuIcon,\n      ),\n\n      flexContainer: mergeStyles(styles.splitButtonFlexContainer),\n\n      divider: mergeStyles(\n        SplitButtonGlobalClassNames.msSplitButtonDivider,\n        styles.splitButtonDivider,\n        (primaryDisabled || disabled) && styles.splitButtonDividerDisabled,\n      ),\n    };\n  },\n);\n"]}

node_modules/@fluentui/react/lib/components/Button/SplitButton/SplitButton.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) => IButtonStyles;

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

@@ -0,0 +1,213 @@
+import { __assign } from "tslib";
+import { HighContrastSelector, concatStyleSets, getFocusStyle, getHighContrastNoAdjustStyle } from '../../../Styling';
+import { memoizeFunction } from '../../../Utilities';
+export var getStyles = memoizeFunction(function (theme, customStyles) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    var effects = theme.effects, palette = theme.palette, semanticColors = theme.semanticColors;
+    var buttonHighContrastFocus = {
+        left: -2,
+        top: -2,
+        bottom: -2,
+        right: -2,
+        border: 'none',
+    };
+    var splitButtonDividerBaseStyles = {
+        position: 'absolute',
+        width: 1,
+        right: 31,
+        top: 8,
+        bottom: 8,
+    };
+    var splitButtonStyles = {
+        splitButtonContainer: [
+            getFocusStyle(theme, { highContrastStyle: buttonHighContrastFocus, inset: 2, pointerEvents: 'none' }),
+            {
+                display: 'inline-flex',
+                '.ms-Button--default': {
+                    borderTopRightRadius: '0',
+                    borderBottomRightRadius: '0',
+                    borderRight: 'none',
+                    flexGrow: '1',
+                },
+                '.ms-Button--primary': (_a = {
+                        borderTopRightRadius: '0',
+                        borderBottomRightRadius: '0',
+                        border: 'none',
+                        flexGrow: '1',
+                        ':hover': {
+                            border: 'none',
+                        },
+                        ':active': {
+                            border: 'none',
+                        }
+                    },
+                    _a[HighContrastSelector] = __assign(__assign({ color: 'WindowText', backgroundColor: 'Window', border: '1px solid WindowText', borderRightWidth: '0' }, getHighContrastNoAdjustStyle()), { ':hover': {
+                            backgroundColor: 'Highlight',
+                            border: '1px solid Highlight',
+                            borderRightWidth: '0',
+                            color: 'HighlightText',
+                        }, ':active': {
+                            border: '1px solid Highlight',
+                        } }),
+                    _a),
+                '.ms-Button--default + .ms-Button': (_b = {},
+                    _b[HighContrastSelector] = {
+                        border: '1px solid WindowText',
+                        borderLeftWidth: '0',
+                        ':hover': {
+                            backgroundColor: 'HighlightText',
+                            borderColor: 'Highlight',
+                            color: 'Highlight',
+                            '.ms-Button-menuIcon': __assign({ backgroundColor: 'HighlightText', color: 'Highlight' }, getHighContrastNoAdjustStyle()),
+                        },
+                    },
+                    _b),
+                '.ms-Button--default + .ms-Button[aria-expanded="true"]': (_c = {},
+                    _c[HighContrastSelector] = {
+                        backgroundColor: 'HighlightText',
+                        borderColor: 'Highlight',
+                        color: 'Highlight',
+                        '.ms-Button-menuIcon': __assign({ backgroundColor: 'HighlightText', color: 'Highlight' }, getHighContrastNoAdjustStyle()),
+                    },
+                    _c),
+                '.ms-Button--primary + .ms-Button': (_d = {
+                        border: 'none'
+                    },
+                    _d[HighContrastSelector] = {
+                        border: '1px solid WindowText',
+                        borderLeftWidth: '0',
+                        ':hover': {
+                            borderLeftWidth: '0',
+                            backgroundColor: 'Highlight',
+                            borderColor: 'Highlight',
+                            color: 'HighlightText',
+                            '.ms-Button-menuIcon': __assign(__assign({}, getHighContrastNoAdjustStyle()), { color: 'HighlightText' }),
+                        },
+                    },
+                    _d),
+                '.ms-Button--primary + .ms-Button[aria-expanded="true"]': (_e = {},
+                    _e[HighContrastSelector] = __assign(__assign({ backgroundColor: 'Highlight', borderColor: 'Highlight', color: 'HighlightText' }, getHighContrastNoAdjustStyle()), { '.ms-Button-menuIcon': {
+                            color: 'HighlightText',
+                        } }),
+                    _e),
+                '.ms-Button.is-disabled': (_f = {},
+                    _f[HighContrastSelector] = {
+                        color: 'GrayText',
+                        borderColor: 'GrayText',
+                        backgroundColor: 'Window',
+                    },
+                    _f),
+            },
+        ],
+        splitButtonContainerHovered: {
+            '.ms-Button--default.is-disabled': (_g = {
+                    backgroundColor: semanticColors.buttonBackgroundDisabled,
+                    color: semanticColors.buttonTextDisabled
+                },
+                _g[HighContrastSelector] = {
+                    color: 'GrayText',
+                    borderColor: 'GrayText',
+                    backgroundColor: 'Window',
+                },
+                _g),
+            '.ms-Button--primary.is-disabled': (_h = {
+                    backgroundColor: semanticColors.primaryButtonBackgroundDisabled,
+                    color: semanticColors.primaryButtonTextDisabled
+                },
+                _h[HighContrastSelector] = {
+                    color: 'GrayText',
+                    borderColor: 'GrayText',
+                    backgroundColor: 'Window',
+                },
+                _h),
+        },
+        splitButtonContainerChecked: {
+            '.ms-Button--primary': (_j = {},
+                _j[HighContrastSelector] = __assign({ color: 'Window', backgroundColor: 'WindowText' }, getHighContrastNoAdjustStyle()),
+                _j),
+        },
+        splitButtonContainerCheckedHovered: {
+            '.ms-Button--primary': (_k = {},
+                _k[HighContrastSelector] = __assign({ color: 'Window', backgroundColor: 'WindowText' }, getHighContrastNoAdjustStyle()),
+                _k),
+        },
+        splitButtonContainerFocused: {
+            outline: 'none!important',
+        },
+        splitButtonMenuButton: (_l = {
+                padding: 6,
+                height: 'auto',
+                boxSizing: 'border-box',
+                borderRadius: 0,
+                borderTopRightRadius: effects.roundedCorner2,
+                borderBottomRightRadius: effects.roundedCorner2,
+                border: "1px solid ".concat(palette.neutralSecondaryAlt),
+                borderLeft: 'none',
+                outline: 'transparent',
+                userSelect: 'none',
+                display: 'inline-block',
+                textDecoration: 'none',
+                textAlign: 'center',
+                cursor: 'pointer',
+                verticalAlign: 'top',
+                width: 32,
+                marginLeft: -1,
+                marginTop: 0,
+                marginRight: 0,
+                marginBottom: 0
+            },
+            _l[HighContrastSelector] = {
+                '.ms-Button-menuIcon': {
+                    color: 'WindowText',
+                },
+            },
+            _l),
+        splitButtonDivider: __assign(__assign({}, splitButtonDividerBaseStyles), (_m = {}, _m[HighContrastSelector] = {
+            backgroundColor: 'WindowText',
+        }, _m)),
+        splitButtonDividerDisabled: __assign(__assign({}, splitButtonDividerBaseStyles), (_o = {}, _o[HighContrastSelector] = {
+            backgroundColor: 'GrayText',
+        }, _o)),
+        splitButtonMenuButtonDisabled: (_p = {
+                pointerEvents: 'none',
+                border: 'none',
+                ':hover': {
+                    cursor: 'default',
+                },
+                '.ms-Button--primary': (_q = {},
+                    _q[HighContrastSelector] = {
+                        color: 'GrayText',
+                        borderColor: 'GrayText',
+                        backgroundColor: 'Window',
+                    },
+                    _q),
+                '.ms-Button-menuIcon': (_r = {},
+                    _r[HighContrastSelector] = {
+                        color: 'GrayText',
+                    },
+                    _r)
+            },
+            _p[HighContrastSelector] = {
+                color: 'GrayText',
+                border: '1px solid GrayText',
+                backgroundColor: 'Window',
+            },
+            _p),
+        splitButtonFlexContainer: {
+            display: 'flex',
+            height: '100%',
+            flexWrap: 'nowrap',
+            justifyContent: 'center',
+            alignItems: 'center',
+        },
+        splitButtonContainerDisabled: (_s = {
+                outline: 'none',
+                border: 'none'
+            },
+            _s[HighContrastSelector] = __assign({ color: 'GrayText', borderColor: 'GrayText', backgroundColor: 'Window' }, getHighContrastNoAdjustStyle()),
+            _s),
+        splitButtonMenuFocused: __assign({}, getFocusStyle(theme, { highContrastStyle: buttonHighContrastFocus, inset: 2 })),
+    };
+    return concatStyleSets(splitButtonStyles, customStyles);
+});
+//# sourceMappingURL=SplitButton.styles.js.map