feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-menu/lib-commonjs/selectable/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useCheckmarkStyles_unstable", {
+    enumerable: true,
+    get: function() {
+        return _useCheckmarkStylesstyles.useCheckmarkStyles_unstable;
+    }
+});
+const _useCheckmarkStylesstyles = require("./useCheckmarkStyles.styles");

node_modules/@fluentui/react-menu/lib-commonjs/selectable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/selectable/index.ts"],"sourcesContent":["export { useCheckmarkStyles_unstable } from './useCheckmarkStyles.styles';\nexport type { MenuItemSelectableProps, MenuItemSelectableState, SelectableHandler } from './types';\n"],"names":["useCheckmarkStyles_unstable"],"mappings":";;;;;;;eAASA,qDAA2B;;;0CAAQ,8BAA8B"}

node_modules/@fluentui/react-menu/lib-commonjs/selectable/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

node_modules/@fluentui/react-menu/lib-commonjs/selectable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/selectable/types.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type SelectableHandler = (\n  e: React.MouseEvent | React.KeyboardEvent,\n  name: string,\n  value: string,\n  checked: boolean,\n) => void;\n\n/**\n * Props for selecatble menu items\n */\nexport type MenuItemSelectableProps = {\n  /**\n   * Follows input convention\n   * https://www.w3schools.com/jsref/prop_checkbox_name.asp\n   */\n  name: string;\n\n  /**\n   * Follows input convention\n   * https://www.w3schools.com/jsref/prop_checkbox_value.asp\n   */\n  value: string;\n};\n\n/**\n * State for selectable menu items\n */\nexport type MenuItemSelectableState = MenuItemSelectableProps & {\n  /**\n   * Selectable is checked\n   */\n  checked: boolean;\n};\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

node_modules/@fluentui/react-menu/lib-commonjs/selectable/useCheckmarkStyles.styles.js

@@ -0,0 +1,39 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useCheckmarkStyles_unstable", {
+    enumerable: true,
+    get: function() {
+        return useCheckmarkStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        a9b677: "fjw5fx7",
+        Bqenvij: "fd461yt",
+        Bcdw1i0: "fd7fpy0",
+        Bnnss6s: "fi64zpg"
+    },
+    rootChecked: {
+        Bcdw1i0: "f1022m68",
+        Bnnss6s: "fi64zpg"
+    }
+}, {
+    d: [
+        ".fjw5fx7{width:16px;}",
+        ".fd461yt{height:16px;}",
+        ".fd7fpy0{visibility:hidden;}",
+        ".fi64zpg{flex-shrink:0;}",
+        ".f1022m68{visibility:visible;}"
+    ]
+});
+const useCheckmarkStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    if (state.checkmark) {
+        state.checkmark.className = (0, _react.mergeClasses)(styles.root, state.checked && styles.rootChecked, state.checkmark.className);
+    }
+};

node_modules/@fluentui/react-menu/lib-commonjs/selectable/useCheckmarkStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCheckmarkStyles.styles.js"],"sourcesContent":["'use client';\nimport { mergeClasses, makeStyles } from '@griffel/react';\nconst useStyles = makeStyles({\n    root: {\n        width: '16px',\n        height: '16px',\n        visibility: 'hidden',\n        flexShrink: 0\n    },\n    rootChecked: {\n        visibility: 'visible',\n        flexShrink: 0\n    }\n});\n/**\n * Applies styles to a checkmark slot for selectable menu items\n *\n * @param state - should contain a `checkmark` slot\n */ export const useCheckmarkStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    if (state.checkmark) {\n        state.checkmark.className = mergeClasses(styles.root, state.checked && styles.rootChecked, state.checkmark.className);\n    }\n};\n"],"names":["mergeClasses","__styles","useStyles","root","a9b677","Bqenvij","Bcdw1i0","Bnnss6s","rootChecked","d","useCheckmarkStyles_unstable","state","styles","checkmark","className","checked"],"mappings":"AAAA,YAAY;;;;;+BAkBKU,2BAA2B;;;;;;uBAjBH,gBAAgB;AACzD,MAAMR,SAAS,GAAA,WAAA,OAAGD,eAAA,EAAA;IAAAE,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,WAAA,EAAA;QAAAF,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAWjB,CAAC;AAKS,qCAAqCE,KAAK,IAAG;IACpD,aAAa;IACb,MAAMC,MAAM,GAAGV,SAAS,CAAC,CAAC;IAC1B,IAAIS,KAAK,CAACE,SAAS,EAAE;QACjBF,KAAK,CAACE,SAAS,CAACC,SAAS,OAAGd,mBAAY,EAACY,MAAM,CAACT,IAAI,EAAEQ,KAAK,CAACI,OAAO,IAAIH,MAAM,CAACJ,WAAW,EAAEG,KAAK,CAACE,SAAS,CAACC,SAAS,CAAC;IACzH;AACJ,CAAC"}

