@fluentui/react-migration-v0-v9 9.1.37 → 9.2.1

package/lib-commonjs/components/Attachment/Attachment.styles.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useAttachmentBaseStyles: function() {
+        return useAttachmentBaseStyles;
+    },
+    useAttachmentStyles: function() {
+        return useAttachmentStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useAttachmentBaseStyles = /*#__PURE__*/ (0, _reactcomponents.__resetStyles)("rtx3whk", "r4q6ha0", [
+    ".rtx3whk{position:relative;display:inline-flex;align-items:center;width:100%;max-width:424px;min-height:32px;padding-top:7px;padding-right:3px;padding-bottom:7px;padding-left:11px;margin-bottom:2px;margin-right:2px;background-color:var(--colorNeutralBackground6);color:var(--colorNeutralForeground1);box-shadow:0 .2rem .4rem -.075rem var(--colorNeutralShadowAmbient);border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke3);border-right-color:var(--colorNeutralStroke3);border-bottom-color:var(--colorNeutralStroke3);border-left-color:var(--colorNeutralStroke3);border-radius:4px;}",
+    ".rtx3whk[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}",
+    ".r4q6ha0{position:relative;display:inline-flex;align-items:center;width:100%;max-width:424px;min-height:32px;padding-top:7px;padding-left:3px;padding-bottom:7px;padding-right:11px;margin-bottom:2px;margin-left:2px;background-color:var(--colorNeutralBackground6);color:var(--colorNeutralForeground1);box-shadow:0 .2rem .4rem -.075rem var(--colorNeutralShadowAmbient);border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke3);border-left-color:var(--colorNeutralStroke3);border-bottom-color:var(--colorNeutralStroke3);border-right-color:var(--colorNeutralStroke3);border-radius:4px;}",
+    ".r4q6ha0[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}"
+]);
+const useAttachmentStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
+    actionable: {
+        Bceei9c: "f1k6fduh",
+        Jwef8y: "f11oyicx"
+    },
+    progressContainer: {
+        Beyfa6y: [
+            "f1bjk9e1",
+            "fff7au0"
+        ],
+        Bbmb7ep: [
+            "fff7au0",
+            "f1bjk9e1"
+        ],
+        B5kzvoi: "f1yab3r1",
+        Bqenvij: "f6ywr7j",
+        oyh7mz: [
+            "f1vgc2s3",
+            "f1e31b4d"
+        ],
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp",
+        qhf8xq: "f1euv43f",
+        j35jbq: [
+            "f1e31b4d",
+            "f1vgc2s3"
+        ]
+    },
+    progressBar: {
+        De3pzq: "fnusneo",
+        Bqenvij: "f1l02sjl",
+        B2u0y6b: "f6dzj5z",
+        Bn62ygk: 0,
+        Cwk7ip: 0,
+        B3o57yi: 0,
+        Bmy1vo4: 0,
+        Bkqvd7p: 0,
+        Bi2q7bf: "f12zwupp"
+    }
+}, {
+    d: [
+        ".f1k6fduh{cursor:pointer;}",
+        ".f1bjk9e1{border-bottom-left-radius:4px;}",
+        ".fff7au0{border-bottom-right-radius:4px;}",
+        ".f1yab3r1{bottom:0;}",
+        ".f6ywr7j{height:4px;}",
+        ".f1vgc2s3{left:0;}",
+        ".f1e31b4d{right:0;}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1euv43f{position:absolute;}",
+        ".fnusneo{background-color:var(--colorPaletteLightGreenBackground3);}",
+        ".f1l02sjl{height:100%;}",
+        ".f6dzj5z{max-width:100%;}",
+        [
+            ".f12zwupp{transition:width 0.2s;}",
+            {
+                p: -1
+            }
+        ]
+    ],
+    h: [
+        ".f11oyicx:hover{background-color:var(--colorNeutralBackground4Hover);}"
+    ]
+}); //# sourceMappingURL=Attachment.styles.js.map

