@fluentui/react-tree 9.0.0-beta.21 → 9.0.0-beta.23

package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js

@@ -18,6 +18,7 @@ const _treeItemContext = require("../../contexts/treeItemContext");
 const treeItemLayoutClassNames = {
     root: 'fui-TreeItemLayout',
     iconBefore: 'fui-TreeItemLayout__iconBefore',
+    content: 'fui-TreeItemLayout__content',
     iconAfter: 'fui-TreeItemLayout__iconAfter',
     expandIcon: 'fui-TreeItemLayout__expandIcon',
     aside: 'fui-TreeItemLayout__aside',
@@ -71,14 +72,12 @@ const treeItemLayoutClassNames = {
         ]
     },
     medium: {
-        i8kkvl: "f1rjii52",
         Bahqtrf: "fk6fouc",
         Be2twd7: "fkhj508",
         Bhrd7zp: "figsok6",
         Bg96gwp: "f1i3iumi"
     },
     small: {
-        i8kkvl: "f1ufnopg",
         sshi5w: "f1pha7fy",
         Bahqtrf: "fk6fouc",
         Be2twd7: "fy9rknc",
@@ -101,10 +100,10 @@ const treeItemLayoutClassNames = {
         ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
         ".f1nxs5xn{min-height:32px;}",
         ".f1ewtqcl{box-sizing:border-box;}",
-        ".f15ws6j{grid-row-start:layout;}",
-        ".f135tdbu{grid-column-start:layout;}",
-        ".f2e2169{grid-row-end:layout;}",
-        ".f4rqp6x{grid-column-end:layout;}",
+        ".f15ws6j{-ms-grid-row:layout;grid-row-start:layout;}",
+        ".f135tdbu{-ms-grid-column:layout;grid-column-start:layout;}",
+        ".f2e2169{-ms-grid-row-span:layout;grid-row-end:layout;}",
+        ".f4rqp6x{-ms-grid-column-span:layout;grid-column-end:layout;}",
         ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
         ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
         ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
@@ -113,12 +112,10 @@ const treeItemLayoutClassNames = {
         ".faevyjx{padding-right:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}",
         ".fo100m9{padding-left:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}",
         ".f6yw3pu{padding-right:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}",
-        ".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}",
         ".fk6fouc{font-family:var(--fontFamilyBase);}",
         ".fkhj508{font-size:var(--fontSizeBase300);}",
         ".figsok6{font-weight:var(--fontWeightRegular);}",
         ".f1i3iumi{line-height:var(--lineHeightBase300);}",
-        ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}",
         ".f1pha7fy{min-height:24px;}",
         ".fy9rknc{font-size:var(--fontSizeBase200);}",
         ".fwrc4pm{line-height:var(--lineHeightBase200);}",
@@ -139,27 +136,6 @@ const treeItemLayoutClassNames = {
         ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}"
     ]
 });
-/**
- * Styles for the before/after icon slot
- */ const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    base: {
-        mc9l5x: "f22iagw",
-        Bt984gj: "f122n59",
-        sj55zd: "fkfq4zb",
-        Bg96gwp: "f106mvju",
-        Be2twd7: "f1pp30po"
-    },
-    iconBefore: {},
-    iconAfter: {}
-}, {
-    d: [
-        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
-        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
-        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
-        ".f106mvju{line-height:var(--lineHeightBase500);}",
-        ".f1pp30po{font-size:var(--fontSizeBase500);}"
-    ]
-});
 /**
  * Styles for the action icon slot
  */ const useActionsStyles = /*#__PURE__*/ (0, _react["__styles"])({
@@ -193,10 +169,10 @@ const treeItemLayoutClassNames = {
         ".f1ujusj6{margin-right:auto;}",
         ".f10pi13n{position:relative;}",
         ".f19g0ac{z-index:1;}",
-        ".fobksn0{grid-row-start:aside;}",
-        ".fmy5l6f{grid-column-start:aside;}",
-        ".fzqypwc{grid-row-end:aside;}",
-        ".f1tmftl3{grid-column-end:aside;}",
+        ".fobksn0{-ms-grid-row:aside;grid-row-start:aside;}",
+        ".fmy5l6f{-ms-grid-column:aside;grid-column-start:aside;}",
+        ".fzqypwc{-ms-grid-row-span:aside;grid-row-end:aside;}",
+        ".f1tmftl3{-ms-grid-column-span:aside;grid-column-end:aside;}",
         ".f1g0x7ka{padding-top:0;}",
         ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
         ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
@@ -238,10 +214,10 @@ const treeItemLayoutClassNames = {
         ".f1ujusj6{margin-right:auto;}",
         ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
         ".f11zp4z2{z-index:0;}",
-        ".fobksn0{grid-row-start:aside;}",
-        ".fmy5l6f{grid-column-start:aside;}",
-        ".fzqypwc{grid-row-end:aside;}",
-        ".f1tmftl3{grid-column-end:aside;}",
+        ".fobksn0{-ms-grid-row:aside;grid-row-start:aside;}",
+        ".fmy5l6f{-ms-grid-column:aside;grid-column-start:aside;}",
+        ".fzqypwc{-ms-grid-row-span:aside;grid-row-end:aside;}",
+        ".f1tmftl3{-ms-grid-column-span:aside;grid-column-end:aside;}",
         ".f1g0x7ka{padding-top:0;}",
         ".fw5db7e{padding-right:var(--spacingHorizontalM);}",
         ".f1uw59to{padding-left:var(--spacingHorizontalM);}",
@@ -291,22 +267,113 @@ const treeItemLayoutClassNames = {
         ".f14wxoun{padding-bottom:var(--spacingVerticalXS);}"
     ]
 });
+/**
+ * Styles for the content slot
+ */ const useContentStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "ffczdla",
+            "fgiv446"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "fgiv446",
+            "ffczdla"
+        ]
+    }
+}, {
+    d: [
+        ".f1g0x7ka{padding-top:0;}",
+        ".ffczdla{padding-right:var(--spacingHorizontalXXS);}",
+        ".fgiv446{padding-left:var(--spacingHorizontalXXS);}",
+        ".f1qch9an{padding-bottom:0;}"
+    ]
+});
+/**
+ * Styles for the before/after icon slot
+ */ const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        sj55zd: "fkfq4zb",
+        Bg96gwp: "f106mvju",
+        Be2twd7: "f1pp30po"
+    }
+}, {
+    d: [
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
+        ".f106mvju{line-height:var(--lineHeightBase500);}",
+        ".f1pp30po{font-size:var(--fontSizeBase500);}"
+    ]
+});
+const useIconBeforeStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    medium: {
+        z189sj: [
+            "f7x41pl",
+            "fruq291"
+        ]
+    },
+    small: {
+        z189sj: [
+            "ffczdla",
+            "fgiv446"
+        ]
+    }
+}, {
+    d: [
+        ".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
+        ".fruq291{padding-left:var(--spacingHorizontalXS);}",
+        ".ffczdla{padding-right:var(--spacingHorizontalXXS);}",
+        ".fgiv446{padding-left:var(--spacingHorizontalXXS);}"
+    ]
+});
+const useIconAfterStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    medium: {
+        uwmqm3: [
+            "fruq291",
+            "f7x41pl"
+        ]
+    },
+    small: {
+        uwmqm3: [
+            "fgiv446",
+            "ffczdla"
+        ]
+    }
+}, {
+    d: [
+        ".fruq291{padding-left:var(--spacingHorizontalXS);}",
+        ".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
+        ".fgiv446{padding-left:var(--spacingHorizontalXXS);}",
+        ".ffczdla{padding-right:var(--spacingHorizontalXXS);}"
+    ]
+});
 const useTreeItemLayoutStyles_unstable = (state)=>{
-    const { iconAfter , iconBefore , root  } = state;
+    const { content , iconAfter , iconBefore , expandIcon , root  } = state;
     const rootStyles = useRootStyles();
-    const iconStyles = useIconStyles();
     const actionsStyles = useActionsStyles();
     const asideStyles = useAsideStyles();
+    const contentStyles = useContentStyles();
     const expandIconStyles = useExpandIconStyles();
+    const iconStyles = useIconStyles();
+    const iconBeforeStyles = useIconBeforeStyles();
+    const iconAfterStyles = useIconAfterStyles();
     const size = (0, _treeContext.useTreeContext_unstable)((ctx)=>ctx.size);
     const appearance = (0, _treeContext.useTreeContext_unstable)((ctx)=>ctx.appearance);
     const itemType = (0, _treeItemContext.useTreeItemContext_unstable)((ctx)=>ctx.itemType);
     root.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.root, rootStyles.base, rootStyles[appearance], rootStyles[size], rootStyles[itemType], root.className);
