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

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

@@ -1,65 +1,46 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useTreeItemPersonaLayout_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const contexts_1 = /*#__PURE__*/require("../../contexts");
-const tokens_1 = /*#__PURE__*/require("../../utils/tokens");
-/**
- * Create the state required to render TreeItemPersonaLayout.
- *
- * The returned state can be modified with hooks such as useTreeItemPersonaLayoutStyles_unstable,
- * before being passed to renderTreeItemPersonaLayout_unstable.
- *
- * @param props - props from this instance of TreeItemPersonaLayout
- * @param ref - reference to root HTMLElement of TreeItemPersonaLayout
- */
-const useTreeItemPersonaLayout_unstable = (props, ref) => {
-  const {
-    media,
-    content,
-    children,
-    main,
-    description,
-    aside,
-    as = 'span'
-  } = props;
-  const size = contexts_1.useTreeContext_unstable(ctx => ctx.size);
-  const {
-    isActionsVisible
-  } = contexts_1.useTreeItemContext_unstable();
-  return {
-    components: {
-      content: 'div',
-      main: 'span',
-      description: 'span',
-      root: 'span',
-      media: 'span',
-      aside: 'span'
-    },
-    isActionsVisible,
-    avatarSize: tokens_1.treeAvatarSize[size],
-    root: react_utilities_1.getNativeElementProps(as, {
-      ...props,
-      ref
-    }),
-    main: react_utilities_1.resolveShorthand(main, {
-      required: true,
-      defaultProps: {
-        children
-      }
-    }),
-    media: react_utilities_1.resolveShorthand(media, {
-      required: true
-    }),
-    content: react_utilities_1.resolveShorthand(content, {
-      required: true
-    }),
-    description: react_utilities_1.resolveShorthand(description),
-    aside: react_utilities_1.resolveShorthand(aside)
-  };
+Object.defineProperty(exports, "useTreeItemPersonaLayout_unstable", {
+    enumerable: true,
+    get: ()=>useTreeItemPersonaLayout_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+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 treeItemLayoutState = (0, _useTreeItemLayout.useTreeItemLayout_unstable)({
+        ...props,
+        iconBefore: null,
+        iconAfter: null
+    }, ref);
+    const size = (0, _contexts.useTreeContext_unstable)((ctx)=>ctx.size);
+    return {
+        ...treeItemLayoutState,
+        components: {
+            expandIcon: 'div',
+            main: 'div',
+            description: 'div',
+            root: 'div',
+            media: 'div',
+            aside: 'div',
+            actions: 'div'
+        },
+        avatarSize: _tokens.treeAvatarSize[size],
+        main: (0, _reactUtilities.resolveShorthand)(main, {
+            required: true,
+            defaultProps: {
+                children
+            }
+        }),
+        media: (0, _reactUtilities.resolveShorthand)(media, {
+            required: true
+        }),
+        description: (0, _reactUtilities.resolveShorthand)(description)
+    };
 };
-exports.useTreeItemPersonaLayout_unstable = useTreeItemPersonaLayout_unstable;
-//# sourceMappingURL=useTreeItemPersonaLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","contexts_1","tokens_1","useTreeItemPersonaLayout_unstable","props","ref","media","content","children","main","description","aside","as","size","useTreeContext_unstable","ctx","isActionsVisible","useTreeItemContext_unstable","components","root","avatarSize","treeAvatarSize","getNativeElementProps","resolveShorthand","required","defaultProps","exports"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TreeItemPersonaLayoutProps, TreeItemPersonaLayoutState } from './TreeItemPersonaLayout.types';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport { useTreeContext_unstable, useTreeItemContext_unstable } from '../../contexts';\nimport { treeAvatarSize } from '../../utils/tokens';\n\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 */\nexport const useTreeItemPersonaLayout_unstable = (\n  props: TreeItemPersonaLayoutProps,\n  ref: React.Ref<HTMLSpanElement>,\n): TreeItemPersonaLayoutState => {\n  const { media, content, children, main, description, aside, as = 'span' } = props;\n  const size = useTreeContext_unstable(ctx => ctx.size);\n  const { isActionsVisible } = useTreeItemContext_unstable();\n  return {\n    components: {\n      content: 'div',\n      main: 'span',\n      description: 'span',\n      root: 'span',\n      media: 'span',\n      aside: 'span',\n    },\n    isActionsVisible,\n    avatarSize: treeAvatarSize[size],\n    root: getNativeElementProps(as, { ...props, ref }),\n    main: resolveShorthand(main, { required: true, defaultProps: { children } }),\n    media: resolveShorthand(media, { required: true }),\n    content: resolveShorthand(content, { required: true }),\n    description: resolveShorthand(description),\n    aside: resolveShorthand(aside),\n  };\n};\n"],"mappings":";;;;;;AAEA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,UAAA,gBAAAD,OAAA;AACA,MAAAE,QAAA,gBAAAF,OAAA;AAEA;;;;;;;;;AASO,MAAMG,iCAAiC,GAAGA,CAC/CC,KAAiC,EACjCC,GAA+B,KACD;EAC9B,MAAM;IAAEC,KAAK;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,WAAW;IAAEC,KAAK;IAAEC,EAAE,GAAG;EAAM,CAAE,GAAGR,KAAK;EACjF,MAAMS,IAAI,GAAGZ,UAAA,CAAAa,uBAAuB,CAACC,GAAG,IAAIA,GAAG,CAACF,IAAI,CAAC;EACrD,MAAM;IAAEG;EAAgB,CAAE,GAAGf,UAAA,CAAAgB,2BAA2B,EAAE;EAC1D,OAAO;IACLC,UAAU,EAAE;MACVX,OAAO,EAAE,KAAK;MACdE,IAAI,EAAE,MAAM;MACZC,WAAW,EAAE,MAAM;MACnBS,IAAI,EAAE,MAAM;MACZb,KAAK,EAAE,MAAM;MACbK,KAAK,EAAE;KACR;IACDK,gBAAgB;IAChBI,UAAU,EAAElB,QAAA,CAAAmB,cAAc,CAACR,IAAI,CAAC;IAChCM,IAAI,EAAEpB,iBAAA,CAAAuB,qBAAqB,CAACV,EAAE,EAAE;MAAE,GAAGR,KAAK;MAAEC;IAAG,CAAE,CAAC;IAClDI,IAAI,EAAEV,iBAAA,CAAAwB,gBAAgB,CAACd,IAAI,EAAE;MAAEe,QAAQ,EAAE,IAAI;MAAEC,YAAY,EAAE;QAAEjB;MAAQ;IAAE,CAAE,CAAC;IAC5EF,KAAK,EAAEP,iBAAA,CAAAwB,gBAAgB,CAACjB,KAAK,EAAE;MAAEkB,QAAQ,EAAE;IAAI,CAAE,CAAC;IAClDjB,OAAO,EAAER,iBAAA,CAAAwB,gBAAgB,CAAChB,OAAO,EAAE;MAAEiB,QAAQ,EAAE;IAAI,CAAE,CAAC;IACtDd,WAAW,EAAEX,iBAAA,CAAAwB,gBAAgB,CAACb,WAAW,CAAC;IAC1CC,KAAK,EAAEZ,iBAAA,CAAAwB,gBAAgB,CAACZ,KAAK;GAC9B;AACH,CAAC;AAzBYe,OAAA,CAAAvB,iCAAiC,GAAAA,iCAAA"}
+{"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"}

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

@@ -1,20 +1,21 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useTreeItemPersonaLayoutContextValues_unstable = void 0;
-const React = /*#__PURE__*/require("react");
+Object.defineProperty(exports, "useTreeItemPersonaLayoutContextValues_unstable", {
+    enumerable: true,
+    get: ()=>useTreeItemPersonaLayoutContextValues_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 function useTreeItemPersonaLayoutContextValues_unstable(state) {
-  const {
-    avatarSize
-  } = state;
-  const avatar = React.useMemo(() => ({
-    size: avatarSize
-  }), [avatarSize]);
-  return {
-    avatar
-  };
+    const { avatarSize  } = state;
+    const avatar = _react.useMemo(()=>({
+            size: avatarSize
+        }), [
+        avatarSize
+    ]);
+    return {
+        avatar
+    };
 }
-exports.useTreeItemPersonaLayoutContextValues_unstable = useTreeItemPersonaLayoutContextValues_unstable;
-//# sourceMappingURL=useTreeItemPersonaLayoutContextValues.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useTreeItemPersonaLayoutContextValues_unstable","state","avatarSize","avatar","useMemo","size","exports"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.ts"],"sourcesContent":["import type { AvatarContextValue } from '@fluentui/react-avatar';\nimport * as React from 'react';\nimport type { TreeItemPersonaLayoutState, TreeItemPersonaLayoutContextValues } from './TreeItemPersonaLayout.types';\n\nexport function useTreeItemPersonaLayoutContextValues_unstable(\n  state: TreeItemPersonaLayoutState,\n): TreeItemPersonaLayoutContextValues {\n  const { avatarSize } = state;\n\n  const avatar = React.useMemo<AvatarContextValue>(() => ({ size: avatarSize }), [avatarSize]);\n\n  return { avatar };\n}\n"],"mappings":";;;;;;AACA,MAAAA,KAAA,gBAAAC,OAAA;AAGA,SAAgBC,8CAA8CA,CAC5DC,KAAiC;EAEjC,MAAM;IAAEC;EAAU,CAAE,GAAGD,KAAK;EAE5B,MAAME,MAAM,GAAGL,KAAK,CAACM,OAAO,CAAqB,OAAO;IAAEC,IAAI,EAAEH;EAAU,CAAE,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAE5F,OAAO;IAAEC;EAAM,CAAE;AACnB;AARAG,OAAA,CAAAN,8CAAA,GAAAA,8CAAA"}
+{"version":3,"sources":["useTreeItemPersonaLayoutContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useTreeItemPersonaLayoutContextValues_unstable(state) {\n    const { avatarSize  } = state;\n    const avatar = React.useMemo(()=>({\n            size: avatarSize\n        }), [\n        avatarSize\n    ]);\n    return {\n        avatar\n    };\n}\n"],"names":["useTreeItemPersonaLayoutContextValues_unstable","state","avatarSize","avatar","React","useMemo","size"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,+CAA+CC,KAAK,EAAE;IAClE,MAAM,EAAEC,WAAU,EAAG,GAAGD;IACxB,MAAME,SAASC,OAAMC,OAAO,CAAC,IAAK,CAAA;YAC1BC,MAAMJ;QACV,CAAA,GAAI;QACJA;KACH;IACD,OAAO;QACHC;IACJ;AACJ"}

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

@@ -0,0 +1,375 @@
+"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, {
+    treeItemPersonaLayoutClassNames: ()=>treeItemPersonaLayoutClassNames,
+    useTreeItemPersonaLayoutStyles_unstable: ()=>useTreeItemPersonaLayoutStyles_unstable
+});
+const _react = require("@griffel/react");
+const _treeItemContext = require("../../contexts/treeItemContext");
+const treeItemPersonaLayoutClassNames = {
+    root: 'fui-TreeItemPersonaLayout',
+    media: 'fui-TreeItemPersonaLayout__media',
+    description: 'fui-TreeItemPersonaLayout__description',
+    main: 'fui-TreeItemPersonaLayout__main',
+    expandIcon: 'fui-TreeItemPersonaLayout__expandIcon',
+    aside: 'fui-TreeItemPersonaLayout__aside',
+    actions: 'fui-TreeItemPersonaLayout__actions'
+};
+/**
+ * Styles for the root slot
+ */ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        mc9l5x: "f13qh94s",
+        wkccdc: "f1y0tuzo",
+        Budl1dq: "fellwe7",
+        zoa1oz: "f1pam7zy",
+        Bt984gj: "f122n59",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi",
+        lj723h: "flvvhsy",
+        ecr2s2: "f1wfn5kd",
+        zt0xaq: "f5na5aj",
+        Bi91k9c: "fnwyq0v",
+        Jwef8y: "f1t94bn6",
+        tbva4x: "f1oboesa"
+    },
+    leaf: {
+        uwmqm3: [
+            "f1k1erfc",
+            "faevyjx"
+        ]
+    },
+    branch: {
+        uwmqm3: [
+            "fo100m9",
+            "f6yw3pu"
+        ]
+    }
+}, {
+    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\";}",
+        ".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);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        ".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));}"
+    ],
+    a: [
+        ".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}",
+        ".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}",
+        ".f5na5aj:active .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Pressed);}"
+    ],
+    h: [
+        ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
+        ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}",
+        ".f1oboesa:hover .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Hover);}"
+    ]
+});
+/**
+ * Styles for the expand icon slot
+ */ const useMediaStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        a9b677: "f1szoe96",
+        Bqenvij: "f1d2rq10",
+        Ijaq50: "f11uok23",
+        Br312pm: "f1qdfnnj",
+        nk6f5a: "f1s27gz",
+        Bw0ie65: "f86d0yl",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "f7x41pl",
+            "fruq291"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "fgiv446",
+            "ffczdla"
+        ]
+    }
+}, {
+    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;}",
+        ".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;}",
+        ".f1g0x7ka{padding-top:0;}",
+        ".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
+        ".fruq291{padding-left:var(--spacingHorizontalXS);}",
+        ".f1qch9an{padding-bottom:0;}",
+        ".fgiv446{padding-left:var(--spacingHorizontalXXS);}",
+        ".ffczdla{padding-right:var(--spacingHorizontalXXS);}"
+    ]
+});
+const useMainStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        Ijaq50: "f17iroih",
+        Br312pm: "fppdkoh",
+        nk6f5a: "fsb8d6n",
+        Bw0ie65: "f6k5g14",
+        z8tnut: "f1ngh7ph",
+        z189sj: [
+            "f7x41pl",
+            "fruq291"
+        ],
+        Byoj8tv: "f5o476b",
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ]
+    },
+    withDescription: {
+        z8tnut: "f1ngh7ph",
+        z189sj: [
+            "f7x41pl",
+            "fruq291"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ]
+    }
+}, {
+    d: [
+        ".f17iroih{grid-row-start:main;}",
+        ".fppdkoh{grid-column-start:main;}",
+        ".fsb8d6n{grid-row-end:main;}",
+        ".f6k5g14{grid-column-end:main;}",
+        ".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}",
+        ".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
+        ".fruq291{padding-left:var(--spacingHorizontalXS);}",
+        ".f5o476b{padding-bottom:var(--spacingVerticalMNudge);}",
+        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
+        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
+        ".f1qch9an{padding-bottom:0;}"
+    ]
+});
+const useDescriptionStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        Ijaq50: "ffekjdo",
+        Br312pm: "f12wtlaa",
+        nk6f5a: "f1blqr63",
+        Bw0ie65: "f2ve1i",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "f7x41pl",
+            "fruq291"
+        ],
+        Byoj8tv: "f5o476b",
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ]
+    }
+}, {
+    d: [
+        ".ffekjdo{grid-row-start:description;}",
+        ".f12wtlaa{grid-column-start:description;}",
+        ".f1blqr63{grid-row-end:description;}",
+        ".f2ve1i{grid-column-end:description;}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
+        ".f1g0x7ka{padding-top:0;}",
+        ".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
+        ".fruq291{padding-left:var(--spacingHorizontalXS);}",
+        ".f5o476b{padding-bottom:var(--spacingVerticalMNudge);}",
+        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
+        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}"
+    ]
+});
+/**
+ * Styles for the action icon slot
+ */ const useActionsStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        mc9l5x: "f22iagw",
+        Frg6f3: [
+            "fcgxt0o",
+            "f1ujusj6"
+        ],
+        qhf8xq: "f10pi13n",
+        Bj3rh1h: "f19g0ac",
+        Ijaq50: "fobksn0",
+        Br312pm: "fmy5l6f",
+        nk6f5a: "fzqypwc",
+        Bw0ie65: "f1tmftl3",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "f1vdfbxk",
+            "f1f5gg8d"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ]
+    }
+}, {
+    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;}"
+    ]
+});
+/**
+ * Styles for the action icon slot
+ */ const useAsideStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        mc9l5x: "f22iagw",
+        Frg6f3: [
+            "fcgxt0o",
+            "f1ujusj6"
+        ],
+        Bt984gj: "f122n59",
+        Bj3rh1h: "f11zp4z2",
+        Ijaq50: "fobksn0",
+        Br312pm: "fmy5l6f",
+        nk6f5a: "fzqypwc",
+        Bw0ie65: "f1tmftl3",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "fw5db7e",
+            "f1uw59to"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "f1uw59to",
+            "fw5db7e"
+        ],
+        i8kkvl: "f1ufnopg",
+        Belr9w4: "f14sijuj"
+    }
+}, {
+    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);}"
+    ]
+});
+/**
+ * Styles for the expand icon slot
+ */ const useExpandIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        Brf1p80: "f4d9j23",
+        Bf4jedk: "f17fgpbq",
+        B7ck84d: "f1ewtqcl",
+        sj55zd: "f11d4kpn",
+        Ijaq50: "f1e6rimv",
+        Br312pm: "f10hsf66",
+        nk6f5a: "foflfm0",
+        Bw0ie65: "f1b3ebjb",
+        Bh6795r: "f1jhi6b8",
+        Bnnss6s: "fi64zpg",
+        xawz: "f1rmlqtg",
+        z8tnut: "f1ywm7hm",
+        z189sj: [
+            "fhxju0i",
+            "f1cnd47f"
+        ],
+        Byoj8tv: "f14wxoun",
+        uwmqm3: [
+            "f1cnd47f",
+            "fhxju0i"
+        ]
+    }
+}, {
+    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);}",
+        ".f1e6rimv{grid-row-start:expandIcon;}",
+        ".f10hsf66{grid-column-start:expandIcon;}",
+        ".foflfm0{grid-row-end:expandIcon;}",
+        ".f1b3ebjb{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;}",
+        ".f1ywm7hm{padding-top:var(--spacingVerticalXS);}",
+        ".fhxju0i{padding-right:0;}",
+        ".f1cnd47f{padding-left:0;}",
+        ".f14wxoun{padding-bottom:var(--spacingVerticalXS);}"
+    ]
+});
+const useTreeItemPersonaLayoutStyles_unstable = (state)=>{
+    const rootStyles = useRootStyles();
+    const mediaStyles = useMediaStyles();
+    const descriptionStyles = useDescriptionStyles();
+    const actionsStyles = useActionsStyles();
+    const asideStyles = useAsideStyles();
+    const expandIconStyles = useExpandIconStyles();
+    const mainStyles = useMainStyles();
+    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.description) {
+        state.description.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.description, descriptionStyles.base, state.description.className);
+    }
+    if (state.actions) {
+        state.actions.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.actions, actionsStyles.base, state.actions.className);
+    }
+    if (state.aside) {
+        state.aside.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.aside, asideStyles.base, state.aside.className);
+    }
+    if (state.expandIcon) {
+        state.expandIcon.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.expandIcon, expandIconStyles.base, state.expandIcon.className);
+    }
+    return state;
+}; //# sourceMappingURL=useTreeItemPersonaLayoutStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useTreeItemPersonaLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\nexport const treeItemPersonaLayoutClassNames = {\n  root: 'fui-TreeItemPersonaLayout',\n  media: 'fui-TreeItemPersonaLayout__media',\n  description: 'fui-TreeItemPersonaLayout__description',\n  main: 'fui-TreeItemPersonaLayout__main',\n  expandIcon: 'fui-TreeItemPersonaLayout__expandIcon',\n  aside: 'fui-TreeItemPersonaLayout__aside',\n  actions: 'fui-TreeItemPersonaLayout__actions'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f13qh94s\",\n    wkccdc: \"f1y0tuzo\",\n    Budl1dq: \"fellwe7\",\n    zoa1oz: \"f1pam7zy\",\n    Bt984gj: \"f122n59\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    lj723h: \"flvvhsy\",\n    ecr2s2: \"f1wfn5kd\",\n    zt0xaq: \"f5na5aj\",\n    Bi91k9c: \"fnwyq0v\",\n    Jwef8y: \"f1t94bn6\",\n    tbva4x: \"f1oboesa\"\n  },\n  leaf: {\n    uwmqm3: [\"f1k1erfc\", \"faevyjx\"]\n  },\n  branch: {\n    uwmqm3: [\"fo100m9\", \"f6yw3pu\"]\n  }\n}, {\n  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\\\";}\", \".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);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".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));}\"],\n  a: [\".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f5na5aj:active .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Pressed);}\"],\n  h: [\".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1oboesa:hover .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Hover);}\"]\n});\n/**\n * Styles for the expand icon slot\n */\nconst useMediaStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    a9b677: \"f1szoe96\",\n    Bqenvij: \"f1d2rq10\",\n    Ijaq50: \"f11uok23\",\n    Br312pm: \"f1qdfnnj\",\n    nk6f5a: \"f1s27gz\",\n    Bw0ie65: \"f86d0yl\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"fgiv446\", \"ffczdla\"]\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;}\", \".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;}\", \".f1g0x7ka{padding-top:0;}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f1qch9an{padding-bottom:0;}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\"]\n});\nconst useMainStyles = /*#__PURE__*/__styles({\n  base: {\n    Ijaq50: \"f17iroih\",\n    Br312pm: \"fppdkoh\",\n    nk6f5a: \"fsb8d6n\",\n    Bw0ie65: \"f6k5g14\",\n    z8tnut: \"f1ngh7ph\",\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    Byoj8tv: \"f5o476b\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n  },\n  withDescription: {\n    z8tnut: \"f1ngh7ph\",\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n  }\n}, {\n  d: [\".f17iroih{grid-row-start:main;}\", \".fppdkoh{grid-column-start:main;}\", \".fsb8d6n{grid-row-end:main;}\", \".f6k5g14{grid-column-end:main;}\", \".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f5o476b{padding-bottom:var(--spacingVerticalMNudge);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\nconst useDescriptionStyles = /*#__PURE__*/__styles({\n  base: {\n    Ijaq50: \"ffekjdo\",\n    Br312pm: \"f12wtlaa\",\n    nk6f5a: \"f1blqr63\",\n    Bw0ie65: \"f2ve1i\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    Byoj8tv: \"f5o476b\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n  }\n}, {\n  d: [\".ffekjdo{grid-row-start:description;}\", \".f12wtlaa{grid-column-start:description;}\", \".f1blqr63{grid-row-end:description;}\", \".f2ve1i{grid-column-end:description;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1g0x7ka{padding-top:0;}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f5o476b{padding-bottom:var(--spacingVerticalMNudge);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\"]\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    Ijaq50: \"f1e6rimv\",\n    Br312pm: \"f10hsf66\",\n    nk6f5a: \"foflfm0\",\n    Bw0ie65: \"f1b3ebjb\",\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);}\", \".f1e6rimv{grid-row-start:expandIcon;}\", \".f10hsf66{grid-column-start:expandIcon;}\", \".foflfm0{grid-row-end:expandIcon;}\", \".f1b3ebjb{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;}\", \".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 TreeItemPersonaLayout slots based on the state\n */\nexport const useTreeItemPersonaLayoutStyles_unstable = state => {\n  const rootStyles = useRootStyles();\n  const mediaStyles = useMediaStyles();\n  const descriptionStyles = useDescriptionStyles();\n  const actionsStyles = useActionsStyles();\n  const asideStyles = useAsideStyles();\n  const expandIconStyles = useExpandIconStyles();\n  const mainStyles = useMainStyles();\n  const itemType = useTreeItemContext_unstable(ctx => ctx.itemType);\n  state.root.className = mergeClasses(treeItemPersonaLayoutClassNames.root, rootStyles.base, rootStyles[itemType], state.root.className);\n  state.media.className = mergeClasses(treeItemPersonaLayoutClassNames.media, mediaStyles.base, state.media.className);\n  if (state.main) {\n    state.main.className = mergeClasses(treeItemPersonaLayoutClassNames.main, mainStyles.base, state.description && mainStyles.withDescription, state.main.className);\n  }\n  if (state.description) {\n    state.description.className = mergeClasses(treeItemPersonaLayoutClassNames.description, descriptionStyles.base, state.description.className);\n  }\n  if (state.actions) {\n    state.actions.className = mergeClasses(treeItemPersonaLayoutClassNames.actions, actionsStyles.base, state.actions.className);\n  }\n  if (state.aside) {\n    state.aside.className = mergeClasses(treeItemPersonaLayoutClassNames.aside, asideStyles.base, state.aside.className);\n  }\n  if (state.expandIcon) {\n    state.expandIcon.className = mergeClasses(treeItemPersonaLayoutClassNames.expandIcon, expandIconStyles.base, state.expandIcon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTreeItemPersonaLayoutStyles.styles.js.map"],"names":["treeItemPersonaLayoutClassNames","useTreeItemPersonaLayoutStyles_unstable","root","media","description","main","expandIcon","aside","actions","useRootStyles","__styles","base","mc9l5x","wkccdc","Budl1dq","zoa1oz","Bt984gj","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","lj723h","ecr2s2","zt0xaq","Bi91k9c","Jwef8y","tbva4x","leaf","uwmqm3","branch","d","a","h","useMediaStyles","a9b677","Bqenvij","Ijaq50","Br312pm","nk6f5a","Bw0ie65","z8tnut","z189sj","Byoj8tv","useMainStyles","withDescription","useDescriptionStyles","useActionsStyles","Frg6f3","qhf8xq","Bj3rh1h","useAsideStyles","i8kkvl","Belr9w4","useExpandIconStyles","Brf1p80","Bf4jedk","B7ck84d","sj55zd","Bh6795r","Bnnss6s","xawz","state","rootStyles","mediaStyles","descriptionStyles","actionsStyles","asideStyles","expandIconStyles","mainStyles","itemType","useTreeItemContext_unstable","ctx","className","mergeClasses"],"mappings":"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"}

package/lib-commonjs/contexts/index.js

@@ -1,9 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./treeContext"), exports);
-tslib_1.__exportStar(require("./treeItemContext"), exports);
-//# sourceMappingURL=index.js.map
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./treeContext"), exports);
+_exportStar(require("./treeItemContext"), exports);

package/lib-commonjs/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-tree/src/contexts/index.ts"],"sourcesContent":["export * from './treeContext';\nexport * from './treeItemContext';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './treeContext';\nexport * from './treeItemContext';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA"}