package/lib-commonjs/components/Attachment/Attachment.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Attachment.styles.js"],"sourcesContent":["import { createCustomFocusIndicatorStyle, makeResetStyles, makeStyles, shorthands, tokens } from '@fluentui/react-components';\nimport { attachmentActionClassName } from './AttachmentAction';\nimport { attachmentIconClassName } from './AttachmentIcon';\nexport const useAttachmentBaseStyles = makeResetStyles({\n    ...createCustomFocusIndicatorStyle({\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n        borderRadius: tokens.borderRadiusMedium,\n        backgroundColor: undefined,\n        color: undefined,\n        [`& .${attachmentActionClassName}`]: {\n            color: undefined\n        },\n        [`& .${attachmentIconClassName}`]: {\n            color: undefined\n        }\n    }, {\n        selector: 'focus'\n    }),\n    position: 'relative',\n    display: 'inline-flex',\n    alignItems: 'center',\n    width: '100%',\n    maxWidth: '424px',\n    minHeight: '32px',\n    ...shorthands.padding('7px', '3px', '7px', '11px'),\n    marginBottom: '2px',\n    marginRight: '2px',\n    backgroundColor: tokens.colorNeutralBackground6,\n    color: tokens.colorNeutralForeground1,\n    boxShadow: `0 .2rem .4rem -.075rem ${tokens.colorNeutralShadowAmbient}`,\n    ...shorthands.border('1px', 'solid', tokens.colorNeutralStroke3),\n    borderRadius: '4px'\n});\nexport const useAttachmentStyles = makeStyles({\n    actionable: {\n        cursor: 'pointer',\n        ':hover': {\n            backgroundColor: tokens.colorNeutralBackground4Hover\n        }\n    },\n    progressContainer: {\n        borderBottomLeftRadius: '4px',\n        borderBottomRightRadius: '4px',\n        bottom: 0,\n        height: '4px',\n        left: 0,\n        overflow: 'hidden',\n        position: 'absolute',\n        right: 0\n    },\n    progressBar: {\n        backgroundColor: tokens.colorPaletteLightGreenBackground3,\n        height: '100%',\n        maxWidth: '100%',\n        transition: 'width 0.2s'\n    }\n});\n"],"names":["useAttachmentBaseStyles","useAttachmentStyles","__resetStyles","__styles","actionable","Bceei9c","Jwef8y","progressContainer","Beyfa6y","Bbmb7ep","B5kzvoi","Bqenvij","oyh7mz","B68tc82","Bmxbyg5","Bpg54ce","qhf8xq","j35jbq","progressBar","De3pzq","B2u0y6b","Bn62ygk","Cwk7ip","B3o57yi","Bmy1vo4","Bkqvd7p","Bi2q7bf","d","p","h"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,uBAAuB;eAAvBA;;IA8BAC,mBAAmB;eAAnBA;;;iCAjCoF;AAG1F,MAAMD,0BAAuB,WAAA,GAAGE,IAAAA,8BAAA,EAAA,WAAA,WAAA;IAAA;IAAA;IAAA;IAAA;CA6BtC;AACM,MAAMD,sBAAmB,WAAA,GAAGE,IAAAA,yBAAA,EAAA;IAAAC,YAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,mBAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,aAAA;QAAAC,QAAA;QAAAR,SAAA;QAAAS,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;KAAA;IAAAC,GAAA;QAAA;KAAA;AAAA"}

package/lib-commonjs/components/Attachment/AttachmentAction.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AttachmentAction: function() {
+        return AttachmentAction;
+    },
+    attachmentActionClassName: function() {
+        return attachmentActionClassName;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactcomponents = require("@fluentui/react-components");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _AttachmentActionstyles = require("./AttachmentAction.styles");
+const attachmentActionClassName = 'fui-AttachmentAction';
+const AttachmentAction = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const { className, disabled, disabledFocusable, children, onClick, onKeyUp, onKeyDown, ...rest } = props;
+    const classes = (0, _AttachmentActionstyles.useAttachmentActionStyles)();
+    const handleClick = _react.useCallback((e)=>{
+        e.stopPropagation();
+        e.preventDefault();
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    }, [
+        onClick
+    ]);
+    const handleKeyUp = _react.useCallback((e)=>{
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.stopPropagation();
+        }
+        onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(e);
+    }, [
+        onKeyUp
+    ]);
+    const handleKeyDown = _react.useCallback((e)=>{
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.stopPropagation();
+        }
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+    }, [
+        onKeyDown
+    ]);
+    return /*#__PURE__*/ _react.createElement(_reactcomponents.Button, {
+        ref: ref,
+        className: (0, _reactcomponents.mergeClasses)(attachmentActionClassName, classes.root, (disabled || disabledFocusable) && classes.disabled, className),
+        appearance: "transparent",
+        disabled: disabled,
+        disabledFocusable: disabledFocusable,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        onKeyUp: handleKeyUp,
+        ...rest
+    }, children);
+});
+AttachmentAction.displayName = 'AttachmentAction';