+    content.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.content, contentStyles.base, content.className);
+    if (expandIcon) {
+        expandIcon.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.expandIcon, expandIconStyles.base, expandIcon.className);
+    }
     if (iconBefore) {
-        iconBefore.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconStyles.iconBefore, iconBefore.className);
+        iconBefore.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBeforeStyles[size], iconBefore.className);
     }
     if (iconAfter) {
-        iconAfter.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconStyles.iconAfter, iconAfter.className);
+        iconAfter.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfterStyles[size], iconAfter.className);
     }
     if (state.actions) {
         state.actions.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.actions, actionsStyles.base, state.actions.className);

package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTreeItemLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTreeContext_unstable } from '../../contexts/treeContext';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\nexport const treeItemLayoutClassNames = {\n  root: 'fui-TreeItemLayout',\n  iconBefore: 'fui-TreeItemLayout__iconBefore',\n  iconAfter: 'fui-TreeItemLayout__iconAfter',\n  expandIcon: 'fui-TreeItemLayout__expandIcon',\n  aside: 'fui-TreeItemLayout__aside',\n  actions: 'fui-TreeItemLayout__actions'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    sshi5w: \"f1nxs5xn\",\n    B7ck84d: \"f1ewtqcl\",\n    Ijaq50: \"f15ws6j\",\n    Br312pm: \"f135tdbu\",\n    nk6f5a: \"f2e2169\",\n    Bw0ie65: \"f4rqp6x\",\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    lj723h: \"flvvhsy\",\n    ecr2s2: \"f1wfn5kd\",\n    qya0sb: \"f1ih54s9\",\n    Bi91k9c: \"fnwyq0v\",\n    Jwef8y: \"f1t94bn6\",\n    Becwuud: \"f1jk1nfw\"\n  },\n  leaf: {\n    uwmqm3: [\"f1k1erfc\", \"faevyjx\"]\n  },\n  branch: {\n    uwmqm3: [\"fo100m9\", \"f6yw3pu\"]\n  },\n  medium: {\n    i8kkvl: \"f1rjii52\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  small: {\n    i8kkvl: \"f1ufnopg\",\n    sshi5w: \"f1pha7fy\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  subtle: {},\n  \"subtle-alpha\": {\n    Jwef8y: \"f146ro5n\",\n    ecr2s2: \"fkam630\"\n  },\n  transparent: {\n    De3pzq: \"f1c21dwh\",\n    Jwef8y: \"fjxutwb\",\n    ecr2s2: \"fophhak\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1nxs5xn{min-height:32px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f15ws6j{grid-row-start:layout;}\", \".f135tdbu{grid-column-start:layout;}\", \".f2e2169{grid-row-end:layout;}\", \".f4rqp6x{grid-column-end:layout;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1k1erfc{padding-left:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".faevyjx{padding-right:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".fo100m9{padding-left:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".f6yw3pu{padding-right:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}\", \".f1pha7fy{min-height:24px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\"],\n  a: [\".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1ih54s9:active .fui-TreeItemLayout__expandIcon{color:var(--colorNeutralForeground3Pressed);}\", \".fkam630:active{background-color:var(--colorSubtleBackgroundLightAlphaPressed);}\", \".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\"],\n  h: [\".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1jk1nfw:hover .fui-TreeItemLayout__expandIcon{color:var(--colorNeutralForeground3Hover);}\", \".f146ro5n:hover{background-color:var(--colorSubtleBackgroundLightAlphaHover);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\"]\n});\n/**\n * Styles for the before/after icon slot\n */\nconst useIconStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    sj55zd: \"fkfq4zb\",\n    Bg96gwp: \"f106mvju\",\n    Be2twd7: \"f1pp30po\"\n  },\n  iconBefore: {},\n  iconAfter: {}\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useActionsStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    qhf8xq: \"f10pi13n\",\n    Bj3rh1h: \"f19g0ac\",\n    Ijaq50: \"fobksn0\",\n    Br312pm: \"fmy5l6f\",\n    nk6f5a: \"fzqypwc\",\n    Bw0ie65: \"f1tmftl3\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f10pi13n{position:relative;}\", \".f19g0ac{z-index:1;}\", \".fobksn0{grid-row-start:aside;}\", \".fmy5l6f{grid-column-start:aside;}\", \".fzqypwc{grid-row-end:aside;}\", \".f1tmftl3{grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useAsideStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    Bt984gj: \"f122n59\",\n    Bj3rh1h: \"f11zp4z2\",\n    Ijaq50: \"fobksn0\",\n    Br312pm: \"fmy5l6f\",\n    nk6f5a: \"fzqypwc\",\n    Bw0ie65: \"f1tmftl3\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fw5db7e\", \"f1uw59to\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n    i8kkvl: \"f1ufnopg\",\n    Belr9w4: \"f14sijuj\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f11zp4z2{z-index:0;}\", \".fobksn0{grid-row-start:aside;}\", \".fmy5l6f{grid-column-start:aside;}\", \".fzqypwc{grid-row-end:aside;}\", \".f1tmftl3{grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1qch9an{padding-bottom:0;}\", \".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Styles for the expand icon slot\n */\nconst useExpandIconStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\",\n    Bf4jedk: \"f17fgpbq\",\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"f11d4kpn\",\n    Bh6795r: \"f1jhi6b8\",\n    Bnnss6s: \"fi64zpg\",\n    xawz: \"f1rmlqtg\",\n    z8tnut: \"f1ywm7hm\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f14wxoun\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f17fgpbq{min-width:24px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f1jhi6b8{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}\", \".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".f1rmlqtg{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\"]\n});\n/**\n * Apply styling to the TreeItemLayout slots based on the state\n */\nexport const useTreeItemLayoutStyles_unstable = state => {\n  const {\n    iconAfter,\n    iconBefore,\n    root\n  } = state;\n  const rootStyles = useRootStyles();\n  const iconStyles = useIconStyles();\n  const actionsStyles = useActionsStyles();\n  const asideStyles = useAsideStyles();\n  const expandIconStyles = useExpandIconStyles();\n  const size = useTreeContext_unstable(ctx => ctx.size);\n  const appearance = useTreeContext_unstable(ctx => ctx.appearance);\n  const itemType = useTreeItemContext_unstable(ctx => ctx.itemType);\n  root.className = mergeClasses(treeItemLayoutClassNames.root, rootStyles.base, rootStyles[appearance], rootStyles[size], rootStyles[itemType], root.className);\n  if (iconBefore) {\n    iconBefore.className = mergeClasses(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconStyles.iconBefore, iconBefore.className);\n  }\n  if (iconAfter) {\n    iconAfter.className = mergeClasses(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconStyles.iconAfter, iconAfter.className);\n  }\n  if (state.actions) {\n    state.actions.className = mergeClasses(treeItemLayoutClassNames.actions, actionsStyles.base, state.actions.className);\n  }\n  if (state.aside) {\n    state.aside.className = mergeClasses(treeItemLayoutClassNames.aside, asideStyles.base, state.aside.className);\n  }\n  if (state.expandIcon) {\n    state.expandIcon.className = mergeClasses(treeItemLayoutClassNames.expandIcon, expandIconStyles.base, state.expandIcon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTreeItemLayoutStyles.styles.js.map"],"names":["treeItemLayoutClassNames","useTreeItemLayoutStyles_unstable","root","iconBefore","iconAfter","expandIcon","aside","actions","useRootStyles","__styles","base","mc9l5x","Bt984gj","sshi5w","B7ck84d","Ijaq50","Br312pm","nk6f5a","Bw0ie65","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","lj723h","ecr2s2","qya0sb","Bi91k9c","Jwef8y","Becwuud","leaf","uwmqm3","branch","medium","i8kkvl","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","small","subtle","transparent","De3pzq","d","a","h","useIconStyles","sj55zd","useActionsStyles","Frg6f3","qhf8xq","Bj3rh1h","z8tnut","z189sj","Byoj8tv","useAsideStyles","Belr9w4","useExpandIconStyles","Brf1p80","Bf4jedk","Bh6795r","Bnnss6s","xawz","state","rootStyles","iconStyles","actionsStyles","asideStyles","expandIconStyles","size","useTreeContext_unstable","ctx","appearance","itemType","useTreeItemContext_unstable","className","mergeClasses"],"mappings":"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"}
+{"version":3,"sources":["useTreeItemLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTreeContext_unstable } from '../../contexts/treeContext';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\nexport const treeItemLayoutClassNames = {\n  root: 'fui-TreeItemLayout',\n  iconBefore: 'fui-TreeItemLayout__iconBefore',\n  content: 'fui-TreeItemLayout__content',\n  iconAfter: 'fui-TreeItemLayout__iconAfter',\n  expandIcon: 'fui-TreeItemLayout__expandIcon',\n  aside: 'fui-TreeItemLayout__aside',\n  actions: 'fui-TreeItemLayout__actions'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    sshi5w: \"f1nxs5xn\",\n    B7ck84d: \"f1ewtqcl\",\n    Ijaq50: \"f15ws6j\",\n    Br312pm: \"f135tdbu\",\n    nk6f5a: \"f2e2169\",\n    Bw0ie65: \"f4rqp6x\",\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    lj723h: \"flvvhsy\",\n    ecr2s2: \"f1wfn5kd\",\n    qya0sb: \"f1ih54s9\",\n    Bi91k9c: \"fnwyq0v\",\n    Jwef8y: \"f1t94bn6\",\n    Becwuud: \"f1jk1nfw\"\n  },\n  leaf: {\n    uwmqm3: [\"f1k1erfc\", \"faevyjx\"]\n  },\n  branch: {\n    uwmqm3: [\"fo100m9\", \"f6yw3pu\"]\n  },\n  medium: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  small: {\n    sshi5w: \"f1pha7fy\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  subtle: {},\n  \"subtle-alpha\": {\n    Jwef8y: \"f146ro5n\",\n    ecr2s2: \"fkam630\"\n  },\n  transparent: {\n    De3pzq: \"f1c21dwh\",\n    Jwef8y: \"fjxutwb\",\n    ecr2s2: \"fophhak\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1nxs5xn{min-height:32px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f15ws6j{-ms-grid-row:layout;grid-row-start:layout;}\", \".f135tdbu{-ms-grid-column:layout;grid-column-start:layout;}\", \".f2e2169{-ms-grid-row-span:layout;grid-row-end:layout;}\", \".f4rqp6x{-ms-grid-column-span:layout;grid-column-end:layout;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1k1erfc{padding-left:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".faevyjx{padding-right:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".fo100m9{padding-left:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".f6yw3pu{padding-right:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1pha7fy{min-height:24px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\"],\n  a: [\".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1ih54s9:active .fui-TreeItemLayout__expandIcon{color:var(--colorNeutralForeground3Pressed);}\", \".fkam630:active{background-color:var(--colorSubtleBackgroundLightAlphaPressed);}\", \".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\"],\n  h: [\".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1jk1nfw:hover .fui-TreeItemLayout__expandIcon{color:var(--colorNeutralForeground3Hover);}\", \".f146ro5n:hover{background-color:var(--colorSubtleBackgroundLightAlphaHover);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useActionsStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    qhf8xq: \"f10pi13n\",\n    Bj3rh1h: \"f19g0ac\",\n    Ijaq50: \"fobksn0\",\n    Br312pm: \"fmy5l6f\",\n    nk6f5a: \"fzqypwc\",\n    Bw0ie65: \"f1tmftl3\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f10pi13n{position:relative;}\", \".f19g0ac{z-index:1;}\", \".fobksn0{-ms-grid-row:aside;grid-row-start:aside;}\", \".fmy5l6f{-ms-grid-column:aside;grid-column-start:aside;}\", \".fzqypwc{-ms-grid-row-span:aside;grid-row-end:aside;}\", \".f1tmftl3{-ms-grid-column-span:aside;grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useAsideStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    Bt984gj: \"f122n59\",\n    Bj3rh1h: \"f11zp4z2\",\n    Ijaq50: \"fobksn0\",\n    Br312pm: \"fmy5l6f\",\n    nk6f5a: \"fzqypwc\",\n    Bw0ie65: \"f1tmftl3\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fw5db7e\", \"f1uw59to\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n    i8kkvl: \"f1ufnopg\",\n    Belr9w4: \"f14sijuj\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f11zp4z2{z-index:0;}\", \".fobksn0{-ms-grid-row:aside;grid-row-start:aside;}\", \".fmy5l6f{-ms-grid-column:aside;grid-column-start:aside;}\", \".fzqypwc{-ms-grid-row-span:aside;grid-row-end:aside;}\", \".f1tmftl3{-ms-grid-column-span:aside;grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1qch9an{padding-bottom:0;}\", \".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Styles for the expand icon slot\n */\nconst useExpandIconStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\",\n    Bf4jedk: \"f17fgpbq\",\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"f11d4kpn\",\n    Bh6795r: \"f1jhi6b8\",\n    Bnnss6s: \"fi64zpg\",\n    xawz: \"f1rmlqtg\",\n    z8tnut: \"f1ywm7hm\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f14wxoun\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f17fgpbq{min-width:24px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f1jhi6b8{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}\", \".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".f1rmlqtg{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\"]\n});\n/**\n * Styles for the content slot\n */\nconst useContentStyles = /*#__PURE__*/__styles({\n  base: {\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"ffczdla\", \"fgiv446\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"fgiv446\", \"ffczdla\"]\n  }\n}, {\n  d: [\".f1g0x7ka{padding-top:0;}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\n/**\n * Styles for the before/after icon slot\n */\nconst useIconStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    sj55zd: \"fkfq4zb\",\n    Bg96gwp: \"f106mvju\",\n    Be2twd7: \"f1pp30po\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\"]\n});\nconst useIconBeforeStyles = /*#__PURE__*/__styles({\n  medium: {\n    z189sj: [\"f7x41pl\", \"fruq291\"]\n  },\n  small: {\n    z189sj: [\"ffczdla\", \"fgiv446\"]\n  }\n}, {\n  d: [\".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\"]\n});\nconst useIconAfterStyles = /*#__PURE__*/__styles({\n  medium: {\n    uwmqm3: [\"fruq291\", \"f7x41pl\"]\n  },\n  small: {\n    uwmqm3: [\"fgiv446\", \"ffczdla\"]\n  }\n}, {\n  d: [\".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\"]\n});\n/**\n * Apply styling to the TreeItemLayout slots based on the state\n */\nexport const useTreeItemLayoutStyles_unstable = state => {\n  const {\n    content,\n    iconAfter,\n    iconBefore,\n    expandIcon,\n    root\n  } = state;\n  const rootStyles = useRootStyles();\n  const actionsStyles = useActionsStyles();\n  const asideStyles = useAsideStyles();\n  const contentStyles = useContentStyles();\n  const expandIconStyles = useExpandIconStyles();\n  const iconStyles = useIconStyles();\n  const iconBeforeStyles = useIconBeforeStyles();\n  const iconAfterStyles = useIconAfterStyles();\n  const size = useTreeContext_unstable(ctx => ctx.size);\n  const appearance = useTreeContext_unstable(ctx => ctx.appearance);\n  const itemType = useTreeItemContext_unstable(ctx => ctx.itemType);\n  root.className = mergeClasses(treeItemLayoutClassNames.root, rootStyles.base, rootStyles[appearance], rootStyles[size], rootStyles[itemType], root.className);\n  content.className = mergeClasses(treeItemLayoutClassNames.content, contentStyles.base, content.className);\n  if (expandIcon) {\n    expandIcon.className = mergeClasses(treeItemLayoutClassNames.expandIcon, expandIconStyles.base, expandIcon.className);\n  }\n  if (iconBefore) {\n    iconBefore.className = mergeClasses(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBeforeStyles[size], iconBefore.className);\n  }\n  if (iconAfter) {\n    iconAfter.className = mergeClasses(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfterStyles[size], iconAfter.className);\n  }\n  if (state.actions) {\n    state.actions.className = mergeClasses(treeItemLayoutClassNames.actions, actionsStyles.base, state.actions.className);\n  }\n  if (state.aside) {\n    state.aside.className = mergeClasses(treeItemLayoutClassNames.aside, asideStyles.base, state.aside.className);\n  }\n  if (state.expandIcon) {\n    state.expandIcon.className = mergeClasses(treeItemLayoutClassNames.expandIcon, expandIconStyles.base, state.expandIcon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTreeItemLayoutStyles.styles.js.map"],"names":["treeItemLayoutClassNames","useTreeItemLayoutStyles_unstable","root","iconBefore","content","iconAfter","expandIcon","aside","actions","useRootStyles","__styles","base","mc9l5x","Bt984gj","sshi5w","B7ck84d","Ijaq50","Br312pm","nk6f5a","Bw0ie65","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","lj723h","ecr2s2","qya0sb","Bi91k9c","Jwef8y","Becwuud","leaf","uwmqm3","branch","medium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","small","subtle","transparent","De3pzq","d","a","h","useActionsStyles","Frg6f3","qhf8xq","Bj3rh1h","z8tnut","z189sj","Byoj8tv","useAsideStyles","i8kkvl","Belr9w4","useExpandIconStyles","Brf1p80","Bf4jedk","sj55zd","Bh6795r","Bnnss6s","xawz","useContentStyles","useIconStyles","useIconBeforeStyles","useIconAfterStyles","state","rootStyles","actionsStyles","asideStyles","contentStyles","expandIconStyles","iconStyles","iconBeforeStyles","iconAfterStyles","size","useTreeContext_unstable","ctx","appearance","itemType","useTreeItemContext_unstable","className","mergeClasses"],"mappings":"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"}

package/lib-commonjs/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js

@@ -14,7 +14,7 @@ const renderTreeItemPersonaLayout_unstable = (state, contextValues)=>{
     const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
     return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slots.expandIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.expandIcon, slotProps.expandIcon), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactAvatar.AvatarContextProvider, {
         value: contextValues.avatar
-    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.media, slotProps.media)), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.main, slotProps.main), slots.description && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.description, slotProps.description), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactButton.ButtonContextProvider, {
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.media, slotProps.media)), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.content, slotProps.content), slots.description && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.description, slotProps.description), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactButton.ButtonContextProvider, {
         value: state.buttonContextValue
     }, slots.actions && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.actions, slotProps.actions), slots.aside && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.aside, slotProps.aside)));
 };

