@fluentui/react-dialog 9.4.0 → 9.4.2

package/lib-commonjs/components/DialogSurface/useDialogSurfaceStyles.js

@@ -1,132 +1,318 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    dialogSurfaceClassNames: ()=>dialogSurfaceClassNames,
+    useDialogSurfaceStyles_unstable: ()=>useDialogSurfaceStyles_unstable
 });
-exports.useDialogSurfaceStyles_unstable = exports.dialogSurfaceClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
-const contexts_1 = /*#__PURE__*/require("../../contexts");
-exports.dialogSurfaceClassNames = {
-  root: 'fui-DialogSurface',
-  backdrop: 'fui-DialogSurface__backdrop'
+const _react = require("@griffel/react");
+const _contexts = require("../../contexts");
+const dialogSurfaceClassNames = {
+    root: 'fui-DialogSurface',
+    backdrop: 'fui-DialogSurface__backdrop'
 };
 /**
  * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/react_1.__styles({
-  focusOutline: {
-    Brovlpu: "ftqa4ok",
-    B486eqv: "f2hkw1w",
-    B8q5s1w: "f8hki3x",
-    Bci5o5g: ["f1d2448m", "ffh67wi"],
-    n8qw10: "f1bjia2o",
-    Bdrgwmp: ["ffh67wi", "f1d2448m"],
-    Bm4h7ae: "f15bsgw9",
-    B7ys5i9: "f14e48fq",
-    Busjfv9: "f18yb2kv",
-    Bhk32uz: "fd6o370",
-    Bf4ptjt: "fh1cnn4",
-    kclons: ["fy7oxxb", "f184ne2d"],
-    Bhdgwq3: "fpukqih",
-    Blkhhs4: ["f184ne2d", "fy7oxxb"],
-    Bqtpl0w: "frrh606",
-    clg4pj: ["f1v5zibi", "fo2hd23"],
-    hgwjuy: "ful5kiu",
-    Bonggc9: ["fo2hd23", "f1v5zibi"],
-    B1tsrr9: ["f1jqcqds", "ftffrms"],
-    Dah5zi: ["ftffrms", "f1jqcqds"],
-    Bkh64rk: ["f2e7qr6", "fsr1zz6"],
-    qqdqy8: ["fsr1zz6", "f2e7qr6"],
-    B6dhp37: "f1dvezut",
-    i03rao: ["fd0oaoj", "f1cwg4i8"],
-    Boxcth7: "fjvm52t",
-    Bsom6fd: ["f1cwg4i8", "fd0oaoj"],
-    J0r882: "fdiulkx",
-    Bjwuhne: "f1yalx80",
-    Ghsupd: ["fq22d5a", "f1jw7pan"],
-    Bule8hv: ["f1jw7pan", "fq22d5a"]
-  },
-  root: {
-    mc9l5x: "ftgm304",
-    famaaq: "f1c515w",
-    Bcdw1i0: "f1bitti",
-    Bhzewxz: "f15twtuk",
-    j35jbq: ["f1e31b4d", "f1vgc2s3"],
-    B5kzvoi: "f1yab3r1",
-    oyh7mz: ["f1vgc2s3", "f1e31b4d"],
-    z8tnut: "fuq56rw",
-    z189sj: ["f15kemlc", "fdgang7"],
-    Byoj8tv: "fl2zwns",
-    uwmqm3: ["fdgang7", "f15kemlc"],
-    B6of3ja: "fgr6219",
-    t21cq0: ["f1ujusj6", "fcgxt0o"],
-    jrapky: "f10jk5vf",
-    Frg6f3: ["fcgxt0o", "f1ujusj6"],
-    icvyot: "fzkkow9",
-    vrafjx: ["fcdblym", "fjik90z"],
-    oivjwe: "fg706s2",
-    wvpqe5: ["fjik90z", "fcdblym"],
-    B68tc82: "f1ln0qer",
-    Bmxbyg5: "fa2wlxz",
-    fshzfu: "f120kxnn",
-    qhf8xq: "f19dog8a",
-    a9b677: "fly5x3f",
-    Bqenvij: "f3052tw",
-    B2u0y6b: "fvgz9i8",
-    Bxyxcbc: "f6a9g1z",
-    B7ck84d: "f1ewtqcl",
-    E5pizo: "f10nrhrw",
-    De3pzq: "fxugw4r",
-    sj55zd: "f19n0e5",
-    B4j52fo: "f5ogflp",
-    Bekrc4i: ["f1hqa2wf", "finvdd3"],
-    Bn0qgzm: "f1f09k3d",
-    ibv6hh: ["finvdd3", "f1hqa2wf"],
-    g2u3we: "fghlq4f",
-    h3c5rm: ["f1gn591s", "fjscplz"],
-    B9xav0g: "fb073pr",
-    zhjwy3: ["fjscplz", "f1gn591s"],
-    Bbmb7ep: ["fnivh3a", "fc7yr5o"],
-    Beyfa6y: ["fc7yr5o", "fnivh3a"],
-    B7oj6ja: ["f1el4m67", "f8yange"],
-    Btl43ni: ["f8yange", "f1el4m67"],
-    B5xtmjs: "ff54dml"
-  },
-  backdrop: {
-    qhf8xq: "f19dog8a",
-    De3pzq: "fju19wo",
-    Bhzewxz: "f113wtx2",
-    j35jbq: ["f10k790i", "f1xynx9j"],
-    B5kzvoi: "f5gq2j6",
-    oyh7mz: ["f1xynx9j", "f10k790i"]
-  },
-  nestedDialogBackdrop: {
-    De3pzq: "f3rmtva"
-  },
-  nestedNativeDialogBackdrop: {
-    fshzfu: "foe20jx"
-  }
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    focusOutline: {
+        Brovlpu: "ftqa4ok",
+        B486eqv: "f2hkw1w",
+        B8q5s1w: "f8hki3x",
+        Bci5o5g: [
+            "f1d2448m",
+            "ffh67wi"
+        ],
+        n8qw10: "f1bjia2o",
+        Bdrgwmp: [
+            "ffh67wi",
+            "f1d2448m"
+        ],
+        Bm4h7ae: "f15bsgw9",
+        B7ys5i9: "f14e48fq",
+        Busjfv9: "f18yb2kv",
+        Bhk32uz: "fd6o370",
+        Bf4ptjt: "fh1cnn4",
+        kclons: [
+            "fy7oxxb",
+            "f184ne2d"
+        ],
+        Bhdgwq3: "fpukqih",
+        Blkhhs4: [
+            "f184ne2d",
+            "fy7oxxb"
+        ],
+        Bqtpl0w: "frrh606",
+        clg4pj: [
+            "f1v5zibi",
+            "fo2hd23"
+        ],
+        hgwjuy: "ful5kiu",
+        Bonggc9: [
+            "fo2hd23",
+            "f1v5zibi"
+        ],
+        B1tsrr9: [
+            "f1jqcqds",
+            "ftffrms"
+        ],
+        Dah5zi: [
+            "ftffrms",
+            "f1jqcqds"
+        ],
+        Bkh64rk: [
+            "f2e7qr6",
+            "fsr1zz6"
+        ],
+        qqdqy8: [
+            "fsr1zz6",
+            "f2e7qr6"
+        ],
+        B6dhp37: "f1dvezut",
+        i03rao: [
+            "fd0oaoj",
+            "f1cwg4i8"
+        ],
+        Boxcth7: "fjvm52t",
+        Bsom6fd: [
+            "f1cwg4i8",
+            "fd0oaoj"
+        ],
+        J0r882: "fdiulkx",
+        Bjwuhne: "f1yalx80",
+        Ghsupd: [
+            "fq22d5a",
+            "f1jw7pan"
+        ],
+        Bule8hv: [
+            "f1jw7pan",
+            "fq22d5a"
+        ]
+    },
+    root: {
+        mc9l5x: "ftgm304",
+        famaaq: "f1c515w",
+        Bcdw1i0: "f1bitti",
+        Bhzewxz: "f15twtuk",
+        j35jbq: [
+            "f1e31b4d",
+            "f1vgc2s3"
+        ],
+        B5kzvoi: "f1yab3r1",
+        oyh7mz: [
+            "f1vgc2s3",
+            "f1e31b4d"
+        ],
+        z8tnut: "fuq56rw",
+        z189sj: [
+            "f15kemlc",
+            "fdgang7"
+        ],
+        Byoj8tv: "fl2zwns",
+        uwmqm3: [
+            "fdgang7",
+            "f15kemlc"
+        ],
+        B6of3ja: "fgr6219",
+        t21cq0: [
+            "f1ujusj6",
+            "fcgxt0o"
+        ],
+        jrapky: "f10jk5vf",
+        Frg6f3: [
+            "fcgxt0o",
+            "f1ujusj6"
+        ],
+        icvyot: "fzkkow9",
+        vrafjx: [
+            "fcdblym",
+            "fjik90z"
+        ],
+        oivjwe: "fg706s2",
+        wvpqe5: [
+            "fjik90z",
+            "fcdblym"
+        ],
+        B68tc82: "f1ln0qer",
+        Bmxbyg5: "fa2wlxz",
+        fshzfu: "f120kxnn",
+        qhf8xq: "f19dog8a",
+        a9b677: "fly5x3f",
+        Bqenvij: "f3052tw",
+        B2u0y6b: "fvgz9i8",
+        Bxyxcbc: "f6a9g1z",
+        B7ck84d: "f1ewtqcl",
+        E5pizo: "f10nrhrw",
+        De3pzq: "fxugw4r",
+        sj55zd: "f19n0e5",
+        B4j52fo: "f5ogflp",
+        Bekrc4i: [
+            "f1hqa2wf",
+            "finvdd3"
+        ],
+        Bn0qgzm: "f1f09k3d",
+        ibv6hh: [
+            "finvdd3",
+            "f1hqa2wf"
+        ],
+        g2u3we: "fghlq4f",
+        h3c5rm: [
+            "f1gn591s",
+            "fjscplz"
+        ],
+        B9xav0g: "fb073pr",
+        zhjwy3: [
+            "fjscplz",
+            "f1gn591s"
+        ],
+        Bbmb7ep: [
+            "fnivh3a",
+            "fc7yr5o"
+        ],
+        Beyfa6y: [
+            "fc7yr5o",
+            "fnivh3a"
+        ],
+        B7oj6ja: [
+            "f1el4m67",
+            "f8yange"
+        ],
+        Btl43ni: [
+            "f8yange",
+            "f1el4m67"
+        ],
+        B5xtmjs: "ff54dml"
+    },
+    backdrop: {
+        qhf8xq: "f19dog8a",
+        De3pzq: "fju19wo",
+        Bhzewxz: "f113wtx2",
+        j35jbq: [
+            "f10k790i",
+            "f1xynx9j"
+        ],
+        B5kzvoi: "f5gq2j6",
+        oyh7mz: [
+            "f1xynx9j",
+            "f10k790i"
+        ]
+    },
+    nestedDialogBackdrop: {
+        De3pzq: "f3rmtva"
+    },
+    nestedNativeDialogBackdrop: {
+        fshzfu: "foe20jx"
+    }
 }, {
-  f: [".ftqa4ok:focus{outline-style:none;}"],
-  i: [".f2hkw1w:focus-visible{outline-style:none;}"],
-  d: [".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}", ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}", ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}", ".fd6o370[data-fui-focus-visible]::after{z-index:1;}", ".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}", ".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}", ".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}", ".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}", ".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}", ".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}", ".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}", ".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}", ".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}", ".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}", ".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}", ".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}", ".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}", ".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}", ".fdiulkx[data-fui-focus-visible]::after{top:-2px;}", ".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}", ".fq22d5a[data-fui-focus-visible]::after{left:-2px;}", ".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}", ".ftgm304{display:block;}", ".f1c515w{-webkit-user-select:unset;-moz-user-select:unset;-ms-user-select:unset;user-select:unset;}", ".f1bitti{visibility:unset;}", ".f15twtuk{top:0;}", ".f1e31b4d{right:0;}", ".f1vgc2s3{left:0;}", ".f1yab3r1{bottom:0;}", ".fuq56rw{padding-top:24px;}", ".f15kemlc{padding-right:24px;}", ".fdgang7{padding-left:24px;}", ".fl2zwns{padding-bottom:24px;}", ".fgr6219{margin-top:auto;}", ".f1ujusj6{margin-right:auto;}", ".fcgxt0o{margin-left:auto;}", ".f10jk5vf{margin-bottom:auto;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f1ln0qer{overflow-x:unset;}", ".fa2wlxz{overflow-y:unset;}", ".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}", ".f19dog8a{position:fixed;}", ".fly5x3f{width:100%;}", ".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}", ".fvgz9i8{max-width:600px;}", ".f6a9g1z{max-height:100vh;}", ".f1ewtqcl{box-sizing:border-box;}", ".f10nrhrw{box-shadow:var(--shadow64);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}", ".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}", ".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}", ".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}", ".fju19wo{background-color:rgba(0, 0, 0, 0.4);}", ".f113wtx2{top:0px;}", ".f10k790i{right:0px;}", ".f1xynx9j{left:0px;}", ".f5gq2j6{bottom:0px;}", ".f3rmtva{background-color:transparent;}", ".foe20jx::backdrop{background-color:transparent;}"],
-  m: [["@media screen and (max-width: 480px){.ff54dml{max-width:100vw;}}", {
-    m: "screen and (max-width: 480px)"
-  }]]
+    f: [
+        ".ftqa4ok:focus{outline-style:none;}"
+    ],
+    i: [
+        ".f2hkw1w:focus-visible{outline-style:none;}"
+    ],
+    d: [
+        ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
+        ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
+        ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
+        ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}",
+        ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}",
+        ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}",
+        ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
+        ".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
+        ".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}",
+        ".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}",
+        ".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}",
+        ".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}",
+        ".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}",
+        ".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}",
+        ".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}",
+        ".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}",
+        ".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}",
+        ".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}",
+        ".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}",
+        ".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}",
+        ".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}",
+        ".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}",
+        ".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}",
+        ".fdiulkx[data-fui-focus-visible]::after{top:-2px;}",
+        ".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}",
+        ".fq22d5a[data-fui-focus-visible]::after{left:-2px;}",
+        ".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}",
+        ".ftgm304{display:block;}",
+        ".f1c515w{-webkit-user-select:unset;-moz-user-select:unset;-ms-user-select:unset;user-select:unset;}",
+        ".f1bitti{visibility:unset;}",
+        ".f15twtuk{top:0;}",
+        ".f1e31b4d{right:0;}",
+        ".f1vgc2s3{left:0;}",
+        ".f1yab3r1{bottom:0;}",
+        ".fuq56rw{padding-top:24px;}",
+        ".f15kemlc{padding-right:24px;}",
+        ".fdgang7{padding-left:24px;}",
+        ".fl2zwns{padding-bottom:24px;}",
+        ".fgr6219{margin-top:auto;}",
+        ".f1ujusj6{margin-right:auto;}",
+        ".fcgxt0o{margin-left:auto;}",
+        ".f10jk5vf{margin-bottom:auto;}",
+        ".fzkkow9{border-top-style:solid;}",
+        ".fcdblym{border-right-style:solid;}",
+        ".fjik90z{border-left-style:solid;}",
+        ".fg706s2{border-bottom-style:solid;}",
+        ".f1ln0qer{overflow-x:unset;}",
+        ".fa2wlxz{overflow-y:unset;}",
+        ".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}",
+        ".f19dog8a{position:fixed;}",
+        ".fly5x3f{width:100%;}",
+        ".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}",
+        ".fvgz9i8{max-width:600px;}",
+        ".f6a9g1z{max-height:100vh;}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        ".f10nrhrw{box-shadow:var(--shadow64);}",
+        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
+        ".f19n0e5{color:var(--colorNeutralForeground1);}",
+        ".f5ogflp{border-top-width:1px;}",
+        ".f1hqa2wf{border-right-width:1px;}",
+        ".finvdd3{border-left-width:1px;}",
+        ".f1f09k3d{border-bottom-width:1px;}",
+        ".fghlq4f{border-top-color:var(--colorTransparentStroke);}",
+        ".f1gn591s{border-right-color:var(--colorTransparentStroke);}",
+        ".fjscplz{border-left-color:var(--colorTransparentStroke);}",
+        ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}",
+        ".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}",
+        ".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}",
+        ".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}",
+        ".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}",
+        ".fju19wo{background-color:rgba(0, 0, 0, 0.4);}",
+        ".f113wtx2{top:0px;}",
+        ".f10k790i{right:0px;}",
+        ".f1xynx9j{left:0px;}",
+        ".f5gq2j6{bottom:0px;}",
+        ".f3rmtva{background-color:transparent;}",
+        ".foe20jx::backdrop{background-color:transparent;}"
+    ],
+    m: [
+        [
+            "@media screen and (max-width: 480px){.ff54dml{max-width:100vw;}}",
+            {
+                m: "screen and (max-width: 480px)"
+            }
+        ]
+    ]
 });
-/**
- * Apply styling to the DialogSurface slots based on the state
- */
-const useDialogSurfaceStyles_unstable = state => {
-  const styles = useStyles();
-  const isNestedDialog = contexts_1.useDialogContext_unstable(ctx => ctx.isNestedDialog);
-  state.root.className = react_1.mergeClasses(exports.dialogSurfaceClassNames.root, styles.root, styles.focusOutline, isNestedDialog && styles.nestedNativeDialogBackdrop, state.root.className);
-  if (state.backdrop) {
-    state.backdrop.className = react_1.mergeClasses(exports.dialogSurfaceClassNames.backdrop, styles.backdrop, isNestedDialog && styles.nestedDialogBackdrop, state.backdrop.className);
-  }
-  return state;
-};
-exports.useDialogSurfaceStyles_unstable = useDialogSurfaceStyles_unstable;
+const useDialogSurfaceStyles_unstable = (state)=>{
+    const styles = useStyles();
+    const isNestedDialog = (0, _contexts.useDialogContext_unstable)((ctx)=>ctx.isNestedDialog);
+    state.root.className = (0, _react.mergeClasses)(dialogSurfaceClassNames.root, styles.root, styles.focusOutline, isNestedDialog && styles.nestedNativeDialogBackdrop, state.root.className);
+    if (state.backdrop) {
+        state.backdrop.className = (0, _react.mergeClasses)(dialogSurfaceClassNames.backdrop, styles.backdrop, isNestedDialog && styles.nestedDialogBackdrop, state.backdrop.className);
+    }
+    return state;
+}; //# sourceMappingURL=useDialogSurfaceStyles.js.map
+
 //# sourceMappingURL=useDialogSurfaceStyles.js.map

package/lib-commonjs/components/DialogSurface/useDialogSurfaceStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","react_theme_1","react_tabster_1","contexts_1","exports","dialogSurfaceClassNames","root","backdrop","useStyles","__styles","focusOutline","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","mc9l5x","famaaq","Bcdw1i0","Bhzewxz","j35jbq","B5kzvoi","oyh7mz","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","icvyot","vrafjx","oivjwe","wvpqe5","B68tc82","Bmxbyg5","fshzfu","qhf8xq","a9b677","Bqenvij","B2u0y6b","Bxyxcbc","B7ck84d","E5pizo","De3pzq","sj55zd","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B5xtmjs","nestedDialogBackdrop","nestedNativeDialogBackdrop","f","i","d","m","useDialogSurfaceStyles_unstable","state","styles","isNestedDialog","useDialogContext_unstable","ctx","className","mergeClasses"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurfaceStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport {\n  MEDIA_QUERY_BREAKPOINT_SELECTOR,\n  SURFACE_BORDER_WIDTH,\n  SURFACE_PADDING,\n  useDialogContext_unstable,\n} from '../../contexts';\nimport type { DialogSurfaceSlots, DialogSurfaceState } from './DialogSurface.types';\n\nexport const dialogSurfaceClassNames: SlotClassNames<DialogSurfaceSlots> = {\n  root: 'fui-DialogSurface',\n  backdrop: 'fui-DialogSurface__backdrop',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  focusOutline: createFocusOutlineStyle(),\n  root: {\n    display: 'block',\n    userSelect: 'unset',\n    visibility: 'unset',\n    ...shorthands.inset(0),\n    ...shorthands.padding(0),\n    ...shorthands.padding(SURFACE_PADDING),\n    ...shorthands.margin('auto'),\n    ...shorthands.borderStyle('none'),\n    ...shorthands.overflow('unset'),\n    '&::backdrop': {\n      backgroundColor: 'rgba(0, 0, 0, 0.4)',\n    },\n    position: 'fixed',\n    width: '100%',\n    height: 'fit-content',\n    maxWidth: '600px',\n    maxHeight: '100vh',\n    boxSizing: 'border-box',\n    boxShadow: tokens.shadow64,\n    backgroundColor: tokens.colorNeutralBackground1,\n    color: tokens.colorNeutralForeground1,\n    ...shorthands.border(SURFACE_BORDER_WIDTH, 'solid', tokens.colorTransparentStroke),\n    ...shorthands.borderRadius(tokens.borderRadiusXLarge),\n    [MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n      maxWidth: '100vw',\n    },\n  },\n  backdrop: {\n    position: 'fixed',\n    backgroundColor: 'rgba(0, 0, 0, 0.4)',\n    ...shorthands.inset('0px'),\n  },\n  nestedDialogBackdrop: {\n    backgroundColor: 'transparent',\n  },\n  nestedNativeDialogBackdrop: {\n    '&::backdrop': {\n      backgroundColor: 'transparent',\n    },\n  },\n});\n\n/**\n * Apply styling to the DialogSurface slots based on the state\n */\nexport const useDialogSurfaceStyles_unstable = (state: DialogSurfaceState): DialogSurfaceState => {\n  const styles = useStyles();\n  const isNestedDialog = useDialogContext_unstable(ctx => ctx.isNestedDialog);\n\n  state.root.className = mergeClasses(\n    dialogSurfaceClassNames.root,\n    styles.root,\n    styles.focusOutline,\n    isNestedDialog && styles.nestedNativeDialogBackdrop,\n    state.root.className,\n  );\n  if (state.backdrop) {\n    state.backdrop.className = mergeClasses(\n      dialogSurfaceClassNames.backdrop,\n      styles.backdrop,\n      isNestedDialog && styles.nestedDialogBackdrop,\n      state.backdrop.className,\n    );\n  }\n  return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAEA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,eAAA,gBAAAF,OAAA;AACA,MAAAG,UAAA,gBAAAH,OAAA;AAQaI,OAAA,CAAAC,uBAAuB,GAAuC;EACzEC,IAAI,EAAE,mBAAmB;EACzBC,QAAQ,EAAE;CACX;AAED;;;AAGA,MAAMC,SAAS,gBAAGT,OAAA,CAAAU,QAAU;EAAAC,YAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAlC,IAAA;IAAAmC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAA7E,QAAA;IAAAwD,MAAA;IAAAO,MAAA;IAAA1B,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAsC,oBAAA;IAAAf,MAAA;EAAA;EAAAgB,0BAAA;IAAAxB,MAAA;EAAA;AAAA;EAAAyB,CAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;AAAA,EA2C1B;AAEF;;;AAGO,MAAMC,+BAA+B,GAAIC,KAAyB,IAAwB;EAC/F,MAAMC,MAAM,GAAGrF,SAAS,EAAE;EAC1B,MAAMsF,cAAc,GAAG3F,UAAA,CAAA4F,yBAAyB,CAACC,GAAG,IAAIA,GAAG,CAACF,cAAc,CAAC;EAE3EF,KAAK,CAACtF,IAAI,CAAC2F,SAAS,GAAGlG,OAAA,CAAAmG,YAAY,CACjC9F,OAAA,CAAAC,uBAAuB,CAACC,IAAI,EAC5BuF,MAAM,CAACvF,IAAI,EACXuF,MAAM,CAACnF,YAAY,EACnBoF,cAAc,IAAID,MAAM,CAACP,0BAA0B,EACnDM,KAAK,CAACtF,IAAI,CAAC2F,SAAS,CACrB;EACD,IAAIL,KAAK,CAACrF,QAAQ,EAAE;IAClBqF,KAAK,CAACrF,QAAQ,CAAC0F,SAAS,GAAGlG,OAAA,CAAAmG,YAAY,CACrC9F,OAAA,CAAAC,uBAAuB,CAACE,QAAQ,EAChCsF,MAAM,CAACtF,QAAQ,EACfuF,cAAc,IAAID,MAAM,CAACR,oBAAoB,EAC7CO,KAAK,CAACrF,QAAQ,CAAC0F,SAAS,CACzB;;EAEH,OAAOL,KAAK;AACd,CAAC;AApBYxF,OAAA,CAAAuF,+BAA+B,GAAAA,+BAAA"}
+{"version":3,"sources":["../../../lib/components/DialogSurface/useDialogSurfaceStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { MEDIA_QUERY_BREAKPOINT_SELECTOR, SURFACE_BORDER_WIDTH, SURFACE_PADDING, useDialogContext_unstable } from '../../contexts';\nexport const dialogSurfaceClassNames = {\n  root: 'fui-DialogSurface',\n  backdrop: 'fui-DialogSurface__backdrop'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  focusOutline: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    Bm4h7ae: \"f15bsgw9\",\n    B7ys5i9: \"f14e48fq\",\n    Busjfv9: \"f18yb2kv\",\n    Bhk32uz: \"fd6o370\",\n    Bf4ptjt: \"fh1cnn4\",\n    kclons: [\"fy7oxxb\", \"f184ne2d\"],\n    Bhdgwq3: \"fpukqih\",\n    Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n    Bqtpl0w: \"frrh606\",\n    clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n    hgwjuy: \"ful5kiu\",\n    Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n    B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n    Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n    Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n    qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n    B6dhp37: \"f1dvezut\",\n    i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n    Boxcth7: \"fjvm52t\",\n    Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n    J0r882: \"fdiulkx\",\n    Bjwuhne: \"f1yalx80\",\n    Ghsupd: [\"fq22d5a\", \"f1jw7pan\"],\n    Bule8hv: [\"f1jw7pan\", \"fq22d5a\"]\n  },\n  root: {\n    mc9l5x: \"ftgm304\",\n    famaaq: \"f1c515w\",\n    Bcdw1i0: \"f1bitti\",\n    Bhzewxz: \"f15twtuk\",\n    j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n    B5kzvoi: \"f1yab3r1\",\n    oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n    z8tnut: \"fuq56rw\",\n    z189sj: [\"f15kemlc\", \"fdgang7\"],\n    Byoj8tv: \"fl2zwns\",\n    uwmqm3: [\"fdgang7\", \"f15kemlc\"],\n    B6of3ja: \"fgr6219\",\n    t21cq0: [\"f1ujusj6\", \"fcgxt0o\"],\n    jrapky: \"f10jk5vf\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    B68tc82: \"f1ln0qer\",\n    Bmxbyg5: \"fa2wlxz\",\n    fshzfu: \"f120kxnn\",\n    qhf8xq: \"f19dog8a\",\n    a9b677: \"fly5x3f\",\n    Bqenvij: \"f3052tw\",\n    B2u0y6b: \"fvgz9i8\",\n    Bxyxcbc: \"f6a9g1z\",\n    B7ck84d: \"f1ewtqcl\",\n    E5pizo: \"f10nrhrw\",\n    De3pzq: \"fxugw4r\",\n    sj55zd: \"f19n0e5\",\n    B4j52fo: \"f5ogflp\",\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    Bn0qgzm: \"f1f09k3d\",\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    g2u3we: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n    Bbmb7ep: [\"fnivh3a\", \"fc7yr5o\"],\n    Beyfa6y: [\"fc7yr5o\", \"fnivh3a\"],\n    B7oj6ja: [\"f1el4m67\", \"f8yange\"],\n    Btl43ni: [\"f8yange\", \"f1el4m67\"],\n    B5xtmjs: \"ff54dml\"\n  },\n  backdrop: {\n    qhf8xq: \"f19dog8a\",\n    De3pzq: \"fju19wo\",\n    Bhzewxz: \"f113wtx2\",\n    j35jbq: [\"f10k790i\", \"f1xynx9j\"],\n    B5kzvoi: \"f5gq2j6\",\n    oyh7mz: [\"f1xynx9j\", \"f10k790i\"]\n  },\n  nestedDialogBackdrop: {\n    De3pzq: \"f3rmtva\"\n  },\n  nestedNativeDialogBackdrop: {\n    fshzfu: \"foe20jx\"\n  }\n}, {\n  f: [\".ftqa4ok:focus{outline-style:none;}\"],\n  i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n  d: [\".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".fdiulkx[data-fui-focus-visible]::after{top:-2px;}\", \".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}\", \".fq22d5a[data-fui-focus-visible]::after{left:-2px;}\", \".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}\", \".ftgm304{display:block;}\", \".f1c515w{-webkit-user-select:unset;-moz-user-select:unset;-ms-user-select:unset;user-select:unset;}\", \".f1bitti{visibility:unset;}\", \".f15twtuk{top:0;}\", \".f1e31b4d{right:0;}\", \".f1vgc2s3{left:0;}\", \".f1yab3r1{bottom:0;}\", \".fuq56rw{padding-top:24px;}\", \".f15kemlc{padding-right:24px;}\", \".fdgang7{padding-left:24px;}\", \".fl2zwns{padding-bottom:24px;}\", \".fgr6219{margin-top:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".fcgxt0o{margin-left:auto;}\", \".f10jk5vf{margin-bottom:auto;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1ln0qer{overflow-x:unset;}\", \".fa2wlxz{overflow-y:unset;}\", \".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}\", \".f19dog8a{position:fixed;}\", \".fly5x3f{width:100%;}\", \".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}\", \".fvgz9i8{max-width:600px;}\", \".f6a9g1z{max-height:100vh;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f10nrhrw{box-shadow:var(--shadow64);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}\", \".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}\", \".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}\", \".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}\", \".fju19wo{background-color:rgba(0, 0, 0, 0.4);}\", \".f113wtx2{top:0px;}\", \".f10k790i{right:0px;}\", \".f1xynx9j{left:0px;}\", \".f5gq2j6{bottom:0px;}\", \".f3rmtva{background-color:transparent;}\", \".foe20jx::backdrop{background-color:transparent;}\"],\n  m: [[\"@media screen and (max-width: 480px){.ff54dml{max-width:100vw;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }]]\n});\n/**\n * Apply styling to the DialogSurface slots based on the state\n */\nexport const useDialogSurfaceStyles_unstable = state => {\n  const styles = useStyles();\n  const isNestedDialog = useDialogContext_unstable(ctx => ctx.isNestedDialog);\n  state.root.className = mergeClasses(dialogSurfaceClassNames.root, styles.root, styles.focusOutline, isNestedDialog && styles.nestedNativeDialogBackdrop, state.root.className);\n  if (state.backdrop) {\n    state.backdrop.className = mergeClasses(dialogSurfaceClassNames.backdrop, styles.backdrop, isNestedDialog && styles.nestedDialogBackdrop, state.backdrop.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useDialogSurfaceStyles.js.map"],"names":["dialogSurfaceClassNames","useDialogSurfaceStyles_unstable","root","backdrop","useStyles","__styles","focusOutline","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","mc9l5x","famaaq","Bcdw1i0","Bhzewxz","j35jbq","B5kzvoi","oyh7mz","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","icvyot","vrafjx","oivjwe","wvpqe5","B68tc82","Bmxbyg5","fshzfu","qhf8xq","a9b677","Bqenvij","B2u0y6b","Bxyxcbc","B7ck84d","E5pizo","De3pzq","sj55zd","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B5xtmjs","nestedDialogBackdrop","nestedNativeDialogBackdrop","f","i","d","m","state","styles","isNestedDialog","useDialogContext_unstable","ctx","className","mergeClasses"],"mappings":"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"}

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