package/lib-commonjs/components/Attachment/AttachmentAction.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentAction.tsx"],"sourcesContent":["import { Button, ButtonProps, mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentActionStyles } from './AttachmentAction.styles';\n\nexport type AttachmentActionProps = ButtonProps;\n\nexport const attachmentActionClassName = 'fui-AttachmentAction';\n\nexport const AttachmentAction = React.forwardRef<HTMLButtonElement, AttachmentActionProps>((props, ref) => {\n  const { className, disabled, disabledFocusable, children, onClick, onKeyUp, onKeyDown, ...rest } = props;\n  const classes = useAttachmentActionStyles();\n\n  const handleClick = React.useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick?.(e);\n    },\n    [onClick],\n  );\n\n  const handleKeyUp = React.useCallback(\n    e => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.stopPropagation();\n      }\n      onKeyUp?.(e);\n    },\n    [onKeyUp],\n  );\n\n  const handleKeyDown = React.useCallback(\n    e => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.stopPropagation();\n      }\n      onKeyDown?.(e);\n    },\n    [onKeyDown],\n  );\n\n  return (\n    <Button\n      ref={ref}\n      className={mergeClasses(\n        attachmentActionClassName,\n        classes.root,\n        (disabled || disabledFocusable) && classes.disabled,\n        className,\n      )}\n      appearance=\"transparent\"\n      disabled={disabled}\n      disabledFocusable={disabledFocusable}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      onKeyUp={handleKeyUp}\n      {...rest}\n    >\n      {children}\n    </Button>\n  );\n});\n\nAttachmentAction.displayName = 'AttachmentAction';\n"],"names":["AttachmentAction","attachmentActionClassName","React","forwardRef","props","ref","className","disabled","disabledFocusable","children","onClick","onKeyUp","onKeyDown","rest","classes","useAttachmentActionStyles","handleClick","useCallback","e","stopPropagation","preventDefault","handleKeyUp","key","handleKeyDown","createElement","Button","mergeClasses","root","appearance","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,gBAAAA;eAAAA;;IAFAC,yBAAAA;eAAAA;;;;iCANqC;iEAC3B;wCACmB;AAInC,MAAMA,4BAA4B;AAElC,MAAMD,mBAAAA,WAAAA,GAAmBE,OAAMC,UAAU,CAA2C,CAACC,OAAOC;IACjG,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGT;IACnG,MAAMU,UAAUC,IAAAA,iDAAAA;IAEhB,MAAMC,cAAcd,OAAMe,WAAW,CACnCC,CAAAA;QACEA,EAAEC,eAAe;QACjBD,EAAEE,cAAc;QAChBV,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUQ;IACZ,GACA;QAACR;KAAQ;IAGX,MAAMW,cAAcnB,OAAMe,WAAW,CACnCC,CAAAA;QACE,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACtCJ,EAAEC,eAAe;QACnB;QACAR,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUO;IACZ,GACA;QAACP;KAAQ;IAGX,MAAMY,gBAAgBrB,OAAMe,WAAW,CACrCC,CAAAA;QACE,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACtCJ,EAAEC,eAAe;QACnB;QACAP,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAYM;IACd,GACA;QAACN;KAAU;IAGb,OAAA,WAAA,GACEV,OAAAsB,aAAA,CAACC,uBAAAA,EAAAA;QACCpB,KAAKA;QACLC,WAAWoB,IAAAA,6BAAAA,EACTzB,2BACAa,QAAQa,IAAI,EACZ,AAACpB,CAAAA,YAAYC,iBAAAA,KAAsBM,QAAQP,QAAQ,EACnDD;QAEFsB,YAAW;QACXrB,UAAUA;QACVC,mBAAmBA;QACnBE,SAASM;QACTJ,WAAWW;QACXZ,SAASU;QACR,GAAGR,IAAI;OAEPJ;AAGP;AAEAT,iBAAiB6B,WAAW,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentAction.styles.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentActionStyles", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentActionStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useAttachmentActionStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
+    root: {
+        Bqenvij: "f1d2rq10",
+        B2u0y6b: "f1n52uh2",
+        Bf4jedk: "fwbmr0d",
+        mc9l5x: "ftuwxu6",
+        Brf1p80: "f4d9j23",
+        Bt984gj: "f122n59",
+        qhf8xq: "f10pi13n",
+        ha4doy: "fmrv4ls",
+        Bceei9c: "f1k6fduh"
+    },
+    disabled: {
+        Bceei9c: "f158kwzp"
+    }
+}, {
+    d: [
+        ".f1d2rq10{height:32px;}",
+        ".f1n52uh2{max-width:280px;}",
+        ".fwbmr0d{min-width:32px;}",
+        ".ftuwxu6{display:inline-flex;}",
+        ".f4d9j23{justify-content:center;}",
+        ".f122n59{align-items:center;}",
+        ".f10pi13n{position:relative;}",
+        ".fmrv4ls{vertical-align:middle;}",
+        ".f1k6fduh{cursor:pointer;}",
+        ".f158kwzp{cursor:default;}"
+    ]
+}); //# sourceMappingURL=AttachmentAction.styles.js.map