package/lib-commonjs/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTreeItemPersonaLayout.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AvatarContextProvider } from '@fluentui/react-avatar';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n/**\n * Render the final JSX of TreeItemPersonaLayout\n */ export const renderTreeItemPersonaLayout_unstable = (state, contextValues)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.expandIcon && /*#__PURE__*/ createElement(slots.expandIcon, slotProps.expandIcon), /*#__PURE__*/ createElement(AvatarContextProvider, {\n        value: contextValues.avatar\n    }, /*#__PURE__*/ createElement(slots.media, slotProps.media)), /*#__PURE__*/ createElement(slots.main, slotProps.main), slots.description && /*#__PURE__*/ createElement(slots.description, slotProps.description), /*#__PURE__*/ createElement(ButtonContextProvider, {\n        value: state.buttonContextValue\n    }, slots.actions && /*#__PURE__*/ createElement(slots.actions, slotProps.actions), slots.aside && /*#__PURE__*/ createElement(slots.aside, slotProps.aside)));\n};\n"],"names":["renderTreeItemPersonaLayout_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","expandIcon","AvatarContextProvider","value","avatar","media","main","description","ButtonContextProvider","buttonContextValue","actions","aside"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMjCA;;aAAAA;;iCANkE;gCACtD;6BACS;6BACA;AAG3B,MAAMA,uCAAuC,CAACC,OAAOC,gBAAgB;IAC5E,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,UAAU,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMK,UAAU,EAAEJ,UAAUI,UAAU,GAAG,WAAW,GAAGF,IAAAA,8BAAa,EAACG,kCAAqB,EAAE;QACvMC,OAAOR,cAAcS,MAAM;IAC/B,GAAG,WAAW,GAAGL,IAAAA,8BAAa,EAACH,MAAMS,KAAK,EAAER,UAAUQ,KAAK,IAAI,WAAW,GAAGN,IAAAA,8BAAa,EAACH,MAAMU,IAAI,EAAET,UAAUS,IAAI,GAAGV,MAAMW,WAAW,IAAI,WAAW,GAAGR,IAAAA,8BAAa,EAACH,MAAMW,WAAW,EAAEV,UAAUU,WAAW,GAAG,WAAW,GAAGR,IAAAA,8BAAa,EAACS,kCAAqB,EAAE;QACnQL,OAAOT,MAAMe,kBAAkB;IACnC,GAAGb,MAAMc,OAAO,IAAI,WAAW,GAAGX,IAAAA,8BAAa,EAACH,MAAMc,OAAO,EAAEb,UAAUa,OAAO,GAAGd,MAAMe,KAAK,IAAI,WAAW,GAAGZ,IAAAA,8BAAa,EAACH,MAAMe,KAAK,EAAEd,UAAUc,KAAK;AAC9J"}
+{"version":3,"sources":["renderTreeItemPersonaLayout.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AvatarContextProvider } from '@fluentui/react-avatar';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n/**\n * Render the final JSX of TreeItemPersonaLayout\n */ export const renderTreeItemPersonaLayout_unstable = (state, contextValues)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.expandIcon && /*#__PURE__*/ createElement(slots.expandIcon, slotProps.expandIcon), /*#__PURE__*/ createElement(AvatarContextProvider, {\n        value: contextValues.avatar\n    }, /*#__PURE__*/ createElement(slots.media, slotProps.media)), /*#__PURE__*/ createElement(slots.content, slotProps.content), slots.description && /*#__PURE__*/ createElement(slots.description, slotProps.description), /*#__PURE__*/ createElement(ButtonContextProvider, {\n        value: state.buttonContextValue\n    }, slots.actions && /*#__PURE__*/ createElement(slots.actions, slotProps.actions), slots.aside && /*#__PURE__*/ createElement(slots.aside, slotProps.aside)));\n};\n"],"names":["renderTreeItemPersonaLayout_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","expandIcon","AvatarContextProvider","value","avatar","media","content","description","ButtonContextProvider","buttonContextValue","actions","aside"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMjCA;;aAAAA;;iCANkE;gCACtD;6BACS;6BACA;AAG3B,MAAMA,uCAAuC,CAACC,OAAOC,gBAAgB;IAC5E,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,UAAU,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMK,UAAU,EAAEJ,UAAUI,UAAU,GAAG,WAAW,GAAGF,IAAAA,8BAAa,EAACG,kCAAqB,EAAE;QACvMC,OAAOR,cAAcS,MAAM;IAC/B,GAAG,WAAW,GAAGL,IAAAA,8BAAa,EAACH,MAAMS,KAAK,EAAER,UAAUQ,KAAK,IAAI,WAAW,GAAGN,IAAAA,8BAAa,EAACH,MAAMU,OAAO,EAAET,UAAUS,OAAO,GAAGV,MAAMW,WAAW,IAAI,WAAW,GAAGR,IAAAA,8BAAa,EAACH,MAAMW,WAAW,EAAEV,UAAUU,WAAW,GAAG,WAAW,GAAGR,IAAAA,8BAAa,EAACS,kCAAqB,EAAE;QACzQL,OAAOT,MAAMe,kBAAkB;IACnC,GAAGb,MAAMc,OAAO,IAAI,WAAW,GAAGX,IAAAA,8BAAa,EAACH,MAAMc,OAAO,EAAEb,UAAUa,OAAO,GAAGd,MAAMe,KAAK,IAAI,WAAW,GAAGZ,IAAAA,8BAAa,EAACH,MAAMe,KAAK,EAAEd,UAAUc,KAAK;AAC9J"}

package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js

@@ -13,7 +13,7 @@ const _contexts = require("../../contexts");
 const _tokens = require("../../utils/tokens");
 const _useTreeItemLayout = require("../TreeItemLayout/useTreeItemLayout");
 const useTreeItemPersonaLayout_unstable = (props, ref)=>{
-    const { media , children , main , description  } = props;
+    const { media , children , content , description  } = props;
     const treeItemLayoutState = (0, _useTreeItemLayout.useTreeItemLayout_unstable)({
         ...props,
         iconBefore: null,
@@ -24,7 +24,7 @@ const useTreeItemPersonaLayout_unstable = (props, ref)=>{
         ...treeItemLayoutState,
         components: {
             expandIcon: 'div',
-            main: 'div',
+            content: 'div',
             description: 'div',
             root: 'div',
             media: 'div',
@@ -32,7 +32,7 @@ const useTreeItemPersonaLayout_unstable = (props, ref)=>{
             actions: 'div'
         },
         avatarSize: _tokens.treeAvatarSize[size],
-        main: (0, _reactUtilities.resolveShorthand)(main, {
+        content: (0, _reactUtilities.resolveShorthand)(content, {
             required: true,
             defaultProps: {
                 children

package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTreeItemPersonaLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { useTreeContext_unstable } from '../../contexts';\nimport { treeAvatarSize } from '../../utils/tokens';\nimport { useTreeItemLayout_unstable } from '../TreeItemLayout/useTreeItemLayout';\n/**\n * Create the state required to render TreeItemPersonaLayout.\n *\n * The returned state can be modified with hooks such as useTreeItemPersonaLayoutStyles_unstable,\n * before being passed to renderTreeItemPersonaLayout_unstable.\n *\n * @param props - props from this instance of TreeItemPersonaLayout\n * @param ref - reference to root HTMLElement of TreeItemPersonaLayout\n */ export const useTreeItemPersonaLayout_unstable = (props, ref)=>{\n    const { media , children , main , description  } = props;\n    const treeItemLayoutState = useTreeItemLayout_unstable({\n        ...props,\n        iconBefore: null,\n        iconAfter: null\n    }, ref);\n    const size = useTreeContext_unstable((ctx)=>ctx.size);\n    return {\n        ...treeItemLayoutState,\n        components: {\n            expandIcon: 'div',\n            main: 'div',\n            description: 'div',\n            root: 'div',\n            media: 'div',\n            aside: 'div',\n            actions: 'div'\n        },\n        avatarSize: treeAvatarSize[size],\n        main: resolveShorthand(main, {\n            required: true,\n            defaultProps: {\n                children\n            }\n        }),\n        media: resolveShorthand(media, {\n            required: true\n        }),\n        description: resolveShorthand(description)\n    };\n};\n"],"names":["useTreeItemPersonaLayout_unstable","props","ref","media","children","main","description","treeItemLayoutState","useTreeItemLayout_unstable","iconBefore","iconAfter","size","useTreeContext_unstable","ctx","components","expandIcon","root","aside","actions","avatarSize","treeAvatarSize","resolveShorthand","required","defaultProps"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAbM;gCACU;0BACO;wBACT;mCACY;AAShC,MAAMA,oCAAoC,CAACC,OAAOC,MAAM;IAC/D,MAAM,EAAEC,MAAK,EAAGC,SAAQ,EAAGC,KAAI,EAAGC,YAAW,EAAG,GAAGL;IACnD,MAAMM,sBAAsBC,IAAAA,6CAA0B,EAAC;QACnD,GAAGP,KAAK;QACRQ,YAAY,IAAI;QAChBC,WAAW,IAAI;IACnB,GAAGR;IACH,MAAMS,OAAOC,IAAAA,iCAAuB,EAAC,CAACC,MAAMA,IAAIF,IAAI;IACpD,OAAO;QACH,GAAGJ,mBAAmB;QACtBO,YAAY;YACRC,YAAY;YACZV,MAAM;YACNC,aAAa;YACbU,MAAM;YACNb,OAAO;YACPc,OAAO;YACPC,SAAS;QACb;QACAC,YAAYC,sBAAc,CAACT,KAAK;QAChCN,MAAMgB,IAAAA,gCAAgB,EAAChB,MAAM;YACzBiB,UAAU,IAAI;YACdC,cAAc;gBACVnB;YACJ;QACJ;QACAD,OAAOkB,IAAAA,gCAAgB,EAAClB,OAAO;YAC3BmB,UAAU,IAAI;QAClB;QACAhB,aAAae,IAAAA,gCAAgB,EAACf;IAClC;AACJ"}
+{"version":3,"sources":["useTreeItemPersonaLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { useTreeContext_unstable } from '../../contexts';\nimport { treeAvatarSize } from '../../utils/tokens';\nimport { useTreeItemLayout_unstable } from '../TreeItemLayout/useTreeItemLayout';\n/**\n * Create the state required to render TreeItemPersonaLayout.\n *\n * The returned state can be modified with hooks such as useTreeItemPersonaLayoutStyles_unstable,\n * before being passed to renderTreeItemPersonaLayout_unstable.\n *\n * @param props - props from this instance of TreeItemPersonaLayout\n * @param ref - reference to root HTMLElement of TreeItemPersonaLayout\n */ export const useTreeItemPersonaLayout_unstable = (props, ref)=>{\n    const { media , children , content , description  } = props;\n    const treeItemLayoutState = useTreeItemLayout_unstable({\n        ...props,\n        iconBefore: null,\n        iconAfter: null\n    }, ref);\n    const size = useTreeContext_unstable((ctx)=>ctx.size);\n    return {\n        ...treeItemLayoutState,\n        components: {\n            expandIcon: 'div',\n            content: 'div',\n            description: 'div',\n            root: 'div',\n            media: 'div',\n            aside: 'div',\n            actions: 'div'\n        },\n        avatarSize: treeAvatarSize[size],\n        content: resolveShorthand(content, {\n            required: true,\n            defaultProps: {\n                children\n            }\n        }),\n        media: resolveShorthand(media, {\n            required: true\n        }),\n        description: resolveShorthand(description)\n    };\n};\n"],"names":["useTreeItemPersonaLayout_unstable","props","ref","media","children","content","description","treeItemLayoutState","useTreeItemLayout_unstable","iconBefore","iconAfter","size","useTreeContext_unstable","ctx","components","expandIcon","root","aside","actions","avatarSize","treeAvatarSize","resolveShorthand","required","defaultProps"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAbM;gCACU;0BACO;wBACT;mCACY;AAShC,MAAMA,oCAAoC,CAACC,OAAOC,MAAM;IAC/D,MAAM,EAAEC,MAAK,EAAGC,SAAQ,EAAGC,QAAO,EAAGC,YAAW,EAAG,GAAGL;IACtD,MAAMM,sBAAsBC,IAAAA,6CAA0B,EAAC;QACnD,GAAGP,KAAK;QACRQ,YAAY,IAAI;QAChBC,WAAW,IAAI;IACnB,GAAGR;IACH,MAAMS,OAAOC,IAAAA,iCAAuB,EAAC,CAACC,MAAMA,IAAIF,IAAI;IACpD,OAAO;QACH,GAAGJ,mBAAmB;QACtBO,YAAY;YACRC,YAAY;YACZV,SAAS;YACTC,aAAa;YACbU,MAAM;YACNb,OAAO;YACPc,OAAO;YACPC,SAAS;QACb;QACAC,YAAYC,sBAAc,CAACT,KAAK;QAChCN,SAASgB,IAAAA,gCAAgB,EAAChB,SAAS;YAC/BiB,UAAU,IAAI;YACdC,cAAc;gBACVnB;YACJ;QACJ;QACAD,OAAOkB,IAAAA,gCAAgB,EAAClB,OAAO;YAC3BmB,UAAU,IAAI;QAClB;QACAhB,aAAae,IAAAA,gCAAgB,EAACf;IAClC;AACJ"}

package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js

@@ -18,7 +18,7 @@ const treeItemPersonaLayoutClassNames = {
     root: 'fui-TreeItemPersonaLayout',
     media: 'fui-TreeItemPersonaLayout__media',
     description: 'fui-TreeItemPersonaLayout__description',
-    main: 'fui-TreeItemPersonaLayout__main',
+    content: 'fui-TreeItemPersonaLayout__content',
     expandIcon: 'fui-TreeItemPersonaLayout__expandIcon',
     aside: 'fui-TreeItemPersonaLayout__aside',
     actions: 'fui-TreeItemPersonaLayout__actions'
@@ -30,7 +30,7 @@ const treeItemPersonaLayoutClassNames = {
         mc9l5x: "f13qh94s",
         wkccdc: "f1y0tuzo",
         Budl1dq: "fellwe7",
-        zoa1oz: "f1pam7zy",
+        zoa1oz: "f86xsft",
         Bt984gj: "f122n59",
         Bahqtrf: "fk6fouc",
         Be2twd7: "fkhj508",
@@ -57,10 +57,10 @@ const treeItemPersonaLayoutClassNames = {
     }
 }, {
     d: [
-        ".f13qh94s{display:grid;}",
-        ".f1y0tuzo{grid-template-rows:1fr auto;}",
-        ".fellwe7{grid-template-columns:auto auto 1fr auto;}",
-        ".f1pam7zy{grid-template-areas:\"expandIcon media main        aside\" \"expandIcon media description aside\";}",
+        ".f13qh94s{display:-ms-grid;display:grid;}",
+        ".f1y0tuzo{-ms-grid-rows:1fr auto;grid-template-rows:1fr auto;}",
+        ".fellwe7{-ms-grid-columns:auto auto 1fr auto;grid-template-columns:auto auto 1fr auto;}",
+        ".f86xsft{grid-template-areas:\"expandIcon media content        aside\" \"expandIcon media description aside\";}",
         ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
         ".fk6fouc{font-family:var(--fontFamilyBase);}",
         ".fkhj508{font-size:var(--fontSizeBase300);}",
@@ -111,10 +111,10 @@ const treeItemPersonaLayoutClassNames = {
         ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
         ".f1szoe96{width:32px;}",
         ".f1d2rq10{height:32px;}",
-        ".f11uok23{grid-row-start:media;}",
-        ".f1qdfnnj{grid-column-start:media;}",
-        ".f1s27gz{grid-row-end:media;}",
-        ".f86d0yl{grid-column-end:media;}",
+        ".f11uok23{-ms-grid-row:media;grid-row-start:media;}",
+        ".f1qdfnnj{-ms-grid-column:media;grid-column-start:media;}",
+        ".f1s27gz{-ms-grid-row-span:media;grid-row-end:media;}",
+        ".f86d0yl{-ms-grid-column-span:media;grid-column-end:media;}",
         ".f1g0x7ka{padding-top:0;}",
         ".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
         ".fruq291{padding-left:var(--spacingHorizontalXS);}",
@@ -123,12 +123,12 @@ const treeItemPersonaLayoutClassNames = {
         ".ffczdla{padding-right:var(--spacingHorizontalXXS);}"
     ]
 });
-const useMainStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useContentStyles = /*#__PURE__*/ (0, _react["__styles"])({
     base: {
-        Ijaq50: "f17iroih",
-        Br312pm: "fppdkoh",
-        nk6f5a: "fsb8d6n",
-        Bw0ie65: "f6k5g14",
+        Ijaq50: "fxwmwwq",
+        Br312pm: "f1e0gndy",
+        nk6f5a: "f4zz6gv",
+        Bw0ie65: "f7idnck",
         z8tnut: "f1ngh7ph",
         z189sj: [
             "f7x41pl",
@@ -154,10 +154,10 @@ const useMainStyles = /*#__PURE__*/ (0, _react["__styles"])({
     }
 }, {
     d: [
-        ".f17iroih{grid-row-start:main;}",
-        ".fppdkoh{grid-column-start:main;}",
-        ".fsb8d6n{grid-row-end:main;}",
-        ".f6k5g14{grid-column-end:main;}",
+        ".fxwmwwq{-ms-grid-row:content;grid-row-start:content;}",
+        ".f1e0gndy{-ms-grid-column:content;grid-column-start:content;}",
+        ".f4zz6gv{-ms-grid-row-span:content;grid-row-end:content;}",
+        ".f7idnck{-ms-grid-column-span:content;grid-column-end:content;}",
         ".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}",
         ".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
         ".fruq291{padding-left:var(--spacingHorizontalXS);}",
@@ -190,10 +190,10 @@ const useDescriptionStyles = /*#__PURE__*/ (0, _react["__styles"])({
     }
 }, {
     d: [
-        ".ffekjdo{grid-row-start:description;}",
-        ".f12wtlaa{grid-column-start:description;}",
-        ".f1blqr63{grid-row-end:description;}",
-        ".f2ve1i{grid-column-end:description;}",
+        ".ffekjdo{-ms-grid-row:description;grid-row-start:description;}",
+        ".f12wtlaa{-ms-grid-column:description;grid-column-start:description;}",
+        ".f1blqr63{-ms-grid-row-span:description;grid-row-end:description;}",
+        ".f2ve1i{-ms-grid-column-span:description;grid-column-end:description;}",
         ".fk6fouc{font-family:var(--fontFamilyBase);}",
         ".fy9rknc{font-size:var(--fontSizeBase200);}",
         ".figsok6{font-weight:var(--fontWeightRegular);}",
@@ -239,10 +239,10 @@ const useDescriptionStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1ujusj6{margin-right:auto;}",
         ".f10pi13n{position:relative;}",
         ".f19g0ac{z-index:1;}",
-        ".fobksn0{grid-row-start:aside;}",
-        ".fmy5l6f{grid-column-start:aside;}",
-        ".fzqypwc{grid-row-end:aside;}",
-        ".f1tmftl3{grid-column-end:aside;}",
+        ".fobksn0{-ms-grid-row:aside;grid-row-start:aside;}",
+        ".fmy5l6f{-ms-grid-column:aside;grid-column-start:aside;}",
+        ".fzqypwc{-ms-grid-row-span:aside;grid-row-end:aside;}",
+        ".f1tmftl3{-ms-grid-column-span:aside;grid-column-end:aside;}",
         ".f1g0x7ka{padding-top:0;}",
         ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
         ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
@@ -284,10 +284,10 @@ const useDescriptionStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1ujusj6{margin-right:auto;}",
         ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
         ".f11zp4z2{z-index:0;}",
-        ".fobksn0{grid-row-start:aside;}",
-        ".fmy5l6f{grid-column-start:aside;}",
-        ".fzqypwc{grid-row-end:aside;}",
-        ".f1tmftl3{grid-column-end:aside;}",
+        ".fobksn0{-ms-grid-row:aside;grid-row-start:aside;}",
+        ".fmy5l6f{-ms-grid-column:aside;grid-column-start:aside;}",
+        ".fzqypwc{-ms-grid-row-span:aside;grid-row-end:aside;}",
+        ".f1tmftl3{-ms-grid-column-span:aside;grid-column-end:aside;}",
         ".f1g0x7ka{padding-top:0;}",
         ".fw5db7e{padding-right:var(--spacingHorizontalM);}",
         ".f1uw59to{padding-left:var(--spacingHorizontalM);}",
@@ -332,10 +332,10 @@ const useDescriptionStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f17fgpbq{min-width:24px;}",
         ".f1ewtqcl{box-sizing:border-box;}",
         ".f11d4kpn{color:var(--colorNeutralForeground3);}",
-        ".f1e6rimv{grid-row-start:expandIcon;}",
-        ".f10hsf66{grid-column-start:expandIcon;}",
-        ".foflfm0{grid-row-end:expandIcon;}",
-        ".f1b3ebjb{grid-column-end:expandIcon;}",
+        ".f1e6rimv{-ms-grid-row:expandIcon;grid-row-start:expandIcon;}",
+        ".f10hsf66{-ms-grid-column:expandIcon;grid-column-start:expandIcon;}",
+        ".foflfm0{-ms-grid-row-span:expandIcon;grid-row-end:expandIcon;}",
+        ".f1b3ebjb{-ms-grid-column-span:expandIcon;grid-column-end:expandIcon;}",
         ".f1jhi6b8{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}",
         ".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}",
         ".f1rmlqtg{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;}",
@@ -352,12 +352,12 @@ const useTreeItemPersonaLayoutStyles_unstable = (state)=>{
     const actionsStyles = useActionsStyles();
     const asideStyles = useAsideStyles();
     const expandIconStyles = useExpandIconStyles();
-    const mainStyles = useMainStyles();
+    const contentStyles = useContentStyles();
     const itemType = (0, _treeItemContext.useTreeItemContext_unstable)((ctx)=>ctx.itemType);
     state.root.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.root, rootStyles.base, rootStyles[itemType], state.root.className);
     state.media.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.media, mediaStyles.base, state.media.className);
-    if (state.main) {
-        state.main.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.main, mainStyles.base, state.description && mainStyles.withDescription, state.main.className);
+    if (state.content) {
+        state.content.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.content, contentStyles.base, state.description && contentStyles.withDescription, state.content.className);
     }
     if (state.description) {
         state.description.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.description, descriptionStyles.base, state.description.className);