@@ -1,26 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "DialogTitle", {
+    enumerable: true,
+    get: ()=>DialogTitle
 });
-exports.DialogTitle = void 0;
-const React = /*#__PURE__*/require("react");
-const useDialogTitle_1 = /*#__PURE__*/require("./useDialogTitle");
-const renderDialogTitle_1 = /*#__PURE__*/require("./renderDialogTitle");
-const useDialogTitleStyles_1 = /*#__PURE__*/require("./useDialogTitleStyles");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * The `DialogTitle` component expects to have a title/header
- * and when `Dialog` is `non-modal` a close (X icon) button is provided through `action` slot by default.
- */
-exports.DialogTitle = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useDialogTitle_1.useDialogTitle_unstable(props, ref);
-  useDialogTitleStyles_1.useDialogTitleStyles_unstable(state);
-  const {
-    useDialogTitleStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderDialogTitle_1.renderDialogTitle_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useDialogTitle = require("./useDialogTitle");
+const _renderDialogTitle = require("./renderDialogTitle");
+const _useDialogTitleStyles = require("./useDialogTitleStyles");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const DialogTitle = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useDialogTitle.useDialogTitle_unstable)(props, ref);
+    (0, _useDialogTitleStyles.useDialogTitleStyles_unstable)(state);
+    const { useDialogTitleStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderDialogTitle.renderDialogTitle_unstable)(state);
 });