package/lib-commonjs/components/Attachment/AttachmentAction.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentAction.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useAttachmentActionStyles = makeStyles({\n    root: {\n        height: '32px',\n        maxWidth: '280px',\n        minWidth: '32px',\n        display: 'inline-flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        position: 'relative',\n        verticalAlign: 'middle',\n        cursor: 'pointer'\n    },\n    disabled: {\n        cursor: 'default'\n    }\n});\n"],"names":["useAttachmentActionStyles","__styles","root","Bqenvij","B2u0y6b","Bf4jedk","mc9l5x","Brf1p80","Bt984gj","qhf8xq","ha4doy","Bceei9c","disabled","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADc;AACpB,MAAMA,4BAAyB,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,UAAA;QAAAD,SAAA;IAAA;AAAA,GAAA;IAAAE,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}

package/lib-commonjs/components/Attachment/AttachmentBody.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AttachmentBody: function() {
+        return AttachmentBody;
+    },
+    attachmentBodyClassName: function() {
+        return attachmentBodyClassName;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactcomponents = require("@fluentui/react-components");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _AttachmentBodystyles = require("./AttachmentBody.styles");
+const attachmentBodyClassName = 'fui-AttachmentBody';
+const AttachmentBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const { className, children, ...rest } = props;
+    const classes = (0, _AttachmentBodystyles.useAttachmentBodyStyles)();
+    return /*#__PURE__*/ _react.createElement("div", {
+        ref: ref,
+        className: (0, _reactcomponents.mergeClasses)(attachmentBodyClassName, classes.root, className),
+        ...rest
+    }, children);
+});
+AttachmentBody.displayName = 'AttachmentBody';

package/lib-commonjs/components/Attachment/AttachmentBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentBody.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentBodyStyles } from './AttachmentBody.styles';\n\nexport interface AttachmentBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const attachmentBodyClassName = 'fui-AttachmentBody';\n\nexport const AttachmentBody: React.FC<AttachmentBodyProps> = React.forwardRef<HTMLDivElement, AttachmentBodyProps>(\n  (props, ref) => {\n    const { className, children, ...rest } = props;\n    const classes = useAttachmentBodyStyles();\n\n    return (\n      <div ref={ref} className={mergeClasses(attachmentBodyClassName, classes.root, className)} {...rest}>\n        {children}\n      </div>\n    );\n  },\n);\n\nAttachmentBody.displayName = 'AttachmentBody';\n"],"names":["AttachmentBody","attachmentBodyClassName","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentBodyStyles","createElement","div","mergeClasses","root","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,cAAAA;eAAAA;;IAFAC,uBAAAA;eAAAA;;;;iCANgB;iEACN;sCACiB;AAIjC,MAAMA,0BAA0B;AAEhC,MAAMD,iBAAAA,WAAAA,GAAgDE,OAAMC,UAAU,CAC3E,CAACC,OAAOC;IACN,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,6CAAAA;IAEhB,OAAA,WAAA,GACER,OAAAS,aAAA,CAACC,OAAAA;QAAIP,KAAKA;QAAKC,WAAWO,IAAAA,6BAAAA,EAAaZ,yBAAyBQ,QAAQK,IAAI,EAAER;QAAa,GAAGE,IAAI;OAC/FD;AAGP;AAGFP,eAAee,WAAW,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentBody.styles.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentBodyStyles", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentBodyStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useAttachmentBodyStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
+    root: {
+        xawz: 0,
+        Bh6795r: 0,
+        Bnnss6s: 0,
+        fkmc3a: "fbotcpb"
+    }
+}, {
+    d: [
+        [
+            ".fbotcpb{flex:1 1 0;}",
+            {
+                p: -1
+            }
+        ]
+    ]
+}); //# sourceMappingURL=AttachmentBody.styles.js.map

package/lib-commonjs/components/Attachment/AttachmentBody.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentBody.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useAttachmentBodyStyles = makeStyles({\n    root: {\n        flex: '1 1 0'\n    }\n});\n"],"names":["useAttachmentBodyStyles","__styles","root","xawz","Bh6795r","Bnnss6s","fkmc3a","d","p"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADc;AACpB,MAAMA,0BAAuB,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,MAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;KAAA;AAAA"}

package/lib-commonjs/components/Attachment/AttachmentDescription.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AttachmentDescription: function() {
+        return AttachmentDescription;
+    },
+    attachmentDescriptionClassName: function() {
+        return attachmentDescriptionClassName;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactcomponents = require("@fluentui/react-components");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _AttachmentDescriptionstyles = require("./AttachmentDescription.styles");
+const attachmentDescriptionClassName = 'fui-AttachmentDescription';
+const AttachmentDescription = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const { className, children, ...rest } = props;
+    const classes = (0, _AttachmentDescriptionstyles.useAttachmentDescriptionStyles)();
+    return /*#__PURE__*/ _react.createElement("span", {
+        ref: ref,
+        className: (0, _reactcomponents.mergeClasses)(attachmentDescriptionClassName, classes.root, className),
+        ...rest
+    }, children);
+});
+AttachmentDescription.displayName = 'AttachmentDescription';

package/lib-commonjs/components/Attachment/AttachmentDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentDescription.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentDescriptionStyles } from './AttachmentDescription.styles';\n\nexport interface AttachmentDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const attachmentDescriptionClassName = 'fui-AttachmentDescription';\n\nexport const AttachmentDescription: React.FC<AttachmentDescriptionProps> = React.forwardRef<\n  HTMLSpanElement,\n  AttachmentDescriptionProps\n>((props, ref) => {\n  const { className, children, ...rest } = props;\n  const classes = useAttachmentDescriptionStyles();\n\n  return (\n    <span ref={ref} className={mergeClasses(attachmentDescriptionClassName, classes.root, className)} {...rest}>\n      {children}\n    </span>\n  );\n});\n\nAttachmentDescription.displayName = 'AttachmentDescription';\n"],"names":["AttachmentDescription","attachmentDescriptionClassName","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentDescriptionStyles","createElement","span","mergeClasses","root","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,qBAAAA;eAAAA;;IAFAC,8BAAAA;eAAAA;;;;iCANgB;iEACN;6CACwB;AAIxC,MAAMA,iCAAiC;AAEvC,MAAMD,wBAAAA,WAAAA,GAA8DE,OAAMC,UAAU,CAGzF,CAACC,OAAOC;IACR,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,2DAAAA;IAEhB,OAAA,WAAA,GACER,OAAAS,aAAA,CAACC,QAAAA;QAAKP,KAAKA;QAAKC,WAAWO,IAAAA,6BAAAA,EAAaZ,gCAAgCQ,QAAQK,IAAI,EAAER;QAAa,GAAGE,IAAI;OACvGD;AAGP;AAEAP,sBAAsBe,WAAW,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentDescription.styles.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentDescriptionStyles", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentDescriptionStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useAttachmentDescriptionStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
+    root: {
+        mc9l5x: "ftgm304",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fp6vxd"
+    }
+}, {
+    d: [
+        ".ftgm304{display:block;}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".fp6vxd{line-height:1;}"
+    ]
+}); //# sourceMappingURL=AttachmentDescription.styles.js.map