node_modules/@fluentui/react-menu/lib-commonjs/selectable/useCheckmarkStyles.styles.raw.js

@@ -0,0 +1,31 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useCheckmarkStyles_unstable", {
+    enumerable: true,
+    get: function() {
+        return useCheckmarkStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const useStyles = (0, _react.makeStyles)({
+    root: {
+        width: '16px',
+        height: '16px',
+        visibility: 'hidden',
+        flexShrink: 0
+    },
+    rootChecked: {
+        visibility: 'visible',
+        flexShrink: 0
+    }
+});
+const useCheckmarkStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    if (state.checkmark) {
+        state.checkmark.className = (0, _react.mergeClasses)(styles.root, state.checked && styles.rootChecked, state.checkmark.className);
+    }
+};

node_modules/@fluentui/react-menu/lib-commonjs/selectable/useCheckmarkStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/selectable/useCheckmarkStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { mergeClasses, makeStyles } from '@griffel/react';\nimport type { MenuItemSelectableState } from './types';\nimport type { MenuItemState } from '../components/MenuItem/MenuItem.types';\n\nconst useStyles = makeStyles({\n  root: {\n    width: '16px',\n    height: '16px',\n    visibility: 'hidden',\n    flexShrink: 0,\n  },\n  rootChecked: {\n    visibility: 'visible',\n    flexShrink: 0,\n  },\n});\n\n/**\n * Applies styles to a checkmark slot for selectable menu items\n *\n * @param state - should contain a `checkmark` slot\n */\nexport const useCheckmarkStyles_unstable = (\n  state: MenuItemSelectableState & Pick<MenuItemState, 'checkmark'>,\n): void => {\n  'use no memo';\n\n  const styles = useStyles();\n  if (state.checkmark) {\n    state.checkmark.className = mergeClasses(\n      styles.root,\n      state.checked && styles.rootChecked,\n      state.checkmark.className,\n    );\n  }\n};\n"],"names":["mergeClasses","makeStyles","useStyles","root","width","height","visibility","flexShrink","rootChecked","useCheckmarkStyles_unstable","state","styles","checkmark","className","checked"],"mappings":"AAAA;;;;;+BAwBaS;;;;;;uBAtB4B,iBAAiB;AAI1D,MAAMP,gBAAYD,iBAAAA,EAAW;IAC3BE,MAAM;QACJC,OAAO;QACPC,QAAQ;QACRC,YAAY;QACZC,YAAY;IACd;IACAC,aAAa;QACXF,YAAY;QACZC,YAAY;IACd;AACF;AAOO,oCAAoC,CACzCG;IAEA;IAEA,MAAMC,SAAST;IACf,IAAIQ,MAAME,SAAS,EAAE;QACnBF,MAAME,SAAS,CAACC,SAAS,OAAGb,mBAAAA,EAC1BW,OAAOR,IAAI,EACXO,MAAMI,OAAO,IAAIH,OAAOH,WAAW,EACnCE,MAAME,SAAS,CAACC,SAAS;IAE7B;AACF,EAAE"}