Private
Public Access
1
0

feat: Fluent UI Outlook Lite + connections mockup

This commit is contained in:
2026-04-14 18:52:25 +00:00
parent 1199eff6c3
commit dfa4010406
34820 changed files with 1003813 additions and 205 deletions

View File

@@ -0,0 +1,23 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.bundleIcon = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const shared_1 = require("./shared");
/**
* Base bundleIcon — combines Filled and Regular icon variants.
*
* Renders both icons; the inactive variant gets `data-fui-icon-hidden`.
* The shipped base.css handles visibility via `[data-fui-icon-hidden] { display: none }`.
*/
const bundleIcon = (FilledIcon, RegularIcon) => {
const Component = (props) => {
const { className, filled, ...rest } = props;
return (React.createElement(React.Fragment, null,
React.createElement(FilledIcon, Object.assign({}, rest, { className: shared_1.cx(shared_1.iconFilledClassName, className) }, (!filled ? { [shared_1.DATA_FUI_ICON_HIDDEN]: '' } : undefined))),
React.createElement(RegularIcon, Object.assign({}, rest, { className: shared_1.cx(shared_1.iconRegularClassName, className) }, (filled ? { [shared_1.DATA_FUI_ICON_HIDDEN]: '' } : undefined)))));
};
Component.displayName = 'CompoundIcon';
return Component;
};
exports.bundleIcon = bundleIcon;