package/lib-commonjs/components/Attachment/AttachmentDescription.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentDescription.styles.js"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\nexport const useAttachmentDescriptionStyles = makeStyles({\n    root: {\n        display: 'block',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        lineHeight: 1\n    }\n});\n"],"names":["useAttachmentDescriptionStyles","__styles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADsB;AAC5B,MAAMA,iCAA8B,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}

package/lib-commonjs/components/Attachment/AttachmentHeader.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AttachmentHeader: function() {
+        return AttachmentHeader;
+    },
+    attachmentHeaderClassName: function() {
+        return attachmentHeaderClassName;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactcomponents = require("@fluentui/react-components");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _AttachmentHeaderstyles = require("./AttachmentHeader.styles");
+const attachmentHeaderClassName = 'fui-AttachmentHeader';
+const AttachmentHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const { className, children, ...rest } = props;
+    const classes = (0, _AttachmentHeaderstyles.useAttachmentHeaderStyles)();
+    return /*#__PURE__*/ _react.createElement("span", {
+        ref: ref,
+        className: (0, _reactcomponents.mergeClasses)(attachmentHeaderClassName, classes.root, className),
+        ...rest
+    }, children);
+});
+AttachmentHeader.displayName = 'AttachmentHeader';

package/lib-commonjs/components/Attachment/AttachmentHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentHeader.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentHeaderStyles } from './AttachmentHeader.styles';\n\nexport interface AttachmentHeaderProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const attachmentHeaderClassName = 'fui-AttachmentHeader';\n\nexport const AttachmentHeader: React.FC<AttachmentHeaderProps> = React.forwardRef<\n  HTMLSpanElement,\n  AttachmentHeaderProps\n>((props, ref) => {\n  const { className, children, ...rest } = props;\n  const classes = useAttachmentHeaderStyles();\n\n  return (\n    <span ref={ref} className={mergeClasses(attachmentHeaderClassName, classes.root, className)} {...rest}>\n      {children}\n    </span>\n  );\n});\n\nAttachmentHeader.displayName = 'AttachmentHeader';\n"],"names":["AttachmentHeader","attachmentHeaderClassName","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentHeaderStyles","createElement","span","mergeClasses","root","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,gBAAAA;eAAAA;;IAFAC,yBAAAA;eAAAA;;;;iCANgB;iEACN;wCACmB;AAInC,MAAMA,4BAA4B;AAElC,MAAMD,mBAAAA,WAAAA,GAAoDE,OAAMC,UAAU,CAG/E,CAACC,OAAOC;IACR,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,iDAAAA;IAEhB,OAAA,WAAA,GACER,OAAAS,aAAA,CAACC,QAAAA;QAAKP,KAAKA;QAAKC,WAAWO,IAAAA,6BAAAA,EAAaZ,2BAA2BQ,QAAQK,IAAI,EAAER;QAAa,GAAGE,IAAI;OAClGD;AAGP;AAEAP,iBAAiBe,WAAW,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentHeader.styles.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentHeaderStyles", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentHeaderStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useAttachmentHeaderStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
+    root: {
+        mc9l5x: "ftgm304",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "f8497fr"
+    }
+}, {
+    d: [
+        ".ftgm304{display:block;}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".f8497fr{line-height:1.4286;}"
+    ]
+}); //# sourceMappingURL=AttachmentHeader.styles.js.map

package/lib-commonjs/components/Attachment/AttachmentHeader.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentHeader.styles.js"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\nexport const useAttachmentHeaderStyles = makeStyles({\n    root: {\n        display: 'block',\n        fontSize: tokens.fontSizeBase300,\n        fontWeight: tokens.fontWeightSemibold,\n        lineHeight: 1.4286\n    }\n});\n"],"names":["useAttachmentHeaderStyles","__styles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADsB;AAC5B,MAAMA,4BAAyB,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}

package/lib-commonjs/components/Attachment/AttachmentIcon.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AttachmentIcon: function() {
+        return AttachmentIcon;
+    },
+    attachmentIconClassName: function() {
+        return attachmentIconClassName;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactcomponents = require("@fluentui/react-components");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _AttachmentIconstyles = require("./AttachmentIcon.styles");
+const attachmentIconClassName = 'fui-AttachmentIcon';
+const AttachmentIcon = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const { className, children, ...rest } = props;
+    const classes = (0, _AttachmentIconstyles.useAttachmentIconStyles)();
+    return /*#__PURE__*/ _react.createElement("span", {
+        ref: ref,
+        className: (0, _reactcomponents.mergeClasses)(attachmentIconClassName, classes.root, className),
+        ...rest
+    }, children);
+});
+AttachmentIcon.displayName = 'AttachmentIcon';