-exports.DialogTitle.displayName = 'DialogTitle';
+DialogTitle.displayName = 'DialogTitle'; //# sourceMappingURL=DialogTitle.js.map
+
 //# sourceMappingURL=DialogTitle.js.map

package/lib-commonjs/components/DialogTitle/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","useDialogTitle_1","renderDialogTitle_1","useDialogTitleStyles_1","react_shared_contexts_1","exports","DialogTitle","forwardRef","props","ref","state","useDialogTitle_unstable","useDialogTitleStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDialogTitle_unstable","displayName"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogTitle_unstable } from './useDialogTitle';\nimport { renderDialogTitle_unstable } from './renderDialogTitle';\nimport { useDialogTitleStyles_unstable } from './useDialogTitleStyles';\nimport type { DialogTitleProps } from './DialogTitle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * The `DialogTitle` component expects to have a title/header\n * and when `Dialog` is `non-modal` a close (X icon) button is provided through `action` slot by default.\n */\nexport const DialogTitle: ForwardRefComponent<DialogTitleProps> = React.forwardRef((props, ref) => {\n  const state = useDialogTitle_unstable(props, ref);\n\n  useDialogTitleStyles_unstable(state);\n\n  const { useDialogTitleStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderDialogTitle_unstable(state);\n});\n\nDialogTitle.displayName = 'DialogTitle';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,gBAAA,gBAAAD,OAAA;AACA,MAAAE,mBAAA,gBAAAF,OAAA;AACA,MAAAG,sBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;;AAIaK,OAAA,CAAAC,WAAW,gBAA0CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAChG,MAAMC,KAAK,GAAGT,gBAAA,CAAAU,uBAAuB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEjDN,sBAAA,CAAAS,6BAA6B,CAACF,KAAK,CAAC;EAEpC,MAAM;IAAEE,6BAA6B,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EACzFD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,mBAAA,CAAAa,0BAA0B,CAACL,KAAK,CAAC;AAC1C,CAAC,CAAC;AAEFL,OAAA,CAAAC,WAAW,CAACU,WAAW,GAAG,aAAa"}
+{"version":3,"sources":["../../../lib/components/DialogTitle/DialogTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogTitle_unstable } from './useDialogTitle';\nimport { renderDialogTitle_unstable } from './renderDialogTitle';\nimport { useDialogTitleStyles_unstable } from './useDialogTitleStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The `DialogTitle` component expects to have a title/header\n * and when `Dialog` is `non-modal` a close (X icon) button is provided through `action` slot by default.\n */\nexport const DialogTitle = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useDialogTitle_unstable(props, ref);\n  useDialogTitleStyles_unstable(state);\n  const {\n    useDialogTitleStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderDialogTitle_unstable(state);\n});\nDialogTitle.displayName = 'DialogTitle';\n//# sourceMappingURL=DialogTitle.js.map"],"names":["DialogTitle","React","forwardRef","props","ref","state","useDialogTitle_unstable","useDialogTitleStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDialogTitle_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;gCACiB;mCACG;sCACG;qCACD;AAKtC,MAAMA,cAAc,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,mDAA6B,EAACF;IAC9B,MAAM,EACJE,+BAA+BC,gBAAe,EAC/C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,6CAA0B,EAACL;AACpC;AACAL,YAAYW,WAAW,GAAG,eAC1B,uCAAuC"}

package/lib-commonjs/components/DialogTitle/DialogTitle.types.js

@@ -1,6 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+ //# sourceMappingURL=DialogTitle.types.js.map
+
 //# sourceMappingURL=DialogTitle.types.js.map

package/lib-commonjs/components/DialogTitle/DialogTitle.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DialogTitleSlots = {\n  /**\n   * By default this is a div, but can be a heading.\n   */\n  root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;\n  /**\n   * By default a Dialog with modalType='non-modal' will have a close button action\n   */\n  action?: Slot<'div'>;\n};\n\n/**\n * DialogTitle Props\n */\nexport type DialogTitleProps = ComponentProps<DialogTitleSlots>;\n\n/**\n * State used in rendering DialogTitle\n */\nexport type DialogTitleState = ComponentState<DialogTitleSlots>;\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/DialogTitle/DialogTitle.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=DialogTitle.types.js.map"],"names":[],"mappings":";;;;CACA,6CAA6C"}

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

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./DialogTitle"), exports);
-tslib_1.__exportStar(require("./DialogTitle.types"), exports);
-tslib_1.__exportStar(require("./renderDialogTitle"), exports);
-tslib_1.__exportStar(require("./useDialogTitle"), exports);
-tslib_1.__exportStar(require("./useDialogTitleStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./DialogTitle"), exports);
+_exportStar(require("./DialogTitle.types"), exports);
+_exportStar(require("./renderDialogTitle"), exports);
+_exportStar(require("./useDialogTitle"), exports);
+_exportStar(require("./useDialogTitleStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogTitle/index.ts"],"sourcesContent":["export * from './DialogTitle';\nexport * from './DialogTitle.types';\nexport * from './renderDialogTitle';\nexport * from './useDialogTitle';\nexport * from './useDialogTitleStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/DialogTitle/index.js"],"sourcesContent":["export * from './DialogTitle';\nexport * from './DialogTitle.types';\nexport * from './renderDialogTitle';\nexport * from './useDialogTitle';\nexport * from './useDialogTitleStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}