package/lib-commonjs/components/Attachment/AttachmentIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentIcon.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentIconStyles } from './AttachmentIcon.styles';\n\nexport interface AttachmentIconProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const attachmentIconClassName = 'fui-AttachmentIcon';\n\nexport const AttachmentIcon: React.FC<AttachmentIconProps> = React.forwardRef<HTMLSpanElement, AttachmentIconProps>(\n  (props, ref) => {\n    const { className, children, ...rest } = props;\n    const classes = useAttachmentIconStyles();\n\n    return (\n      <span ref={ref} className={mergeClasses(attachmentIconClassName, classes.root, className)} {...rest}>\n        {children}\n      </span>\n    );\n  },\n);\n\nAttachmentIcon.displayName = 'AttachmentIcon';\n"],"names":["AttachmentIcon","attachmentIconClassName","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentIconStyles","createElement","span","mergeClasses","root","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,cAAAA;eAAAA;;IAFAC,uBAAAA;eAAAA;;;;iCANgB;iEACN;sCACiB;AAIjC,MAAMA,0BAA0B;AAEhC,MAAMD,iBAAAA,WAAAA,GAAgDE,OAAMC,UAAU,CAC3E,CAACC,OAAOC;IACN,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,6CAAAA;IAEhB,OAAA,WAAA,GACER,OAAAS,aAAA,CAACC,QAAAA;QAAKP,KAAKA;QAAKC,WAAWO,IAAAA,6BAAAA,EAAaZ,yBAAyBQ,QAAQK,IAAI,EAAER;QAAa,GAAGE,IAAI;OAChGD;AAGP;AAGFP,eAAee,WAAW,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentIcon.styles.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentIconStyles", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentIconStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useAttachmentIconStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
+    root: {
+        Bqenvij: "f1d2rq10",
+        a9b677: "f1szoe96",
+        t21cq0: [
+            "f1x4n1mu",
+            "f1hf5xhj"
+        ],
+        mc9l5x: "ftuwxu6",
+        Bt984gj: "f122n59",
+        Brf1p80: "f4d9j23",
+        p4uzdd: "ffmg4tr",
+        B5pe6w7: "f17klwcu"
+    }
+}, {
+    d: [
+        ".f1d2rq10{height:32px;}",
+        ".f1szoe96{width:32px;}",
+        ".f1x4n1mu{margin-right:12px;}",
+        ".f1hf5xhj{margin-left:12px;}",
+        ".ftuwxu6{display:inline-flex;}",
+        ".f122n59{align-items:center;}",
+        ".f4d9j23{justify-content:center;}",
+        ".ffmg4tr svg{height:100%;}",
+        ".f17klwcu svg{width:100%;}"
+    ]
+}); //# sourceMappingURL=AttachmentIcon.styles.js.map

package/lib-commonjs/components/Attachment/AttachmentIcon.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentIcon.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useAttachmentIconStyles = makeStyles({\n    root: {\n        height: '32px',\n        width: '32px',\n        marginRight: '12px',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        '& svg': {\n            height: '100%',\n            width: '100%'\n        }\n    }\n});\n"],"names":["useAttachmentIconStyles","__styles","root","Bqenvij","a9b677","t21cq0","mc9l5x","Bt984gj","Brf1p80","p4uzdd","B5pe6w7","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADc;AACpB,MAAMA,0BAAuB,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}

package/lib-commonjs/components/Attachment/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Attachment"), exports);
+_export_star._(require("./AttachmentAction"), exports);
+_export_star._(require("./AttachmentBody"), exports);
+_export_star._(require("./AttachmentDescription"), exports);
+_export_star._(require("./AttachmentHeader"), exports);
+_export_star._(require("./AttachmentIcon"), exports);

package/lib-commonjs/components/Attachment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Attachment';\nexport * from './AttachmentAction';\nexport * from './AttachmentBody';\nexport * from './AttachmentDescription';\nexport * from './AttachmentHeader';\nexport * from './AttachmentIcon';\n\nexport type { AttachmentProps } from './Attachment';\nexport type { AttachmentActionProps } from './AttachmentAction';\nexport type { AttachmentBodyProps } from './AttachmentBody';\nexport type { AttachmentDescriptionProps } from './AttachmentDescription';\nexport type { AttachmentHeaderProps } from './AttachmentHeader';\nexport type { AttachmentIconProps } from './AttachmentIcon';\n"],"names":[],"rangeMappings":";;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/Button/ButtonMigration.mixins.js

@@ -9,20 +9,20 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    v9HoverClasses: function() {
-        return v9HoverClasses;
-    },
-    v9Icon: function() {
-        return v9Icon;
+    v0Icon: function() {
+        return v0Icon;
     },
     v9CustomSizeIcon: function() {
         return v9CustomSizeIcon;
     },
-    v0Icon: function() {
-        return v0Icon;
-    },
     v9DisabledCursor: function() {
         return v9DisabledCursor;
+    },
+    v9HoverClasses: function() {
+        return v9HoverClasses;
+    },
+    v9Icon: function() {
+        return v9Icon;
     }
 });
 const _reacticons = require("@fluentui/react-icons");

package/lib-commonjs/components/Button/ButtonMigration.mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ButtonMigration.mixins.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n// class names from v0 - not imported as we do not want to keep depending on v0.\nconst iconClassNames = {\n    filled: 'ui-icon__filled',\n    outline: 'ui-icon__outline'\n};\nexport const v9HoverClasses = ()=>({\n        [`& .${iconFilledClassName}`]: {\n            display: 'none'\n        },\n        [`& .${iconRegularClassName}`]: {\n            display: 'inline'\n        },\n        '&:hover': {\n            [`& .${iconFilledClassName}`]: {\n                display: 'inline'\n            },\n            [`& .${iconRegularClassName}`]: {\n                display: 'none'\n            }\n        }\n    });\nexport const v9Icon = ()=>({\n        // styles that allow to keep consistent size of v9 icon with v0 icon\n        '& svg': {\n            width: '100%',\n            paddingBottom: '100%',\n            // negative margin is necessary here for centering v9 icon\n            // with v0 button, because of extra spaces that svg contains\n            margin: '-4px 0 0 -4px',\n            overflow: 'visible'\n        },\n        ...v9HoverClasses()\n    });\nexport const v9CustomSizeIcon = ()=>({\n        '& svg': {\n            overflow: 'visible'\n        },\n        ...v9HoverClasses()\n    });\nexport const v0Icon = ()=>({\n        [`& .${iconClassNames.outline}`]: {\n            display: 'block'\n        },\n        [`& .${iconClassNames.filled}`]: {\n            display: 'none'\n        },\n        '&:hover': {\n            [`& .${iconClassNames.outline}`]: {\n                display: 'none'\n            },\n            [`& .${iconClassNames.filled}`]: {\n                display: 'block'\n            }\n        }\n    });\nexport const v9DisabledCursor = ()=>({\n        '&:disabled': {\n            cursor: 'default',\n            '&:hover': {\n                cursor: 'default'\n            },\n            '&:hover:active': {\n                cursor: 'default'\n            }\n        }\n    });\n"],"names":["v9HoverClasses","v9Icon","v9CustomSizeIcon","v0Icon","v9DisabledCursor","iconClassNames","filled","outline","iconFilledClassName","display","iconRegularClassName","width","paddingBottom","margin","overflow","cursor"],"mappings":";;;;;;;;;;;IAMaA,cAAc;eAAdA;;IAgBAC,MAAM;eAANA;;IAYAC,gBAAgB;eAAhBA;;IAMAC,MAAM;eAANA;;IAgBAC,gBAAgB;eAAhBA;;;4BAxD6C;AAC1D,gFAAgF;AAChF,MAAMC,iBAAiB;IACnBC,QAAQ;IACRC,SAAS;AACb;AACO,MAAMP,iBAAiB,IAAK,CAAA;QAC3B,CAAC,CAAC,GAAG,EAAEQ,+BAAmB,CAAC,CAAC,CAAC,EAAE;YAC3BC,SAAS;QACb;QACA,CAAC,CAAC,GAAG,EAAEC,gCAAoB,CAAC,CAAC,CAAC,EAAE;YAC5BD,SAAS;QACb;QACA,WAAW;YACP,CAAC,CAAC,GAAG,EAAED,+BAAmB,CAAC,CAAC,CAAC,EAAE;gBAC3BC,SAAS;YACb;YACA,CAAC,CAAC,GAAG,EAAEC,gCAAoB,CAAC,CAAC,CAAC,EAAE;gBAC5BD,SAAS;YACb;QACJ;IACJ,CAAA;AACG,MAAMR,SAAS,IAAK,CAAA;QACnB,oEAAoE;QACpE,SAAS;YACLU,OAAO;YACPC,eAAe;YACf,0DAA0D;YAC1D,4DAA4D;YAC5DC,QAAQ;YACRC,UAAU;QACd;QACA,GAAGd,gBAAgB;IACvB,CAAA;AACG,MAAME,mBAAmB,IAAK,CAAA;QAC7B,SAAS;YACLY,UAAU;QACd;QACA,GAAGd,gBAAgB;IACvB,CAAA;AACG,MAAMG,SAAS,IAAK,CAAA;QACnB,CAAC,CAAC,GAAG,EAAEE,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;YAC9BE,SAAS;QACb;QACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;YAC7BG,SAAS;QACb;QACA,WAAW;YACP,CAAC,CAAC,GAAG,EAAEJ,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC9BE,SAAS;YACb;YACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC7BG,SAAS;YACb;QACJ;IACJ,CAAA;AACG,MAAML,mBAAmB,IAAK,CAAA;QAC7B,cAAc;YACVW,QAAQ;YACR,WAAW;gBACPA,QAAQ;YACZ;YACA,kBAAkB;gBACdA,QAAQ;YACZ;QACJ;IACJ,CAAA"}
+{"version":3,"sources":["ButtonMigration.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n// class names from v0 - not imported as we do not want to keep depending on v0.\nconst iconClassNames = {\n  filled: 'ui-icon__filled',\n  outline: 'ui-icon__outline',\n};\n\nexport const v9HoverClasses = (): GriffelStyle => ({\n  [`& .${iconFilledClassName}`]: {\n    display: 'none',\n  },\n  [`& .${iconRegularClassName}`]: {\n    display: 'inline',\n  },\n  '&:hover': {\n    [`& .${iconFilledClassName}`]: {\n      display: 'inline',\n    },\n    [`& .${iconRegularClassName}`]: {\n      display: 'none',\n    },\n  },\n});\n\nexport const v9Icon = (): GriffelStyle => ({\n  // styles that allow to keep consistent size of v9 icon with v0 icon\n  '& svg': {\n    width: '100%',\n    paddingBottom: '100%',\n    // negative margin is necessary here for centering v9 icon\n    // with v0 button, because of extra spaces that svg contains\n    margin: '-4px 0 0 -4px',\n    overflow: 'visible',\n  },\n  ...v9HoverClasses(),\n});\n\nexport const v9CustomSizeIcon = (): GriffelStyle => ({\n  '& svg': { overflow: 'visible' },\n  ...v9HoverClasses(),\n});\n\nexport const v0Icon = (): GriffelStyle => ({\n  [`& .${iconClassNames.outline}`]: {\n    display: 'block',\n  },\n  [`& .${iconClassNames.filled}`]: {\n    display: 'none',\n  },\n  '&:hover': {\n    [`& .${iconClassNames.outline}`]: {\n      display: 'none',\n    },\n    [`& .${iconClassNames.filled}`]: {\n      display: 'block',\n    },\n  },\n});\n\nexport const v9DisabledCursor = (): GriffelStyle => ({\n  '&:disabled': {\n    cursor: 'default',\n    '&:hover': {\n      cursor: 'default',\n    },\n    '&:hover:active': {\n      cursor: 'default',\n    },\n  },\n});\n"],"names":["v0Icon","v9CustomSizeIcon","v9DisabledCursor","v9HoverClasses","v9Icon","iconClassNames","filled","outline","iconFilledClassName","display","iconRegularClassName","width","paddingBottom","margin","overflow","cursor"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA4CaA,MAAAA;eAAAA;;IALAC,gBAAAA;eAAAA;;IAsBAC,gBAAAA;eAAAA;;IApDAC,cAAAA;eAAAA;;IAiBAC,MAAAA;eAAAA;;;4BAzB6C;AAE1D,gFAAgF;AAChF,MAAMC,iBAAiB;IACrBC,QAAQ;IACRC,SAAS;AACX;AAEO,MAAMJ,iBAAiB,IAAqB,CAAA;QACjD,CAAC,CAAC,GAAG,EAAEK,+BAAAA,CAAoB,CAAC,CAAC,EAAE;YAC7BC,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEC,gCAAAA,CAAqB,CAAC,CAAC,EAAE;YAC9BD,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAED,+BAAAA,CAAoB,CAAC,CAAC,EAAE;gBAC7BC,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEC,gCAAAA,CAAqB,CAAC,CAAC,EAAE;gBAC9BD,SAAS;YACX;QACF;IACF,CAAA;AAEO,MAAML,SAAS,IAAqB,CAAA;QACzC,oEAAoE;QACpE,SAAS;YACPO,OAAO;YACPC,eAAe;YACf,0DAA0D;YAC1D,4DAA4D;YAC5DC,QAAQ;YACRC,UAAU;QACZ;QACA,GAAGX,gBAAgB;IACrB,CAAA;AAEO,MAAMF,mBAAmB,IAAqB,CAAA;QACnD,SAAS;YAAEa,UAAU;QAAU;QAC/B,GAAGX,gBAAgB;IACrB,CAAA;AAEO,MAAMH,SAAS,IAAqB,CAAA;QACzC,CAAC,CAAC,GAAG,EAAEK,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;YAChCE,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;YAC/BG,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAEJ,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;gBAChCE,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC/BG,SAAS;YACX;QACF;IACF,CAAA;AAEO,MAAMP,mBAAmB,IAAqB,CAAA;QACnD,cAAc;YACZa,QAAQ;YACR,WAAW;gBACTA,QAAQ;YACV;YACA,kBAAkB;gBAChBA,QAAQ;YACV;QACF;IACF,CAAA"}

package/lib-commonjs/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ButtonMigration.mixins';\n"],"names":[],"mappings":";;;;;uBAAc"}
+{"version":3,"sources":["index.tsx"],"sourcesContent":["export * from './ButtonMigration.mixins';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/components/Flex/Flex.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    flexClassName: function() {
-        return flexClassName;
-    },
     Flex: function() {
         return Flex;
+    },
+    flexClassName: function() {
+        return flexClassName;
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");