@fluentui/react-dialog 9.5.4 → 9.5.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.json +60 -1
  2. package/CHANGELOG.md +17 -2
  3. package/lib/components/DialogActions/useDialogActionsStyles.styles.js +10 -12
  4. package/lib/components/DialogActions/useDialogActionsStyles.styles.js.map +1 -1
  5. package/lib/components/DialogBody/useDialogBodyStyles.styles.js +5 -10
  6. package/lib/components/DialogBody/useDialogBodyStyles.styles.js.map +1 -1
  7. package/lib/components/DialogContent/useDialogContentStyles.styles.js +5 -6
  8. package/lib/components/DialogContent/useDialogContentStyles.styles.js.map +1 -1
  9. package/lib/components/DialogTitle/useDialogTitleStyles.styles.js +12 -17
  10. package/lib/components/DialogTitle/useDialogTitleStyles.styles.js.map +1 -1
  11. package/lib/contexts/constants.js +0 -5
  12. package/lib/contexts/constants.js.map +1 -1
  13. package/lib-commonjs/components/DialogActions/useDialogActionsStyles.styles.js +14 -18
  14. package/lib-commonjs/components/DialogActions/useDialogActionsStyles.styles.js.map +1 -1
  15. package/lib-commonjs/components/DialogBody/useDialogBodyStyles.styles.js +5 -16
  16. package/lib-commonjs/components/DialogBody/useDialogBodyStyles.styles.js.map +1 -1
  17. package/lib-commonjs/components/DialogContent/useDialogContentStyles.styles.js +8 -8
  18. package/lib-commonjs/components/DialogContent/useDialogContentStyles.styles.js.map +1 -1
  19. package/lib-commonjs/components/DialogTitle/useDialogTitleStyles.styles.js +18 -23
  20. package/lib-commonjs/components/DialogTitle/useDialogTitleStyles.styles.js.map +1 -1
  21. package/lib-commonjs/contexts/constants.js +2 -12
  22. package/lib-commonjs/contexts/constants.js.map +1 -1
  23. package/package.json +9 -8
package/CHANGELOG.json CHANGED
@@ -2,7 +2,66 @@
2
2
  "name": "@fluentui/react-dialog",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 12 May 2023 20:21:46 GMT",
5
+ "date": "Thu, 18 May 2023 00:35:36 GMT",
6
+ "tag": "@fluentui/react-dialog_v9.5.5",
7
+ "version": "9.5.5",
8
+ "comments": {
9
+ "none": [
10
+ {
11
+ "author": "olfedias@microsoft.com",
12
+ "package": "@fluentui/react-dialog",
13
+ "commit": "06cd515eda59a3078bfe32f9cc7c1f281cd20208",
14
+ "comment": "chore: add test-ssr script to v9 packages"
15
+ }
16
+ ],
17
+ "patch": [
18
+ {
19
+ "author": "bernardo.sunderhus@gmail.com",
20
+ "package": "@fluentui/react-dialog",
21
+ "commit": "37159cd67f8698ba8d5b3bf7327801495979beb5",
22
+ "comment": "bugfix: removes unnecessary grid gaps"
23
+ },
24
+ {
25
+ "author": "beachball",
26
+ "package": "@fluentui/react-dialog",
27
+ "comment": "Bump @fluentui/react-utilities to v9.9.0",
28
+ "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
29
+ },
30
+ {
31
+ "author": "beachball",
32
+ "package": "@fluentui/react-dialog",
33
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.4",
34
+ "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
35
+ },
36
+ {
37
+ "author": "beachball",
38
+ "package": "@fluentui/react-dialog",
39
+ "comment": "Bump @fluentui/react-context-selector to v9.1.20",
40
+ "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
41
+ },
42
+ {
43
+ "author": "beachball",
44
+ "package": "@fluentui/react-dialog",
45
+ "comment": "Bump @fluentui/react-aria to v9.3.20",
46
+ "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
47
+ },
48
+ {
49
+ "author": "beachball",
50
+ "package": "@fluentui/react-dialog",
51
+ "comment": "Bump @fluentui/react-tabster to v9.7.1",
52
+ "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
53
+ },
54
+ {
55
+ "author": "beachball",
56
+ "package": "@fluentui/react-dialog",
57
+ "comment": "Bump @fluentui/react-portal to v9.2.8",
58
+ "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
59
+ }
60
+ ]
61
+ }
62
+ },
63
+ {
64
+ "date": "Fri, 12 May 2023 20:27:17 GMT",
6
65
  "tag": "@fluentui/react-dialog_v9.5.4",
7
66
  "version": "9.5.4",
8
67
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,27 @@
1
1
  # Change Log - @fluentui/react-dialog
2
2
 
3
- This log was last generated on Fri, 12 May 2023 20:21:46 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 18 May 2023 00:35:36 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.5.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.5.5)
8
+
9
+ Thu, 18 May 2023 00:35:36 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.5.4..@fluentui/react-dialog_v9.5.5)
11
+
12
+ ### Patches
13
+
14
+ - bugfix: removes unnecessary grid gaps ([PR #27845](https://github.com/microsoft/fluentui/pull/27845) by bernardo.sunderhus@gmail.com)
15
+ - Bump @fluentui/react-utilities to v9.9.0 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
16
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.4 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
17
+ - Bump @fluentui/react-context-selector to v9.1.20 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
18
+ - Bump @fluentui/react-aria to v9.3.20 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
19
+ - Bump @fluentui/react-tabster to v9.7.1 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
20
+ - Bump @fluentui/react-portal to v9.2.8 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
21
+
7
22
  ## [9.5.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.5.4)
8
23
 
9
- Fri, 12 May 2023 20:21:46 GMT
24
+ Fri, 12 May 2023 20:27:17 GMT
10
25
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.5.3..@fluentui/react-dialog_v9.5.4)
11
26
 
12
27
  ### Patches
package/lib/components/DialogActions/useDialogActionsStyles.styles.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { __styles, mergeClasses, shorthands } from '@griffel/react';
2
- import { DIALOG_GAP, ACTIONS_END_GRID_AREA, ACTIONS_START_GRID_AREA, MEDIA_QUERY_BREAKPOINT_SELECTOR } from '../../contexts/constants';
2
+ import { DIALOG_GAP, MEDIA_QUERY_BREAKPOINT_SELECTOR } from '../../contexts/constants';
3
3
  export const dialogActionsClassNames = {
4
4
  root: 'fui-DialogActions'
5
5
  };
@@ -8,6 +8,8 @@ const useStyles = /*#__PURE__*/__styles({
8
8
  Bqenvij: "f3052tw",
9
9
  B7ck84d: "f1ewtqcl",
10
10
  mc9l5x: "f22iagw",
11
+ Ijaq50: "f1cztu7b",
12
+ nk6f5a: "fcu02xx",
11
13
  i8kkvl: "f4px1ci",
12
14
  Belr9w4: "fn67r4l",
13
15
  Bmdcpmo: "f6glcwc",
@@ -15,26 +17,22 @@ const useStyles = /*#__PURE__*/__styles({
15
17
  },
16
18
  gridPositionEnd: {
17
19
  Bdqf98w: "f1a7i8kp",
18
- Ijaq50: "f11u0jfc",
19
- Br312pm: "f1d6tb1o",
20
- nk6f5a: "f23awfp",
21
- Bw0ie65: "fiappcv"
20
+ Br312pm: "fd46tj4",
21
+ Bw0ie65: "fsyjsko"
22
22
  },
23
23
  gridPositionStart: {
24
24
  Bdqf98w: "fsxvdwy",
25
- Ijaq50: "f1vnb230",
26
- Br312pm: "f14781pt",
27
- nk6f5a: "f13d374e",
28
- Bw0ie65: "f1fjo411"
25
+ Br312pm: "fwpfdsa",
26
+ Bw0ie65: "f1e2fz10"
29
27
  },
30
28
  fluidStart: {
31
- Bw0ie65: "fiappcv"
29
+ Bw0ie65: "fsyjsko"
32
30
  },
33
31
  fluidEnd: {
34
- Br312pm: "f14781pt"
32
+ Br312pm: "fwpfdsa"
35
33
  }
36
34
  }, {
37
- d: [".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}", ".fn67r4l{row-gap:8px;}", ".f1a7i8kp{justify-self:end;}", ".f11u0jfc{grid-row-start:actions-end;}", ".f1d6tb1o{grid-column-start:actions-end;}", ".f23awfp{grid-row-end:actions-end;}", ".fiappcv{grid-column-end:actions-end;}", ".fsxvdwy{justify-self:start;}", ".f1vnb230{grid-row-start:actions-start;}", ".f14781pt{grid-column-start:actions-start;}", ".f13d374e{grid-row-end:actions-start;}", ".f1fjo411{grid-column-end:actions-start;}"],
35
+ d: [".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1cztu7b{grid-row-start:3;}", ".fcu02xx{grid-row-end:3;}", ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}", ".fn67r4l{row-gap:8px;}", ".f1a7i8kp{justify-self:end;}", ".fd46tj4{grid-column-start:2;}", ".fsyjsko{grid-column-end:4;}", ".fsxvdwy{justify-self:start;}", ".fwpfdsa{grid-column-start:1;}", ".f1e2fz10{grid-column-end:2;}"],
38
36
  m: [["@media screen and (max-width: 480px){.f6glcwc{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}", {
39
37
  m: "screen and (max-width: 480px)"
40
38
  }], ["@media screen and (max-width: 480px){.f1e3st1r{justify-self:stretch;}}", {
package/lib/components/DialogActions/useDialogActionsStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","DIALOG_GAP","ACTIONS_END_GRID_AREA","ACTIONS_START_GRID_AREA","MEDIA_QUERY_BREAKPOINT_SELECTOR","dialogActionsClassNames","root","useStyles","Bqenvij","B7ck84d","mc9l5x","i8kkvl","Belr9w4","Bmdcpmo","th9wkt","gridPositionEnd","Bdqf98w","Ijaq50","Br312pm","nk6f5a","Bw0ie65","gridPositionStart","fluidStart","fluidEnd","d","m","useDialogActionsStyles_unstable","state","styles","className","position","fluid"],"sources":["../../../src/components/DialogActions/useDialogActionsStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogActionsSlots, DialogActionsState } from './DialogActions.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport {\n DIALOG_GAP,\n ACTIONS_END_GRID_AREA,\n ACTIONS_START_GRID_AREA,\n MEDIA_QUERY_BREAKPOINT_SELECTOR,\n} from '../../contexts/constants';\n\nexport const dialogActionsClassNames: SlotClassNames<DialogActionsSlots> = {\n root: 'fui-DialogActions',\n};\n\nconst useStyles = makeStyles({\n root: {\n height: 'fit-content',\n boxSizing: 'border-box',\n display: 'flex',\n ...shorthands.gap(DIALOG_GAP),\n [MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n flexDirection: 'column',\n justifySelf: 'stretch',\n },\n },\n gridPositionEnd: {\n justifySelf: 'end',\n ...shorthands.gridArea(ACTIONS_END_GRID_AREA),\n },\n gridPositionStart: {\n justifySelf: 'start',\n ...shorthands.gridArea(ACTIONS_START_GRID_AREA),\n },\n fluidStart: {\n gridColumnEnd: ACTIONS_END_GRID_AREA,\n },\n fluidEnd: {\n gridColumnStart: ACTIONS_START_GRID_AREA,\n },\n});\n\n/**\n * Apply styling to the DialogActions slots based on the state\n */\nexport const useDialogActionsStyles_unstable = (state: DialogActionsState): DialogActionsState => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n dialogActionsClassNames.root,\n styles.root,\n state.position === 'start' && styles.gridPositionStart,\n state.position === 'end' && styles.gridPositionEnd,\n state.fluid && state.position === 'start' && styles.fluidStart,\n state.fluid && state.position === 'end' && styles.fluidEnd,\n state.root.className,\n );\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AAGrD,SACEC,UAAU,EACVC,qBAAqB,EACrBC,uBAAuB,EACvBC,+BAA+B,QAC1B;AAEP,OAAO,MAAMC,uBAAA,GAA8D;EACzEC,IAAA,EAAM;AACR;AAEA,MAAMC,SAAA,gBAAYT,QAAA;EAAAQ,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,eAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,iBAAA;IAAAL,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAE,UAAA;IAAAF,OAAA;EAAA;EAAAG,QAAA;IAAAL,OAAA;EAAA;AAAA;EAAAM,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,EAyBlB;AAEA;;;AAGA,OAAO,MAAMC,+BAAA,GAAmCC,KAAA,IAAkD;EAChG,MAAMC,MAAA,GAASrB,SAAA;EACfoB,KAAA,CAAMrB,IAAI,CAACuB,SAAS,GAAG9B,YAAA,CACrBM,uBAAA,CAAwBC,IAAI,EAC5BsB,MAAA,CAAOtB,IAAI,EACXqB,KAAA,CAAMG,QAAQ,KAAK,WAAWF,MAAA,CAAOP,iBAAiB,EACtDM,KAAA,CAAMG,QAAQ,KAAK,SAASF,MAAA,CAAOb,eAAe,EAClDY,KAAA,CAAMI,KAAK,IAAIJ,KAAA,CAAMG,QAAQ,KAAK,WAAWF,MAAA,CAAON,UAAU,EAC9DK,KAAA,CAAMI,KAAK,IAAIJ,KAAA,CAAMG,QAAQ,KAAK,SAASF,MAAA,CAAOL,QAAQ,EAC1DI,KAAA,CAAMrB,IAAI,CAACuB,SAAS;EAEtB,OAAOF,KAAA;AACT"}
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","DIALOG_GAP","MEDIA_QUERY_BREAKPOINT_SELECTOR","dialogActionsClassNames","root","useStyles","Bqenvij","B7ck84d","mc9l5x","Ijaq50","nk6f5a","i8kkvl","Belr9w4","Bmdcpmo","th9wkt","gridPositionEnd","Bdqf98w","Br312pm","Bw0ie65","gridPositionStart","fluidStart","fluidEnd","d","m","useDialogActionsStyles_unstable","state","styles","className","position","fluid"],"sources":["../../../src/components/DialogActions/useDialogActionsStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogActionsSlots, DialogActionsState } from './DialogActions.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { DIALOG_GAP, MEDIA_QUERY_BREAKPOINT_SELECTOR } from '../../contexts/constants';\n\nexport const dialogActionsClassNames: SlotClassNames<DialogActionsSlots> = {\n root: 'fui-DialogActions',\n};\n\nconst useStyles = makeStyles({\n root: {\n height: 'fit-content',\n boxSizing: 'border-box',\n display: 'flex',\n gridRowStart: 3,\n gridRowEnd: 3,\n ...shorthands.gap(DIALOG_GAP),\n [MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n flexDirection: 'column',\n justifySelf: 'stretch',\n },\n },\n gridPositionEnd: {\n justifySelf: 'end',\n gridColumnStart: 2,\n gridColumnEnd: 4,\n },\n gridPositionStart: {\n justifySelf: 'start',\n gridColumnStart: 1,\n gridColumnEnd: 2,\n },\n fluidStart: {\n gridColumnEnd: 4,\n },\n fluidEnd: {\n gridColumnStart: 1,\n },\n});\n\n/**\n * Apply styling to the DialogActions slots based on the state\n */\nexport const useDialogActionsStyles_unstable = (state: DialogActionsState): DialogActionsState => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n dialogActionsClassNames.root,\n styles.root,\n state.position === 'start' && styles.gridPositionStart,\n state.position === 'end' && styles.gridPositionEnd,\n state.fluid && state.position === 'start' && styles.fluidStart,\n state.fluid && state.position === 'end' && styles.fluidEnd,\n state.root.className,\n );\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AAGrD,SAASC,UAAU,EAAEC,+BAA+B,QAAQ;AAE5D,OAAO,MAAMC,uBAAA,GAA8D;EACzEC,IAAA,EAAM;AACR;AAEA,MAAMC,SAAA,gBAAYP,QAAA;EAAAM,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,eAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,iBAAA;IAAAH,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAE,UAAA;IAAAF,OAAA;EAAA;EAAAG,QAAA;IAAAJ,OAAA;EAAA;AAAA;EAAAK,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,EA6BlB;AAEA;;;AAGA,OAAO,MAAMC,+BAAA,GAAmCC,KAAA,IAAkD;EAChG,MAAMC,MAAA,GAASrB,SAAA;EACfoB,KAAA,CAAMrB,IAAI,CAACuB,SAAS,GAAG5B,YAAA,CACrBI,uBAAA,CAAwBC,IAAI,EAC5BsB,MAAA,CAAOtB,IAAI,EACXqB,KAAA,CAAMG,QAAQ,KAAK,WAAWF,MAAA,CAAOP,iBAAiB,EACtDM,KAAA,CAAMG,QAAQ,KAAK,SAASF,MAAA,CAAOX,eAAe,EAClDU,KAAA,CAAMI,KAAK,IAAIJ,KAAA,CAAMG,QAAQ,KAAK,WAAWF,MAAA,CAAON,UAAU,EAC9DK,KAAA,CAAMI,KAAK,IAAIJ,KAAA,CAAMG,QAAQ,KAAK,SAASF,MAAA,CAAOL,QAAQ,EAC1DI,KAAA,CAAMrB,IAAI,CAACuB,SAAS;EAEtB,OAAOF,KAAA;AACT"}
package/lib/components/DialogBody/useDialogBodyStyles.styles.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { __styles, mergeClasses, shorthands } from '@griffel/react';
2
- import { ACTIONS_END_GRID_AREA, ACTIONS_START_GRID_AREA, CONTENT_GRID_AREA, DIALOG_GAP, MEDIA_QUERY_BREAKPOINT_SELECTOR, SURFACE_PADDING, TITLE_ACTION_GRID_AREA, TITLE_GRID_AREA } from '../../contexts';
2
+ import { DIALOG_GAP, MEDIA_QUERY_BREAKPOINT_SELECTOR, SURFACE_PADDING } from '../../contexts';
3
3
  export const dialogBodyClassNames = {
4
4
  root: 'fui-DialogBody'
5
5
  };
@@ -12,24 +12,19 @@ const useStyles = /*#__PURE__*/__styles({
12
12
  fshzfu: "f120kxnn",
13
13
  Bxyxcbc: "flnwrvu",
14
14
  B7ck84d: "f1ewtqcl",
15
- wkccdc: "f874eam",
16
- Budl1dq: "fjj47a5",
17
- zoa1oz: "fe34spp",
18
15
  B68tc82: "f1ln0qer",
19
16
  Bmxbyg5: "fa2wlxz",
20
17
  i8kkvl: "f4px1ci",
21
18
  Belr9w4: "fn67r4l",
19
+ wkccdc: "f1x46k84",
22
20
  B5xtmjs: "ff54dml",
23
- Bqu9lor: "f52bj20",
24
- B06wobe: "f1dangjo"
21
+ Bqu9lor: "f1t97isy"
25
22
  }
26
23
  }, {
27
- d: [".f13qh94s{display:grid;}", ".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}", ".flnwrvu{max-height:calc(100vh - 2 * 24px);}", ".f1ewtqcl{box-sizing:border-box;}", ".f874eam{grid-template-rows:auto 1fr auto;}", ".fjj47a5{grid-template-columns:1fr 1fr auto;}", ".fe34spp{grid-template-areas:\"title title close-button\" \"body body body\" \"actions-start actions-end actions-end\";}", ".f1ln0qer{overflow-x:unset;}", ".fa2wlxz{overflow-y:unset;}", ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}", ".fn67r4l{row-gap:8px;}"],
24
+ d: [".f13qh94s{display:grid;}", ".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}", ".flnwrvu{max-height:calc(100vh - 2 * 24px);}", ".f1ewtqcl{box-sizing:border-box;}", ".f1ln0qer{overflow-x:unset;}", ".fa2wlxz{overflow-y:unset;}", ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}", ".fn67r4l{row-gap:8px;}", ".f1x46k84{grid-template-rows:auto 1fr;}"],
28
25
  m: [["@media screen and (max-width: 480px){.ff54dml{max-width:100vw;}}", {
29
26
  m: "screen and (max-width: 480px)"
30
- }], ["@media screen and (max-width: 480px){.f52bj20{grid-template-rows:auto 1fr auto auto;}}", {
31
- m: "screen and (max-width: 480px)"
32
- }], ["@media screen and (max-width: 480px){.f1dangjo{grid-template-areas:\"title title close-button\" \"body body body\" \"actions-start actions-start actions-start\" \"actions-end actions-end actions-end\";}}", {
27
+ }], ["@media screen and (max-width: 480px){.f1t97isy{grid-template-rows:auto 1fr auto;}}", {
33
28
  m: "screen and (max-width: 480px)"
34
29
  }]]
35
30
  });
package/lib/components/DialogBody/useDialogBodyStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","ACTIONS_END_GRID_AREA","ACTIONS_START_GRID_AREA","CONTENT_GRID_AREA","DIALOG_GAP","MEDIA_QUERY_BREAKPOINT_SELECTOR","SURFACE_PADDING","TITLE_ACTION_GRID_AREA","TITLE_GRID_AREA","dialogBodyClassNames","root","useStyles","mc9l5x","fshzfu","Bxyxcbc","B7ck84d","wkccdc","Budl1dq","zoa1oz","B68tc82","Bmxbyg5","i8kkvl","Belr9w4","B5xtmjs","Bqu9lor","B06wobe","d","m","useDialogBodyStyles_unstable","state","styles","className"],"sources":["../../../src/components/DialogBody/useDialogBodyStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogBodySlots, DialogBodyState } from './DialogBody.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport {\n ACTIONS_END_GRID_AREA,\n ACTIONS_START_GRID_AREA,\n CONTENT_GRID_AREA,\n DIALOG_GAP,\n MEDIA_QUERY_BREAKPOINT_SELECTOR,\n SURFACE_PADDING,\n TITLE_ACTION_GRID_AREA,\n TITLE_GRID_AREA,\n} from '../../contexts';\n\nexport const dialogBodyClassNames: SlotClassNames<DialogBodySlots> = {\n root: 'fui-DialogBody',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'grid',\n '&::backdrop': {\n backgroundColor: 'rgba(0, 0, 0, 0.4)',\n },\n maxHeight: `calc(100vh - 2 * ${SURFACE_PADDING})`,\n boxSizing: 'border-box',\n gridTemplateRows: 'auto 1fr auto',\n gridTemplateColumns: '1fr 1fr auto',\n gridTemplateAreas: `\n \"${TITLE_GRID_AREA} ${TITLE_GRID_AREA} ${TITLE_ACTION_GRID_AREA}\"\n \"${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA}\"\n \"${ACTIONS_START_GRID_AREA} ${ACTIONS_END_GRID_AREA} ${ACTIONS_END_GRID_AREA}\"\n `,\n ...shorthands.overflow('unset'),\n ...shorthands.gap(DIALOG_GAP),\n [MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n maxWidth: '100vw',\n gridTemplateRows: 'auto 1fr auto auto',\n gridTemplateAreas: `\n \"${TITLE_GRID_AREA} ${TITLE_GRID_AREA} ${TITLE_ACTION_GRID_AREA}\"\n \"${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA}\"\n \"${ACTIONS_START_GRID_AREA} ${ACTIONS_START_GRID_AREA} ${ACTIONS_START_GRID_AREA}\"\n \"${ACTIONS_END_GRID_AREA} ${ACTIONS_END_GRID_AREA} ${ACTIONS_END_GRID_AREA}\"\n `,\n },\n },\n});\n\n/**\n * Apply styling to the DialogBody slots based on the state\n */\nexport const useDialogBodyStyles_unstable = (state: DialogBodyState): DialogBodyState => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogBodyClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AAGrD,SACEC,qBAAqB,EACrBC,uBAAuB,EACvBC,iBAAiB,EACjBC,UAAU,EACVC,+BAA+B,EAC/BC,eAAe,EACfC,sBAAsB,EACtBC,eAAe,QACV;AAEP,OAAO,MAAMC,oBAAA,GAAwD;EACnEC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYb,QAAA;EAAAY,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,EA4BlB;AAEA;;;AAGA,OAAO,MAAMC,4BAAA,GAAgCC,KAAA,IAA4C;EACvF,MAAMC,MAAA,GAASnB,SAAA;EACfkB,KAAA,CAAMnB,IAAI,CAACqB,SAAS,GAAGhC,YAAA,CAAaU,oBAAA,CAAqBC,IAAI,EAAEoB,MAAA,CAAOpB,IAAI,EAAEmB,KAAA,CAAMnB,IAAI,CAACqB,SAAS;EAEhG,OAAOF,KAAA;AACT"}
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","DIALOG_GAP","MEDIA_QUERY_BREAKPOINT_SELECTOR","SURFACE_PADDING","dialogBodyClassNames","root","useStyles","mc9l5x","fshzfu","Bxyxcbc","B7ck84d","B68tc82","Bmxbyg5","i8kkvl","Belr9w4","wkccdc","B5xtmjs","Bqu9lor","d","m","useDialogBodyStyles_unstable","state","styles","className"],"sources":["../../../src/components/DialogBody/useDialogBodyStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogBodySlots, DialogBodyState } from './DialogBody.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { DIALOG_GAP, MEDIA_QUERY_BREAKPOINT_SELECTOR, SURFACE_PADDING } from '../../contexts';\n\nexport const dialogBodyClassNames: SlotClassNames<DialogBodySlots> = {\n root: 'fui-DialogBody',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'grid',\n '&::backdrop': {\n backgroundColor: 'rgba(0, 0, 0, 0.4)',\n },\n maxHeight: `calc(100vh - 2 * ${SURFACE_PADDING})`,\n boxSizing: 'border-box',\n ...shorthands.overflow('unset'),\n ...shorthands.gap(DIALOG_GAP),\n gridTemplateRows: 'auto 1fr',\n [MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n maxWidth: '100vw',\n gridTemplateRows: 'auto 1fr auto',\n },\n },\n});\n\n/**\n * Apply styling to the DialogBody slots based on the state\n */\nexport const useDialogBodyStyles_unstable = (state: DialogBodyState): DialogBodyState => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogBodyClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AAGrD,SAASC,UAAU,EAAEC,+BAA+B,EAAEC,eAAe,QAAQ;AAE7E,OAAO,MAAMC,oBAAA,GAAwD;EACnEC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYR,QAAA;EAAAO,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,EAgBlB;AAEA;;;AAGA,OAAO,MAAMC,4BAAA,GAAgCC,KAAA,IAA4C;EACvF,MAAMC,MAAA,GAAShB,SAAA;EACfe,KAAA,CAAMhB,IAAI,CAACkB,SAAS,GAAGxB,YAAA,CAAaK,oBAAA,CAAqBC,IAAI,EAAEiB,MAAA,CAAOjB,IAAI,EAAEgB,KAAA,CAAMhB,IAAI,CAACkB,SAAS;EAEhG,OAAOF,KAAA;AACT"}
package/lib/components/DialogContent/useDialogContentStyles.styles.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import { __styles, mergeClasses, shorthands } from '@griffel/react';
2
- import { CONTENT_GRID_AREA } from '../../contexts/constants';
3
2
  import { tokens, typographyStyles } from '@fluentui/react-theme';
4
3
  export const dialogContentClassNames = {
5
4
  root: 'fui-DialogContent'
@@ -12,6 +11,10 @@ const useStyles = /*#__PURE__*/__styles({
12
11
  Bmxbyg5: "f5zp4f",
13
12
  sshi5w: "f1nxs5xn",
14
13
  B7ck84d: "f1ewtqcl",
14
+ Ijaq50: "faunodf",
15
+ nk6f5a: "f88nxoq",
16
+ Br312pm: "fwpfdsa",
17
+ Bw0ie65: "fsyjsko",
15
18
  z8tnut: "fr4fn7s",
16
19
  z189sj: ["f171n1a0", "f1jwbs5a"],
17
20
  Byoj8tv: "f1ean75l",
@@ -20,17 +23,13 @@ const useStyles = /*#__PURE__*/__styles({
20
23
  t21cq0: ["ffs23cn", "f1v5tmjd"],
21
24
  jrapky: "f2uu7rc",
22
25
  Frg6f3: ["f1v5tmjd", "ffs23cn"],
23
- Ijaq50: "f6owso0",
24
- Br312pm: "fupswjn",
25
- nk6f5a: "foucsne",
26
- Bw0ie65: "f1ka72gx",
27
26
  Bahqtrf: "fk6fouc",
28
27
  Be2twd7: "fkhj508",
29
28
  Bhrd7zp: "figsok6",
30
29
  Bg96gwp: "f1i3iumi"
31
30
  }
32
31
  }, {
33
- d: [".f5zp4f{overflow-y:auto;}", ".f1nxs5xn{min-height:32px;}", ".f1ewtqcl{box-sizing:border-box;}", ".fr4fn7s{padding-top:var(--strokeWidthThick);}", ".f171n1a0{padding-right:var(--strokeWidthThick);}", ".f1jwbs5a{padding-left:var(--strokeWidthThick);}", ".f1ean75l{padding-bottom:var(--strokeWidthThick);}", ".fxlnl9e{margin-top:calc(var(--strokeWidthThick) * -1);}", ".ffs23cn{margin-right:calc(var(--strokeWidthThick) * -1);}", ".f1v5tmjd{margin-left:calc(var(--strokeWidthThick) * -1);}", ".f2uu7rc{margin-bottom:calc(var(--strokeWidthThick) * -1);}", ".f6owso0{grid-row-start:body;}", ".fupswjn{grid-column-start:body;}", ".foucsne{grid-row-end:body;}", ".f1ka72gx{grid-column-end:body;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
32
+ d: [".f5zp4f{overflow-y:auto;}", ".f1nxs5xn{min-height:32px;}", ".f1ewtqcl{box-sizing:border-box;}", ".faunodf{grid-row-start:2;}", ".f88nxoq{grid-row-end:2;}", ".fwpfdsa{grid-column-start:1;}", ".fsyjsko{grid-column-end:4;}", ".fr4fn7s{padding-top:var(--strokeWidthThick);}", ".f171n1a0{padding-right:var(--strokeWidthThick);}", ".f1jwbs5a{padding-left:var(--strokeWidthThick);}", ".f1ean75l{padding-bottom:var(--strokeWidthThick);}", ".fxlnl9e{margin-top:calc(var(--strokeWidthThick) * -1);}", ".ffs23cn{margin-right:calc(var(--strokeWidthThick) * -1);}", ".f1v5tmjd{margin-left:calc(var(--strokeWidthThick) * -1);}", ".f2uu7rc{margin-bottom:calc(var(--strokeWidthThick) * -1);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
34
33
  });
35
34
  /**
36
35
  * Apply styling to the DialogContent slots based on the state
package/lib/components/DialogContent/useDialogContentStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","CONTENT_GRID_AREA","tokens","typographyStyles","dialogContentClassNames","root","useStyles","Bmxbyg5","sshi5w","B7ck84d","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Ijaq50","Br312pm","nk6f5a","Bw0ie65","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","useDialogContentStyles_unstable","state","styles","className"],"sources":["../../../src/components/DialogContent/useDialogContentStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogContentSlots, DialogContentState } from './DialogContent.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { CONTENT_GRID_AREA } from '../../contexts/constants';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\nexport const dialogContentClassNames: SlotClassNames<DialogContentSlots> = {\n root: 'fui-DialogContent',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n overflowY: 'auto',\n minHeight: '32px',\n boxSizing: 'border-box',\n ...shorthands.padding(tokens.strokeWidthThick),\n ...shorthands.margin(`calc(${tokens.strokeWidthThick} * -1)`),\n ...shorthands.gridArea(CONTENT_GRID_AREA),\n ...typographyStyles.body1,\n },\n});\n\n/**\n * Apply styling to the DialogContent slots based on the state\n */\nexport const useDialogContentStyles_unstable = (state: DialogContentState): DialogContentState => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogContentClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AAGrD,SAASC,iBAAiB,QAAQ;AAClC,SAASC,MAAM,EAAEC,gBAAgB,QAAQ;AAEzC,OAAO,MAAMC,uBAAA,GAA8D;EACzEC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYR,QAAA;EAAAO,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAUlB;AAEA;;;AAGA,OAAO,MAAMC,+BAAA,GAAmCC,KAAA,IAAkD;EAChG,MAAMC,MAAA,GAASvB,SAAA;EACfsB,KAAA,CAAMvB,IAAI,CAACyB,SAAS,GAAG/B,YAAA,CAAaK,uBAAA,CAAwBC,IAAI,EAAEwB,MAAA,CAAOxB,IAAI,EAAEuB,KAAA,CAAMvB,IAAI,CAACyB,SAAS;EACnG,OAAOF,KAAA;AACT"}
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","dialogContentClassNames","root","useStyles","Bmxbyg5","sshi5w","B7ck84d","Ijaq50","nk6f5a","Br312pm","Bw0ie65","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","useDialogContentStyles_unstable","state","styles","className"],"sources":["../../../src/components/DialogContent/useDialogContentStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogContentSlots, DialogContentState } from './DialogContent.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\nexport const dialogContentClassNames: SlotClassNames<DialogContentSlots> = {\n root: 'fui-DialogContent',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n overflowY: 'auto',\n minHeight: '32px',\n boxSizing: 'border-box',\n gridRowStart: 2,\n gridRowEnd: 2,\n gridColumnStart: 1,\n gridColumnEnd: 4,\n ...shorthands.padding(tokens.strokeWidthThick),\n ...shorthands.margin(`calc(${tokens.strokeWidthThick} * -1)`),\n ...typographyStyles.body1,\n },\n});\n\n/**\n * Apply styling to the DialogContent slots based on the state\n */\nexport const useDialogContentStyles_unstable = (state: DialogContentState): DialogContentState => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogContentClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AAGrD,SAASC,MAAM,EAAEC,gBAAgB,QAAQ;AAEzC,OAAO,MAAMC,uBAAA,GAA8D;EACzEC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYP,QAAA;EAAAM,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAalB;AAEA;;;AAGA,OAAO,MAAMC,+BAAA,GAAmCC,KAAA,IAAkD;EAChG,MAAMC,MAAA,GAASvB,SAAA;EACfsB,KAAA,CAAMvB,IAAI,CAACyB,SAAS,GAAG9B,YAAA,CAAaI,uBAAA,CAAwBC,IAAI,EAAEwB,MAAA,CAAOxB,IAAI,EAAEuB,KAAA,CAAMvB,IAAI,CAACyB,SAAS;EACnG,OAAOF,KAAA;AACT"}
package/lib/components/DialogTitle/useDialogTitleStyles.styles.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import { __styles, mergeClasses, shorthands } from '@griffel/react';
2
2
  import { typographyStyles } from '@fluentui/react-theme';
3
- import { TITLE_ACTION_GRID_AREA, TITLE_GRID_AREA } from '../../contexts/constants';
4
3
  import { createFocusOutlineStyle } from '@fluentui/react-tabster';
5
4
  export const dialogTitleClassNames = {
6
5
  root: 'fui-DialogTitle',
@@ -11,33 +10,29 @@ export const dialogTitleClassNames = {
11
10
  */
12
11
  const useStyles = /*#__PURE__*/__styles({
13
12
  root: {
13
+ Ijaq50: "f16hsg94",
14
+ nk6f5a: "f1amvztq",
15
+ Br312pm: "fwpfdsa",
16
+ Bw0ie65: "fz1yyy6",
14
17
  Bahqtrf: "fk6fouc",
15
18
  Be2twd7: "f1pp30po",
16
19
  Bhrd7zp: "fl43uef",
17
20
  Bg96gwp: "f106mvju",
18
- Ijaq50: "faq1aip",
19
- Br312pm: "f1m489tg",
20
- nk6f5a: "fv2srd9",
21
- Bw0ie65: "f1tz6hh8",
22
21
  B6of3ja: "f1hu3pq6",
23
22
  t21cq0: ["f11qmguv", "f1tyq0we"],
24
23
  jrapky: "f19f4twv",
25
24
  Frg6f3: ["f1tyq0we", "f11qmguv"]
26
25
  },
27
- rootWithoutCloseButton: {
28
- Ijaq50: "faq1aip",
29
- Br312pm: "f1m489tg",
30
- nk6f5a: "f11nczdl",
31
- Bw0ie65: "f98d4vj"
32
- },
26
+ rootWithoutAction: {},
33
27
  action: {
34
- Ijaq50: "f1hysmiz",
35
- Br312pm: "f1379kmu",
36
- nk6f5a: "f11nczdl",
37
- Bw0ie65: "f98d4vj"
28
+ Ijaq50: "f16hsg94",
29
+ nk6f5a: "f1amvztq",
30
+ Br312pm: "fis13di",
31
+ Bdqf98w: "f1a7i8kp",
32
+ qb2dma: "f9h729m"
38
33
  }
39
34
  }, {
40
- d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".faq1aip{grid-row-start:title;}", ".f1m489tg{grid-column-start:title;}", ".fv2srd9{grid-row-end:title;}", ".f1tz6hh8{grid-column-end:title;}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f11nczdl{grid-row-end:close-button;}", ".f98d4vj{grid-column-end:close-button;}", ".f1hysmiz{grid-row-start:close-button;}", ".f1379kmu{grid-column-start:close-button;}"]
35
+ d: [".f16hsg94{grid-row-start:1;}", ".f1amvztq{grid-row-end:1;}", ".fwpfdsa{grid-column-start:1;}", ".fz1yyy6{grid-column-end:3;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".fis13di{grid-column-start:3;}", ".f1a7i8kp{justify-self:end;}", ".f9h729m{-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;}"]
41
36
  });
42
37
  /**
43
38
  * Styles to be applied on internal elements used by default action on non-modal Dialog
@@ -106,7 +101,7 @@ export const useDialogTitleInternalStyles = /*#__PURE__*/__styles({
106
101
  */
107
102
  export const useDialogTitleStyles_unstable = state => {
108
103
  const styles = useStyles();
109
- state.root.className = mergeClasses(dialogTitleClassNames.root, styles.root, !state.action && styles.rootWithoutCloseButton, state.root.className);
104
+ state.root.className = mergeClasses(dialogTitleClassNames.root, styles.root, !state.action && styles.rootWithoutAction, state.root.className);
110
105
  if (state.action) {
111
106
  state.action.className = mergeClasses(dialogTitleClassNames.action, styles.action, state.action.className);
112
107
  }
package/lib/components/DialogTitle/useDialogTitleStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","typographyStyles","TITLE_ACTION_GRID_AREA","TITLE_GRID_AREA","createFocusOutlineStyle","dialogTitleClassNames","root","action","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Ijaq50","Br312pm","nk6f5a","Bw0ie65","B6of3ja","t21cq0","jrapky","Frg6f3","rootWithoutCloseButton","d","useDialogTitleInternalStyles","button","qhf8xq","B7ck84d","De3pzq","sj55zd","Bceei9c","B68tc82","Bmxbyg5","z8tnut","z189sj","Byoj8tv","uwmqm3","icvyot","vrafjx","oivjwe","wvpqe5","Bv0vk6g","fsow6f","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","f","i","useDialogTitleStyles_unstable","state","styles","className"],"sources":["../../../src/components/DialogTitle/useDialogTitleStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogTitleSlots, DialogTitleState } from './DialogTitle.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { typographyStyles } from '@fluentui/react-theme';\nimport { TITLE_ACTION_GRID_AREA, TITLE_GRID_AREA } from '../../contexts/constants';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n\nexport const dialogTitleClassNames: SlotClassNames<DialogTitleSlots> = {\n root: 'fui-DialogTitle',\n action: 'fui-DialogTitle__action',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.subtitle1,\n ...shorthands.gridArea(TITLE_GRID_AREA),\n ...shorthands.margin(0),\n },\n rootWithoutCloseButton: {\n ...shorthands.gridArea(TITLE_GRID_AREA, TITLE_GRID_AREA, TITLE_ACTION_GRID_AREA, TITLE_ACTION_GRID_AREA),\n },\n action: {\n ...shorthands.gridArea(TITLE_ACTION_GRID_AREA),\n },\n});\n\n/**\n * Styles to be applied on internal elements used by default action on non-modal Dialog\n * @internal\n */\nexport const useDialogTitleInternalStyles = makeStyles({\n button: {\n position: 'relative',\n boxSizing: 'content-box',\n backgroundColor: 'inherit',\n color: 'inherit',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n cursor: 'pointer',\n lineHeight: 0,\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n ...shorthands.borderStyle('none'),\n WebkitAppearance: 'button',\n textAlign: 'unset',\n ...createFocusOutlineStyle(),\n },\n});\n\n/**\n * Apply styling to the DialogTitle slots based on the state\n */\nexport const useDialogTitleStyles_unstable = (state: DialogTitleState): DialogTitleState => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n dialogTitleClassNames.root,\n styles.root,\n !state.action && styles.rootWithoutCloseButton,\n state.root.className,\n );\n if (state.action) {\n state.action.className = mergeClasses(dialogTitleClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AAGrD,SAASC,gBAAgB,QAAQ;AACjC,SAASC,sBAAsB,EAAEC,eAAe,QAAQ;AACxD,SAASC,uBAAuB,QAAQ;AAExC,OAAO,MAAMC,qBAAA,GAA0D;EACrEC,IAAA,EAAM;EACNC,MAAA,EAAQ;AACV;AAEA;;;AAGA,MAAMC,SAAA,gBAAYV,QAAA;EAAAQ,IAAA;IAAAG,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,sBAAA;IAAAR,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAT,MAAA;IAAAM,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAM,CAAA;AAAA,EAYlB;AAEA;;;;AAIA,OAAO,MAAMC,4BAAA,gBAA+BzB,QAAA;EAAA0B,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAnB,OAAA;IAAAC,OAAA;IAAAmB,OAAA;IAAAjB,OAAA;IAAAkB,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;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;AAAA;EAAAjD,CAAA;EAAAkD,CAAA;EAAAC,CAAA;AAAA,EAiB5C;AAEA;;;AAGA,OAAO,MAAMC,6BAAA,GAAiCC,KAAA,IAA8C;EAC1F,MAAMC,MAAA,GAASpE,SAAA;EACfmE,KAAA,CAAMrE,IAAI,CAACuE,SAAS,GAAG9E,YAAA,CACrBM,qBAAA,CAAsBC,IAAI,EAC1BsE,MAAA,CAAOtE,IAAI,EACX,CAACqE,KAAA,CAAMpE,MAAM,IAAIqE,MAAA,CAAOvD,sBAAsB,EAC9CsD,KAAA,CAAMrE,IAAI,CAACuE,SAAS;EAEtB,IAAIF,KAAA,CAAMpE,MAAM,EAAE;IAChBoE,KAAA,CAAMpE,MAAM,CAACsE,SAAS,GAAG9E,YAAA,CAAaM,qBAAA,CAAsBE,MAAM,EAAEqE,MAAA,CAAOrE,MAAM,EAAEoE,KAAA,CAAMpE,MAAM,CAACsE,SAAS;EAC3G;EACA,OAAOF,KAAA;AACT"}
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","typographyStyles","createFocusOutlineStyle","dialogTitleClassNames","root","action","useStyles","Ijaq50","nk6f5a","Br312pm","Bw0ie65","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","B6of3ja","t21cq0","jrapky","Frg6f3","rootWithoutAction","Bdqf98w","qb2dma","d","useDialogTitleInternalStyles","button","qhf8xq","B7ck84d","De3pzq","sj55zd","Bceei9c","B68tc82","Bmxbyg5","z8tnut","z189sj","Byoj8tv","uwmqm3","icvyot","vrafjx","oivjwe","wvpqe5","Bv0vk6g","fsow6f","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","f","i","useDialogTitleStyles_unstable","state","styles","className"],"sources":["../../../src/components/DialogTitle/useDialogTitleStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogTitleSlots, DialogTitleState } from './DialogTitle.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { typographyStyles } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n\nexport const dialogTitleClassNames: SlotClassNames<DialogTitleSlots> = {\n root: 'fui-DialogTitle',\n action: 'fui-DialogTitle__action',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n gridRowStart: 1,\n gridRowEnd: 1,\n gridColumnStart: 1,\n gridColumnEnd: 3,\n ...typographyStyles.subtitle1,\n ...shorthands.margin(0),\n },\n rootWithoutAction: {},\n action: {\n gridRowStart: 1,\n gridRowEnd: 1,\n gridColumnStart: 3,\n justifySelf: 'end',\n alignSelf: 'start',\n },\n});\n\n/**\n * Styles to be applied on internal elements used by default action on non-modal Dialog\n * @internal\n */\nexport const useDialogTitleInternalStyles = makeStyles({\n button: {\n position: 'relative',\n boxSizing: 'content-box',\n backgroundColor: 'inherit',\n color: 'inherit',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n cursor: 'pointer',\n lineHeight: 0,\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n ...shorthands.borderStyle('none'),\n WebkitAppearance: 'button',\n textAlign: 'unset',\n ...createFocusOutlineStyle(),\n },\n});\n\n/**\n * Apply styling to the DialogTitle slots based on the state\n */\nexport const useDialogTitleStyles_unstable = (state: DialogTitleState): DialogTitleState => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n dialogTitleClassNames.root,\n styles.root,\n !state.action && styles.rootWithoutAction,\n state.root.className,\n );\n if (state.action) {\n state.action.className = mergeClasses(dialogTitleClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AAGrD,SAASC,gBAAgB,QAAQ;AACjC,SAASC,uBAAuB,QAAQ;AAExC,OAAO,MAAMC,qBAAA,GAA0D;EACrEC,IAAA,EAAM;EACNC,MAAA,EAAQ;AACV;AAEA;;;AAGA,MAAMC,SAAA,gBAAYR,QAAA;EAAAM,IAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,iBAAA;EAAAd,MAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAW,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAiBlB;AAEA;;;;AAIA,OAAO,MAAMC,4BAAA,gBAA+BzB,QAAA;EAAA0B,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAjB,OAAA;IAAAC,OAAA;IAAAiB,OAAA;IAAAf,OAAA;IAAAgB,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;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;AAAA;EAAAjD,CAAA;EAAAkD,CAAA;EAAAC,CAAA;AAAA,EAiB5C;AAEA;;;AAGA,OAAO,MAAMC,6BAAA,GAAiCC,KAAA,IAA8C;EAC1F,MAAMC,MAAA,GAAStE,SAAA;EACfqE,KAAA,CAAMvE,IAAI,CAACyE,SAAS,GAAG9E,YAAA,CACrBI,qBAAA,CAAsBC,IAAI,EAC1BwE,MAAA,CAAOxE,IAAI,EACX,CAACuE,KAAA,CAAMtE,MAAM,IAAIuE,MAAA,CAAOzD,iBAAiB,EACzCwD,KAAA,CAAMvE,IAAI,CAACyE,SAAS;EAEtB,IAAIF,KAAA,CAAMtE,MAAM,EAAE;IAChBsE,KAAA,CAAMtE,MAAM,CAACwE,SAAS,GAAG9E,YAAA,CAAaI,qBAAA,CAAsBE,MAAM,EAAEuE,MAAA,CAAOvE,MAAM,EAAEsE,KAAA,CAAMtE,MAAM,CAACwE,SAAS;EAC3G;EACA,OAAOF,KAAA;AACT"}
package/lib/contexts/constants.js CHANGED
@@ -2,9 +2,4 @@ export const MEDIA_QUERY_BREAKPOINT_SELECTOR = '@media screen and (max-width: 48
2
2
  export const SURFACE_PADDING = '24px';
3
3
  export const DIALOG_GAP = '8px';
4
4
  export const SURFACE_BORDER_WIDTH = '1px';
5
- export const ACTIONS_START_GRID_AREA = 'actions-start';
6
- export const ACTIONS_END_GRID_AREA = 'actions-end';
7
- export const TITLE_GRID_AREA = 'title';
8
- export const TITLE_ACTION_GRID_AREA = 'close-button';
9
- export const CONTENT_GRID_AREA = 'body';
10
5
  //# sourceMappingURL=constants.js.map
package/lib/contexts/constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["MEDIA_QUERY_BREAKPOINT_SELECTOR","SURFACE_PADDING","DIALOG_GAP","SURFACE_BORDER_WIDTH","ACTIONS_START_GRID_AREA","ACTIONS_END_GRID_AREA","TITLE_GRID_AREA","TITLE_ACTION_GRID_AREA","CONTENT_GRID_AREA"],"sources":["../../src/contexts/constants.ts"],"sourcesContent":["export const MEDIA_QUERY_BREAKPOINT_SELECTOR = '@media screen and (max-width: 480px)';\nexport const SURFACE_PADDING = '24px';\nexport const DIALOG_GAP = '8px';\nexport const SURFACE_BORDER_WIDTH = '1px';\n\nexport const ACTIONS_START_GRID_AREA = 'actions-start';\nexport const ACTIONS_END_GRID_AREA = 'actions-end';\nexport const TITLE_GRID_AREA = 'title';\nexport const TITLE_ACTION_GRID_AREA = 'close-button';\nexport const CONTENT_GRID_AREA = 'body';\n"],"mappings":"AAAA,OAAO,MAAMA,+BAAA,GAAkC;AAC/C,OAAO,MAAMC,eAAA,GAAkB;AAC/B,OAAO,MAAMC,UAAA,GAAa;AAC1B,OAAO,MAAMC,oBAAA,GAAuB;AAEpC,OAAO,MAAMC,uBAAA,GAA0B;AACvC,OAAO,MAAMC,qBAAA,GAAwB;AACrC,OAAO,MAAMC,eAAA,GAAkB;AAC/B,OAAO,MAAMC,sBAAA,GAAyB;AACtC,OAAO,MAAMC,iBAAA,GAAoB"}
1
+ {"version":3,"names":["MEDIA_QUERY_BREAKPOINT_SELECTOR","SURFACE_PADDING","DIALOG_GAP","SURFACE_BORDER_WIDTH"],"sources":["../../src/contexts/constants.ts"],"sourcesContent":["export const MEDIA_QUERY_BREAKPOINT_SELECTOR = '@media screen and (max-width: 480px)';\nexport const SURFACE_PADDING = '24px';\nexport const DIALOG_GAP = '8px';\nexport const SURFACE_BORDER_WIDTH = '1px';\n"],"mappings":"AAAA,OAAO,MAAMA,+BAAA,GAAkC;AAC/C,OAAO,MAAMC,eAAA,GAAkB;AAC/B,OAAO,MAAMC,UAAA,GAAa;AAC1B,OAAO,MAAMC,oBAAA,GAAuB"}
package/lib-commonjs/components/DialogActions/useDialogActionsStyles.styles.js CHANGED
@@ -21,6 +21,8 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
21
21
  Bqenvij: "f3052tw",
22
22
  B7ck84d: "f1ewtqcl",
23
23
  mc9l5x: "f22iagw",
24
+ Ijaq50: "f1cztu7b",
25
+ nk6f5a: "fcu02xx",
24
26
  i8kkvl: "f4px1ci",
25
27
  Belr9w4: "fn67r4l",
26
28
  Bmdcpmo: "f6glcwc",
@@ -28,41 +30,35 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
28
30
  },
29
31
  gridPositionEnd: {
30
32
  Bdqf98w: "f1a7i8kp",
31
- Ijaq50: "f11u0jfc",
32
- Br312pm: "f1d6tb1o",
33
- nk6f5a: "f23awfp",
34
- Bw0ie65: "fiappcv"
33
+ Br312pm: "fd46tj4",
34
+ Bw0ie65: "fsyjsko"
35
35
  },
36
36
  gridPositionStart: {
37
37
  Bdqf98w: "fsxvdwy",
38
- Ijaq50: "f1vnb230",
39
- Br312pm: "f14781pt",
40
- nk6f5a: "f13d374e",
41
- Bw0ie65: "f1fjo411"
38
+ Br312pm: "fwpfdsa",
39
+ Bw0ie65: "f1e2fz10"
42
40
  },
43
41
  fluidStart: {
44
- Bw0ie65: "fiappcv"
42
+ Bw0ie65: "fsyjsko"
45
43
  },
46
44
  fluidEnd: {
47
- Br312pm: "f14781pt"
45
+ Br312pm: "fwpfdsa"
48
46
  }
49
47
  }, {
50
48
  d: [
51
49
  ".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}",
52
50
  ".f1ewtqcl{box-sizing:border-box;}",
53
51
  ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
52
+ ".f1cztu7b{grid-row-start:3;}",
53
+ ".fcu02xx{grid-row-end:3;}",
54
54
  ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}",
55
55
  ".fn67r4l{row-gap:8px;}",
56
56
  ".f1a7i8kp{justify-self:end;}",
57
- ".f11u0jfc{grid-row-start:actions-end;}",
58
- ".f1d6tb1o{grid-column-start:actions-end;}",
59
- ".f23awfp{grid-row-end:actions-end;}",
60
- ".fiappcv{grid-column-end:actions-end;}",
57
+ ".fd46tj4{grid-column-start:2;}",
58
+ ".fsyjsko{grid-column-end:4;}",
61
59
  ".fsxvdwy{justify-self:start;}",
62
- ".f1vnb230{grid-row-start:actions-start;}",
63
- ".f14781pt{grid-column-start:actions-start;}",
64
- ".f13d374e{grid-row-end:actions-start;}",
65
- ".f1fjo411{grid-column-end:actions-start;}"
60
+ ".fwpfdsa{grid-column-start:1;}",
61
+ ".f1e2fz10{grid-column-end:2;}"
66
62
  ],
67
63
  m: [
68
64
  [
package/lib-commonjs/components/DialogActions/useDialogActionsStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogActions/useDialogActionsStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DIALOG_GAP, ACTIONS_END_GRID_AREA, ACTIONS_START_GRID_AREA, MEDIA_QUERY_BREAKPOINT_SELECTOR } from '../../contexts/constants';\nexport const dialogActionsClassNames = {\n root: 'fui-DialogActions'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bqenvij: \"f3052tw\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n i8kkvl: \"f4px1ci\",\n Belr9w4: \"fn67r4l\",\n Bmdcpmo: \"f6glcwc\",\n th9wkt: \"f1e3st1r\"\n },\n gridPositionEnd: {\n Bdqf98w: \"f1a7i8kp\",\n Ijaq50: \"f11u0jfc\",\n Br312pm: \"f1d6tb1o\",\n nk6f5a: \"f23awfp\",\n Bw0ie65: \"fiappcv\"\n },\n gridPositionStart: {\n Bdqf98w: \"fsxvdwy\",\n Ijaq50: \"f1vnb230\",\n Br312pm: \"f14781pt\",\n nk6f5a: \"f13d374e\",\n Bw0ie65: \"f1fjo411\"\n },\n fluidStart: {\n Bw0ie65: \"fiappcv\"\n },\n fluidEnd: {\n Br312pm: \"f14781pt\"\n }\n}, {\n d: [\".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1a7i8kp{justify-self:end;}\", \".f11u0jfc{grid-row-start:actions-end;}\", \".f1d6tb1o{grid-column-start:actions-end;}\", \".f23awfp{grid-row-end:actions-end;}\", \".fiappcv{grid-column-end:actions-end;}\", \".fsxvdwy{justify-self:start;}\", \".f1vnb230{grid-row-start:actions-start;}\", \".f14781pt{grid-column-start:actions-start;}\", \".f13d374e{grid-row-end:actions-start;}\", \".f1fjo411{grid-column-end:actions-start;}\"],\n m: [[\"@media screen and (max-width: 480px){.f6glcwc{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}\", {\n m: \"screen and (max-width: 480px)\"\n }], [\"@media screen and (max-width: 480px){.f1e3st1r{justify-self:stretch;}}\", {\n m: \"screen and (max-width: 480px)\"\n }]]\n});\n/**\n * Apply styling to the DialogActions slots based on the state\n */\nexport const useDialogActionsStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogActionsClassNames.root, styles.root, state.position === 'start' && styles.gridPositionStart, state.position === 'end' && styles.gridPositionEnd, state.fluid && state.position === 'start' && styles.fluidStart, state.fluid && state.position === 'end' && styles.fluidEnd, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDialogActionsStyles.styles.js.map"],"names":["dialogActionsClassNames","useDialogActionsStyles_unstable","root","useStyles","__styles","Bqenvij","B7ck84d","mc9l5x","i8kkvl","Belr9w4","Bmdcpmo","th9wkt","gridPositionEnd","Bdqf98w","Ijaq50","Br312pm","nk6f5a","Bw0ie65","gridPositionStart","fluidStart","fluidEnd","d","m","state","styles","className","mergeClasses","position","fluid"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB,MAAvBA;IA4CAC,+BAA+B,MAA/BA;;uBA9CsC;AAE5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,iBAAiB;QACfC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;IACAC,mBAAmB;QACjBL,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;IACAE,YAAY;QACVF,SAAS;IACX;IACAG,UAAU;QACRL,SAAS;IACX;AACF,GAAG;IACDM,GAAG;QAAC;QAAoF;QAAqC;QAAwF;QAAoD;QAA0B;QAAgC;QAA0C;QAA6C;QAAuC;QAA0C;QAAiC;QAA4C;QAA+C;QAA0C;KAA4C;IAC7rBC,GAAG;QAAC;YAAC;YAAkI;gBACrIA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMrB,kCAAkCsB,CAAAA,QAAS;IACtD,MAAMC,SAASrB;IACfoB,MAAMrB,IAAI,CAACuB,SAAS,GAAGC,IAAAA,mBAAY,EAAC1B,wBAAwBE,IAAI,EAAEsB,OAAOtB,IAAI,EAAEqB,MAAMI,QAAQ,KAAK,WAAWH,OAAON,iBAAiB,EAAEK,MAAMI,QAAQ,KAAK,SAASH,OAAOZ,eAAe,EAAEW,MAAMK,KAAK,IAAIL,MAAMI,QAAQ,KAAK,WAAWH,OAAOL,UAAU,EAAEI,MAAMK,KAAK,IAAIL,MAAMI,QAAQ,KAAK,SAASH,OAAOJ,QAAQ,EAAEG,MAAMrB,IAAI,CAACuB,SAAS;IAC3U,OAAOF;AACT,GACA,yDAAyD"}
1
+ {"version":3,"sources":["../../../lib/components/DialogActions/useDialogActionsStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DIALOG_GAP, MEDIA_QUERY_BREAKPOINT_SELECTOR } from '../../contexts/constants';\nexport const dialogActionsClassNames = {\n root: 'fui-DialogActions'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bqenvij: \"f3052tw\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n Ijaq50: \"f1cztu7b\",\n nk6f5a: \"fcu02xx\",\n i8kkvl: \"f4px1ci\",\n Belr9w4: \"fn67r4l\",\n Bmdcpmo: \"f6glcwc\",\n th9wkt: \"f1e3st1r\"\n },\n gridPositionEnd: {\n Bdqf98w: \"f1a7i8kp\",\n Br312pm: \"fd46tj4\",\n Bw0ie65: \"fsyjsko\"\n },\n gridPositionStart: {\n Bdqf98w: \"fsxvdwy\",\n Br312pm: \"fwpfdsa\",\n Bw0ie65: \"f1e2fz10\"\n },\n fluidStart: {\n Bw0ie65: \"fsyjsko\"\n },\n fluidEnd: {\n Br312pm: \"fwpfdsa\"\n }\n}, {\n d: [\".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1cztu7b{grid-row-start:3;}\", \".fcu02xx{grid-row-end:3;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1a7i8kp{justify-self:end;}\", \".fd46tj4{grid-column-start:2;}\", \".fsyjsko{grid-column-end:4;}\", \".fsxvdwy{justify-self:start;}\", \".fwpfdsa{grid-column-start:1;}\", \".f1e2fz10{grid-column-end:2;}\"],\n m: [[\"@media screen and (max-width: 480px){.f6glcwc{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}\", {\n m: \"screen and (max-width: 480px)\"\n }], [\"@media screen and (max-width: 480px){.f1e3st1r{justify-self:stretch;}}\", {\n m: \"screen and (max-width: 480px)\"\n }]]\n});\n/**\n * Apply styling to the DialogActions slots based on the state\n */\nexport const useDialogActionsStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogActionsClassNames.root, styles.root, state.position === 'start' && styles.gridPositionStart, state.position === 'end' && styles.gridPositionEnd, state.fluid && state.position === 'start' && styles.fluidStart, state.fluid && state.position === 'end' && styles.fluidEnd, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDialogActionsStyles.styles.js.map"],"names":["dialogActionsClassNames","useDialogActionsStyles_unstable","root","useStyles","__styles","Bqenvij","B7ck84d","mc9l5x","Ijaq50","nk6f5a","i8kkvl","Belr9w4","Bmdcpmo","th9wkt","gridPositionEnd","Bdqf98w","Br312pm","Bw0ie65","gridPositionStart","fluidStart","fluidEnd","d","m","state","styles","className","mergeClasses","position","fluid"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB,MAAvBA;IA0CAC,+BAA+B,MAA/BA;;uBA5CsC;AAE5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,iBAAiB;QACfC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAC,mBAAmB;QACjBH,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAE,YAAY;QACVF,SAAS;IACX;IACAG,UAAU;QACRJ,SAAS;IACX;AACF,GAAG;IACDK,GAAG;QAAC;QAAoF;QAAqC;QAAwF;QAAgC;QAA6B;QAAoD;QAA0B;QAAgC;QAAkC;QAAgC;QAAiC;QAAkC;KAAgC;IACriBC,GAAG;QAAC;YAAC;YAAkI;gBACrIA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMrB,kCAAkCsB,CAAAA,QAAS;IACtD,MAAMC,SAASrB;IACfoB,MAAMrB,IAAI,CAACuB,SAAS,GAAGC,IAAAA,mBAAY,EAAC1B,wBAAwBE,IAAI,EAAEsB,OAAOtB,IAAI,EAAEqB,MAAMI,QAAQ,KAAK,WAAWH,OAAON,iBAAiB,EAAEK,MAAMI,QAAQ,KAAK,SAASH,OAAOV,eAAe,EAAES,MAAMK,KAAK,IAAIL,MAAMI,QAAQ,KAAK,WAAWH,OAAOL,UAAU,EAAEI,MAAMK,KAAK,IAAIL,MAAMI,QAAQ,KAAK,SAASH,OAAOJ,QAAQ,EAAEG,MAAMrB,IAAI,CAACuB,SAAS;IAC3U,OAAOF;AACT,GACA,yDAAyD"}
package/lib-commonjs/components/DialogBody/useDialogBodyStyles.styles.js CHANGED
@@ -24,16 +24,13 @@ const dialogBodyClassNames = {
24
24
  fshzfu: "f120kxnn",
25
25
  Bxyxcbc: "flnwrvu",
26
26
  B7ck84d: "f1ewtqcl",
27
- wkccdc: "f874eam",
28
- Budl1dq: "fjj47a5",
29
- zoa1oz: "fe34spp",
30
27
  B68tc82: "f1ln0qer",
31
28
  Bmxbyg5: "fa2wlxz",
32
29
  i8kkvl: "f4px1ci",
33
30
  Belr9w4: "fn67r4l",
31
+ wkccdc: "f1x46k84",
34
32
  B5xtmjs: "ff54dml",
35
- Bqu9lor: "f52bj20",
36
- B06wobe: "f1dangjo"
33
+ Bqu9lor: "f1t97isy"
37
34
  }
38
35
  }, {
39
36
  d: [
@@ -41,13 +38,11 @@ const dialogBodyClassNames = {
41
38
  ".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}",
42
39
  ".flnwrvu{max-height:calc(100vh - 2 * 24px);}",
43
40
  ".f1ewtqcl{box-sizing:border-box;}",
44
- ".f874eam{grid-template-rows:auto 1fr auto;}",
45
- ".fjj47a5{grid-template-columns:1fr 1fr auto;}",
46
- ".fe34spp{grid-template-areas:\"title title close-button\" \"body body body\" \"actions-start actions-end actions-end\";}",
47
41
  ".f1ln0qer{overflow-x:unset;}",
48
42
  ".fa2wlxz{overflow-y:unset;}",
49
43
  ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}",
50
- ".fn67r4l{row-gap:8px;}"
44
+ ".fn67r4l{row-gap:8px;}",
45
+ ".f1x46k84{grid-template-rows:auto 1fr;}"
51
46
  ],
52
47
  m: [
53
48
  [
@@ -57,13 +52,7 @@ const dialogBodyClassNames = {
57
52
  }
58
53
  ],
59
54
  [
60
- "@media screen and (max-width: 480px){.f52bj20{grid-template-rows:auto 1fr auto auto;}}",
61
- {
62
- m: "screen and (max-width: 480px)"
63
- }
64
- ],
65
- [
66
- "@media screen and (max-width: 480px){.f1dangjo{grid-template-areas:\"title title close-button\" \"body body body\" \"actions-start actions-start actions-start\" \"actions-end actions-end actions-end\";}}",
55
+ "@media screen and (max-width: 480px){.f1t97isy{grid-template-rows:auto 1fr auto;}}",
67
56
  {
68
57
  m: "screen and (max-width: 480px)"
69
58
  }
package/lib-commonjs/components/DialogBody/useDialogBodyStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogBody/useDialogBodyStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { ACTIONS_END_GRID_AREA, ACTIONS_START_GRID_AREA, CONTENT_GRID_AREA, DIALOG_GAP, MEDIA_QUERY_BREAKPOINT_SELECTOR, SURFACE_PADDING, TITLE_ACTION_GRID_AREA, TITLE_GRID_AREA } from '../../contexts';\nexport const dialogBodyClassNames = {\n root: 'fui-DialogBody'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f13qh94s\",\n fshzfu: \"f120kxnn\",\n Bxyxcbc: \"flnwrvu\",\n B7ck84d: \"f1ewtqcl\",\n wkccdc: \"f874eam\",\n Budl1dq: \"fjj47a5\",\n zoa1oz: \"fe34spp\",\n B68tc82: \"f1ln0qer\",\n Bmxbyg5: \"fa2wlxz\",\n i8kkvl: \"f4px1ci\",\n Belr9w4: \"fn67r4l\",\n B5xtmjs: \"ff54dml\",\n Bqu9lor: \"f52bj20\",\n B06wobe: \"f1dangjo\"\n }\n}, {\n d: [\".f13qh94s{display:grid;}\", \".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}\", \".flnwrvu{max-height:calc(100vh - 2 * 24px);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f874eam{grid-template-rows:auto 1fr auto;}\", \".fjj47a5{grid-template-columns:1fr 1fr auto;}\", \".fe34spp{grid-template-areas:\\\"title title close-button\\\" \\\"body body body\\\" \\\"actions-start actions-end actions-end\\\";}\", \".f1ln0qer{overflow-x:unset;}\", \".fa2wlxz{overflow-y:unset;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\"],\n m: [[\"@media screen and (max-width: 480px){.ff54dml{max-width:100vw;}}\", {\n m: \"screen and (max-width: 480px)\"\n }], [\"@media screen and (max-width: 480px){.f52bj20{grid-template-rows:auto 1fr auto auto;}}\", {\n m: \"screen and (max-width: 480px)\"\n }], [\"@media screen and (max-width: 480px){.f1dangjo{grid-template-areas:\\\"title title close-button\\\" \\\"body body body\\\" \\\"actions-start actions-start actions-start\\\" \\\"actions-end actions-end actions-end\\\";}}\", {\n m: \"screen and (max-width: 480px)\"\n }]]\n});\n/**\n * Apply styling to the DialogBody slots based on the state\n */\nexport const useDialogBodyStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogBodyClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDialogBodyStyles.styles.js.map"],"names":["dialogBodyClassNames","useDialogBodyStyles_unstable","root","useStyles","__styles","mc9l5x","fshzfu","Bxyxcbc","B7ck84d","wkccdc","Budl1dq","zoa1oz","B68tc82","Bmxbyg5","i8kkvl","Belr9w4","B5xtmjs","Bqu9lor","B06wobe","d","m","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB,MAApBA;IAoCAC,4BAA4B,MAA5BA;;uBAtCsC;AAE5C,MAAMD,uBAAuB;IAClCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA4B;QAA6D;QAAgD;QAAqC;QAA+C;QAAiD;QAA4H;QAAgC;QAA+B;QAAoD;KAAyB;IAC1hBC,GAAG;QAAC;YAAC;YAAoE;gBACvEA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0F;gBAC7FA,GAAG;YACL;SAAE;QAAE;YAAC;YAA+M;gBAClNA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMnB,+BAA+BoB,CAAAA,QAAS;IACnD,MAAMC,SAASnB;IACfkB,MAAMnB,IAAI,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBE,IAAI,EAAEoB,OAAOpB,IAAI,EAAEmB,MAAMnB,IAAI,CAACqB,SAAS;IAChG,OAAOF;AACT,GACA,sDAAsD"}
1
+ {"version":3,"sources":["../../../lib/components/DialogBody/useDialogBodyStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DIALOG_GAP, MEDIA_QUERY_BREAKPOINT_SELECTOR, SURFACE_PADDING } from '../../contexts';\nexport const dialogBodyClassNames = {\n root: 'fui-DialogBody'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f13qh94s\",\n fshzfu: \"f120kxnn\",\n Bxyxcbc: \"flnwrvu\",\n B7ck84d: \"f1ewtqcl\",\n B68tc82: \"f1ln0qer\",\n Bmxbyg5: \"fa2wlxz\",\n i8kkvl: \"f4px1ci\",\n Belr9w4: \"fn67r4l\",\n wkccdc: \"f1x46k84\",\n B5xtmjs: \"ff54dml\",\n Bqu9lor: \"f1t97isy\"\n }\n}, {\n d: [\".f13qh94s{display:grid;}\", \".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}\", \".flnwrvu{max-height:calc(100vh - 2 * 24px);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1ln0qer{overflow-x:unset;}\", \".fa2wlxz{overflow-y:unset;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1x46k84{grid-template-rows:auto 1fr;}\"],\n m: [[\"@media screen and (max-width: 480px){.ff54dml{max-width:100vw;}}\", {\n m: \"screen and (max-width: 480px)\"\n }], [\"@media screen and (max-width: 480px){.f1t97isy{grid-template-rows:auto 1fr auto;}}\", {\n m: \"screen and (max-width: 480px)\"\n }]]\n});\n/**\n * Apply styling to the DialogBody slots based on the state\n */\nexport const useDialogBodyStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogBodyClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDialogBodyStyles.styles.js.map"],"names":["dialogBodyClassNames","useDialogBodyStyles_unstable","root","useStyles","__styles","mc9l5x","fshzfu","Bxyxcbc","B7ck84d","B68tc82","Bmxbyg5","i8kkvl","Belr9w4","wkccdc","B5xtmjs","Bqu9lor","d","m","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB,MAApBA;IA+BAC,4BAA4B,MAA5BA;;uBAjCsC;AAE5C,MAAMD,uBAAuB;IAClCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA4B;QAA6D;QAAgD;QAAqC;QAAgC;QAA+B;QAAoD;QAA0B;KAA0C;IACzWC,GAAG;QAAC;YAAC;YAAoE;gBACvEA,GAAG;YACL;SAAE;QAAE;YAAC;YAAsF;gBACzFA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMhB,+BAA+BiB,CAAAA,QAAS;IACnD,MAAMC,SAAShB;IACfe,MAAMhB,IAAI,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACrB,qBAAqBE,IAAI,EAAEiB,OAAOjB,IAAI,EAAEgB,MAAMhB,IAAI,CAACkB,SAAS;IAChG,OAAOF;AACT,GACA,sDAAsD"}
package/lib-commonjs/components/DialogContent/useDialogContentStyles.styles.js CHANGED
@@ -23,6 +23,10 @@ const dialogContentClassNames = {
23
23
  Bmxbyg5: "f5zp4f",
24
24
  sshi5w: "f1nxs5xn",
25
25
  B7ck84d: "f1ewtqcl",
26
+ Ijaq50: "faunodf",
27
+ nk6f5a: "f88nxoq",
28
+ Br312pm: "fwpfdsa",
29
+ Bw0ie65: "fsyjsko",
26
30
  z8tnut: "fr4fn7s",
27
31
  z189sj: [
28
32
  "f171n1a0",
@@ -43,10 +47,6 @@ const dialogContentClassNames = {
43
47
  "f1v5tmjd",
44
48
  "ffs23cn"
45
49
  ],
46
- Ijaq50: "f6owso0",
47
- Br312pm: "fupswjn",
48
- nk6f5a: "foucsne",
49
- Bw0ie65: "f1ka72gx",
50
50
  Bahqtrf: "fk6fouc",
51
51
  Be2twd7: "fkhj508",
52
52
  Bhrd7zp: "figsok6",
@@ -57,6 +57,10 @@ const dialogContentClassNames = {
57
57
  ".f5zp4f{overflow-y:auto;}",
58
58
  ".f1nxs5xn{min-height:32px;}",
59
59
  ".f1ewtqcl{box-sizing:border-box;}",
60
+ ".faunodf{grid-row-start:2;}",
61
+ ".f88nxoq{grid-row-end:2;}",
62
+ ".fwpfdsa{grid-column-start:1;}",
63
+ ".fsyjsko{grid-column-end:4;}",
60
64
  ".fr4fn7s{padding-top:var(--strokeWidthThick);}",
61
65
  ".f171n1a0{padding-right:var(--strokeWidthThick);}",
62
66
  ".f1jwbs5a{padding-left:var(--strokeWidthThick);}",
@@ -65,10 +69,6 @@ const dialogContentClassNames = {
65
69
  ".ffs23cn{margin-right:calc(var(--strokeWidthThick) * -1);}",
66
70
  ".f1v5tmjd{margin-left:calc(var(--strokeWidthThick) * -1);}",
67
71
  ".f2uu7rc{margin-bottom:calc(var(--strokeWidthThick) * -1);}",
68
- ".f6owso0{grid-row-start:body;}",
69
- ".fupswjn{grid-column-start:body;}",
70
- ".foucsne{grid-row-end:body;}",
71
- ".f1ka72gx{grid-column-end:body;}",
72
72
  ".fk6fouc{font-family:var(--fontFamilyBase);}",
73
73
  ".fkhj508{font-size:var(--fontSizeBase300);}",
74
74
  ".figsok6{font-weight:var(--fontWeightRegular);}",
package/lib-commonjs/components/DialogContent/useDialogContentStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogContent/useDialogContentStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { CONTENT_GRID_AREA } from '../../contexts/constants';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const dialogContentClassNames = {\n root: 'fui-DialogContent'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bmxbyg5: \"f5zp4f\",\n sshi5w: \"f1nxs5xn\",\n B7ck84d: \"f1ewtqcl\",\n z8tnut: \"fr4fn7s\",\n z189sj: [\"f171n1a0\", \"f1jwbs5a\"],\n Byoj8tv: \"f1ean75l\",\n uwmqm3: [\"f1jwbs5a\", \"f171n1a0\"],\n B6of3ja: \"fxlnl9e\",\n t21cq0: [\"ffs23cn\", \"f1v5tmjd\"],\n jrapky: \"f2uu7rc\",\n Frg6f3: [\"f1v5tmjd\", \"ffs23cn\"],\n Ijaq50: \"f6owso0\",\n Br312pm: \"fupswjn\",\n nk6f5a: \"foucsne\",\n Bw0ie65: \"f1ka72gx\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".f5zp4f{overflow-y:auto;}\", \".f1nxs5xn{min-height:32px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".fr4fn7s{padding-top:var(--strokeWidthThick);}\", \".f171n1a0{padding-right:var(--strokeWidthThick);}\", \".f1jwbs5a{padding-left:var(--strokeWidthThick);}\", \".f1ean75l{padding-bottom:var(--strokeWidthThick);}\", \".fxlnl9e{margin-top:calc(var(--strokeWidthThick) * -1);}\", \".ffs23cn{margin-right:calc(var(--strokeWidthThick) * -1);}\", \".f1v5tmjd{margin-left:calc(var(--strokeWidthThick) * -1);}\", \".f2uu7rc{margin-bottom:calc(var(--strokeWidthThick) * -1);}\", \".f6owso0{grid-row-start:body;}\", \".fupswjn{grid-column-start:body;}\", \".foucsne{grid-row-end:body;}\", \".f1ka72gx{grid-column-end:body;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/**\n * Apply styling to the DialogContent slots based on the state\n */\nexport const useDialogContentStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogContentClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDialogContentStyles.styles.js.map"],"names":["dialogContentClassNames","useDialogContentStyles_unstable","root","useStyles","__styles","Bmxbyg5","sshi5w","B7ck84d","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Ijaq50","Br312pm","nk6f5a","Bw0ie65","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,uBAAuB,MAAvBA;IAkCAC,+BAA+B,MAA/BA;;uBArCsC;AAG5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA6B;QAA+B;QAAqC;QAAkD;QAAqD;QAAoD;QAAsD;QAA4D;QAA8D;QAA8D;QAA+D;QAAkC;QAAqC;QAAgC;QAAoC;QAAgD;QAA+C;QAAmD;KAAmD;AAC/3B;AAIO,MAAMvB,kCAAkCwB,CAAAA,QAAS;IACtD,MAAMC,SAASvB;IACfsB,MAAMvB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,wBAAwBE,IAAI,EAAEwB,OAAOxB,IAAI,EAAEuB,MAAMvB,IAAI,CAACyB,SAAS;IACnG,OAAOF;AACT,GACA,yDAAyD"}
1
+ {"version":3,"sources":["../../../lib/components/DialogContent/useDialogContentStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const dialogContentClassNames = {\n root: 'fui-DialogContent'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bmxbyg5: \"f5zp4f\",\n sshi5w: \"f1nxs5xn\",\n B7ck84d: \"f1ewtqcl\",\n Ijaq50: \"faunodf\",\n nk6f5a: \"f88nxoq\",\n Br312pm: \"fwpfdsa\",\n Bw0ie65: \"fsyjsko\",\n z8tnut: \"fr4fn7s\",\n z189sj: [\"f171n1a0\", \"f1jwbs5a\"],\n Byoj8tv: \"f1ean75l\",\n uwmqm3: [\"f1jwbs5a\", \"f171n1a0\"],\n B6of3ja: \"fxlnl9e\",\n t21cq0: [\"ffs23cn\", \"f1v5tmjd\"],\n jrapky: \"f2uu7rc\",\n Frg6f3: [\"f1v5tmjd\", \"ffs23cn\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".f5zp4f{overflow-y:auto;}\", \".f1nxs5xn{min-height:32px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".faunodf{grid-row-start:2;}\", \".f88nxoq{grid-row-end:2;}\", \".fwpfdsa{grid-column-start:1;}\", \".fsyjsko{grid-column-end:4;}\", \".fr4fn7s{padding-top:var(--strokeWidthThick);}\", \".f171n1a0{padding-right:var(--strokeWidthThick);}\", \".f1jwbs5a{padding-left:var(--strokeWidthThick);}\", \".f1ean75l{padding-bottom:var(--strokeWidthThick);}\", \".fxlnl9e{margin-top:calc(var(--strokeWidthThick) * -1);}\", \".ffs23cn{margin-right:calc(var(--strokeWidthThick) * -1);}\", \".f1v5tmjd{margin-left:calc(var(--strokeWidthThick) * -1);}\", \".f2uu7rc{margin-bottom:calc(var(--strokeWidthThick) * -1);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/**\n * Apply styling to the DialogContent slots based on the state\n */\nexport const useDialogContentStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogContentClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDialogContentStyles.styles.js.map"],"names":["dialogContentClassNames","useDialogContentStyles_unstable","root","useStyles","__styles","Bmxbyg5","sshi5w","B7ck84d","Ijaq50","nk6f5a","Br312pm","Bw0ie65","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB,MAAvBA;IAkCAC,+BAA+B,MAA/BA;;uBApCsC;AAE5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA6B;QAA+B;QAAqC;QAA+B;QAA6B;QAAkC;QAAgC;QAAkD;QAAqD;QAAoD;QAAsD;QAA4D;QAA8D;QAA8D;QAA+D;QAAgD;QAA+C;QAAmD;KAAmD;AACl3B;AAIO,MAAMvB,kCAAkCwB,CAAAA,QAAS;IACtD,MAAMC,SAASvB;IACfsB,MAAMvB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,wBAAwBE,IAAI,EAAEwB,OAAOxB,IAAI,EAAEuB,MAAMvB,IAAI,CAACyB,SAAS;IACnG,OAAOF;AACT,GACA,yDAAyD"}
package/lib-commonjs/components/DialogTitle/useDialogTitleStyles.styles.js CHANGED
@@ -22,14 +22,14 @@ const dialogTitleClassNames = {
22
22
  * Styles for the root slot
23
23
  */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
24
24
  root: {
25
+ Ijaq50: "f16hsg94",
26
+ nk6f5a: "f1amvztq",
27
+ Br312pm: "fwpfdsa",
28
+ Bw0ie65: "fz1yyy6",
25
29
  Bahqtrf: "fk6fouc",
26
30
  Be2twd7: "f1pp30po",
27
31
  Bhrd7zp: "fl43uef",
28
32
  Bg96gwp: "f106mvju",
29
- Ijaq50: "faq1aip",
30
- Br312pm: "f1m489tg",
31
- nk6f5a: "fv2srd9",
32
- Bw0ie65: "f1tz6hh8",
33
33
  B6of3ja: "f1hu3pq6",
34
34
  t21cq0: [
35
35
  "f11qmguv",
@@ -41,36 +41,31 @@ const dialogTitleClassNames = {
41
41
  "f11qmguv"
42
42
  ]
43
43
  },
44
- rootWithoutCloseButton: {
45
- Ijaq50: "faq1aip",
46
- Br312pm: "f1m489tg",
47
- nk6f5a: "f11nczdl",
48
- Bw0ie65: "f98d4vj"
49
- },
44
+ rootWithoutAction: {},
50
45
  action: {
51
- Ijaq50: "f1hysmiz",
52
- Br312pm: "f1379kmu",
53
- nk6f5a: "f11nczdl",
54
- Bw0ie65: "f98d4vj"
46
+ Ijaq50: "f16hsg94",
47
+ nk6f5a: "f1amvztq",
48
+ Br312pm: "fis13di",
49
+ Bdqf98w: "f1a7i8kp",
50
+ qb2dma: "f9h729m"
55
51
  }
56
52
  }, {
57
53
  d: [
54
+ ".f16hsg94{grid-row-start:1;}",
55
+ ".f1amvztq{grid-row-end:1;}",
56
+ ".fwpfdsa{grid-column-start:1;}",
57
+ ".fz1yyy6{grid-column-end:3;}",
58
58
  ".fk6fouc{font-family:var(--fontFamilyBase);}",
59
59
  ".f1pp30po{font-size:var(--fontSizeBase500);}",
60
60
  ".fl43uef{font-weight:var(--fontWeightSemibold);}",
61
61
  ".f106mvju{line-height:var(--lineHeightBase500);}",
62
- ".faq1aip{grid-row-start:title;}",
63
- ".f1m489tg{grid-column-start:title;}",
64
- ".fv2srd9{grid-row-end:title;}",
65
- ".f1tz6hh8{grid-column-end:title;}",
66
62
  ".f1hu3pq6{margin-top:0;}",
67
63
  ".f11qmguv{margin-right:0;}",
68
64
  ".f1tyq0we{margin-left:0;}",
69
65
  ".f19f4twv{margin-bottom:0;}",
70
- ".f11nczdl{grid-row-end:close-button;}",
71
- ".f98d4vj{grid-column-end:close-button;}",
72
- ".f1hysmiz{grid-row-start:close-button;}",
73
- ".f1379kmu{grid-column-start:close-button;}"
66
+ ".fis13di{grid-column-start:3;}",
67
+ ".f1a7i8kp{justify-self:end;}",
68
+ ".f9h729m{-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;}"
74
69
  ]
75
70
  });
76
71
  const useDialogTitleInternalStyles = /*#__PURE__*/ (0, _react["__styles"])({
@@ -240,7 +235,7 @@ const useDialogTitleInternalStyles = /*#__PURE__*/ (0, _react["__styles"])({
240
235
  });
241
236
  const useDialogTitleStyles_unstable = (state)=>{
242
237
  const styles = useStyles();
243
- state.root.className = (0, _react.mergeClasses)(dialogTitleClassNames.root, styles.root, !state.action && styles.rootWithoutCloseButton, state.root.className);
238
+ state.root.className = (0, _react.mergeClasses)(dialogTitleClassNames.root, styles.root, !state.action && styles.rootWithoutAction, state.root.className);
244
239
  if (state.action) {
245
240
  state.action.className = (0, _react.mergeClasses)(dialogTitleClassNames.action, styles.action, state.action.className);
246
241
  }
package/lib-commonjs/components/DialogTitle/useDialogTitleStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/DialogTitle/useDialogTitleStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nimport { TITLE_ACTION_GRID_AREA, TITLE_GRID_AREA } from '../../contexts/constants';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nexport const dialogTitleClassNames = {\n root: 'fui-DialogTitle',\n action: 'fui-DialogTitle__action'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f1pp30po\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f106mvju\",\n Ijaq50: \"faq1aip\",\n Br312pm: \"f1m489tg\",\n nk6f5a: \"fv2srd9\",\n Bw0ie65: \"f1tz6hh8\",\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"]\n },\n rootWithoutCloseButton: {\n Ijaq50: \"faq1aip\",\n Br312pm: \"f1m489tg\",\n nk6f5a: \"f11nczdl\",\n Bw0ie65: \"f98d4vj\"\n },\n action: {\n Ijaq50: \"f1hysmiz\",\n Br312pm: \"f1379kmu\",\n nk6f5a: \"f11nczdl\",\n Bw0ie65: \"f98d4vj\"\n }\n}, {\n d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".faq1aip{grid-row-start:title;}\", \".f1m489tg{grid-column-start:title;}\", \".fv2srd9{grid-row-end:title;}\", \".f1tz6hh8{grid-column-end:title;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f11nczdl{grid-row-end:close-button;}\", \".f98d4vj{grid-column-end:close-button;}\", \".f1hysmiz{grid-row-start:close-button;}\", \".f1379kmu{grid-column-start:close-button;}\"]\n});\n/**\n * Styles to be applied on internal elements used by default action on non-modal Dialog\n * @internal\n */\nexport const useDialogTitleInternalStyles = /*#__PURE__*/__styles({\n button: {\n qhf8xq: \"f10pi13n\",\n B7ck84d: \"f1e4lqlz\",\n De3pzq: \"f1u2r49w\",\n sj55zd: \"f1ym3bx4\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fjoy568\",\n Bceei9c: \"f1k6fduh\",\n Bg96gwp: \"fez10in\",\n B68tc82: \"f1mtd64y\",\n Bmxbyg5: \"f1y7q3j9\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Bv0vk6g: \"f37px4s\",\n fsow6f: \"fgusgyc\",\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}, {\n d: [\".f10pi13n{position:relative;}\", \".f1e4lqlz{box-sizing:content-box;}\", \".f1u2r49w{background-color:inherit;}\", \".f1ym3bx4{color:inherit;}\", \".f1mo0ibp{font-family:inherit;}\", \".fjoy568{font-size:inherit;}\", \".f1k6fduh{cursor:pointer;}\", \".fez10in{line-height:0;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f37px4s{-webkit-appearance:button;}\", \".fgusgyc{text-align:unset;}\", \".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;}\"],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\n/**\n * Apply styling to the DialogTitle slots based on the state\n */\nexport const useDialogTitleStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogTitleClassNames.root, styles.root, !state.action && styles.rootWithoutCloseButton, state.root.className);\n if (state.action) {\n state.action.className = mergeClasses(dialogTitleClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n//# sourceMappingURL=useDialogTitleStyles.styles.js.map"],"names":["dialogTitleClassNames","useDialogTitleInternalStyles","useDialogTitleStyles_unstable","root","action","useStyles","__styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Ijaq50","Br312pm","nk6f5a","Bw0ie65","B6of3ja","t21cq0","jrapky","Frg6f3","rootWithoutCloseButton","d","button","qhf8xq","B7ck84d","De3pzq","sj55zd","Bceei9c","B68tc82","Bmxbyg5","z8tnut","z189sj","Byoj8tv","uwmqm3","icvyot","vrafjx","oivjwe","wvpqe5","Bv0vk6g","fsow6f","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","f","i","state","styles","className","mergeClasses"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../lib/components/DialogTitle/useDialogTitleStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nexport const dialogTitleClassNames = {\n root: 'fui-DialogTitle',\n action: 'fui-DialogTitle__action'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Ijaq50: \"f16hsg94\",\n nk6f5a: \"f1amvztq\",\n Br312pm: \"fwpfdsa\",\n Bw0ie65: \"fz1yyy6\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f1pp30po\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f106mvju\",\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"]\n },\n rootWithoutAction: {},\n action: {\n Ijaq50: \"f16hsg94\",\n nk6f5a: \"f1amvztq\",\n Br312pm: \"fis13di\",\n Bdqf98w: \"f1a7i8kp\",\n qb2dma: \"f9h729m\"\n }\n}, {\n d: [\".f16hsg94{grid-row-start:1;}\", \".f1amvztq{grid-row-end:1;}\", \".fwpfdsa{grid-column-start:1;}\", \".fz1yyy6{grid-column-end:3;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".fis13di{grid-column-start:3;}\", \".f1a7i8kp{justify-self:end;}\", \".f9h729m{-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;}\"]\n});\n/**\n * Styles to be applied on internal elements used by default action on non-modal Dialog\n * @internal\n */\nexport const useDialogTitleInternalStyles = /*#__PURE__*/__styles({\n button: {\n qhf8xq: \"f10pi13n\",\n B7ck84d: \"f1e4lqlz\",\n De3pzq: \"f1u2r49w\",\n sj55zd: \"f1ym3bx4\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fjoy568\",\n Bceei9c: \"f1k6fduh\",\n Bg96gwp: \"fez10in\",\n B68tc82: \"f1mtd64y\",\n Bmxbyg5: \"f1y7q3j9\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Bv0vk6g: \"f37px4s\",\n fsow6f: \"fgusgyc\",\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}, {\n d: [\".f10pi13n{position:relative;}\", \".f1e4lqlz{box-sizing:content-box;}\", \".f1u2r49w{background-color:inherit;}\", \".f1ym3bx4{color:inherit;}\", \".f1mo0ibp{font-family:inherit;}\", \".fjoy568{font-size:inherit;}\", \".f1k6fduh{cursor:pointer;}\", \".fez10in{line-height:0;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f37px4s{-webkit-appearance:button;}\", \".fgusgyc{text-align:unset;}\", \".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;}\"],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\n/**\n * Apply styling to the DialogTitle slots based on the state\n */\nexport const useDialogTitleStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogTitleClassNames.root, styles.root, !state.action && styles.rootWithoutAction, state.root.className);\n if (state.action) {\n state.action.className = mergeClasses(dialogTitleClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n//# sourceMappingURL=useDialogTitleStyles.styles.js.map"],"names":["dialogTitleClassNames","useDialogTitleInternalStyles","useDialogTitleStyles_unstable","root","action","useStyles","__styles","Ijaq50","nk6f5a","Br312pm","Bw0ie65","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","B6of3ja","t21cq0","jrapky","Frg6f3","rootWithoutAction","Bdqf98w","qb2dma","d","button","qhf8xq","B7ck84d","De3pzq","sj55zd","Bceei9c","B68tc82","Bmxbyg5","z8tnut","z189sj","Byoj8tv","uwmqm3","icvyot","vrafjx","oivjwe","wvpqe5","Bv0vk6g","fsow6f","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","f","i","state","styles","className","mergeClasses"],"mappings":"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"}
package/lib-commonjs/contexts/constants.js CHANGED
@@ -12,21 +12,11 @@ _export(exports, {
12
12
  MEDIA_QUERY_BREAKPOINT_SELECTOR: ()=>MEDIA_QUERY_BREAKPOINT_SELECTOR,
13
13
  SURFACE_PADDING: ()=>SURFACE_PADDING,
14
14
  DIALOG_GAP: ()=>DIALOG_GAP,
15
- SURFACE_BORDER_WIDTH: ()=>SURFACE_BORDER_WIDTH,
16
- ACTIONS_START_GRID_AREA: ()=>ACTIONS_START_GRID_AREA,
17
- ACTIONS_END_GRID_AREA: ()=>ACTIONS_END_GRID_AREA,
18
- TITLE_GRID_AREA: ()=>TITLE_GRID_AREA,
19
- TITLE_ACTION_GRID_AREA: ()=>TITLE_ACTION_GRID_AREA,
20
- CONTENT_GRID_AREA: ()=>CONTENT_GRID_AREA
15
+ SURFACE_BORDER_WIDTH: ()=>SURFACE_BORDER_WIDTH
21
16
  });
22
17
  const MEDIA_QUERY_BREAKPOINT_SELECTOR = '@media screen and (max-width: 480px)';
23
18
  const SURFACE_PADDING = '24px';
24
19
  const DIALOG_GAP = '8px';
25
- const SURFACE_BORDER_WIDTH = '1px';
26
- const ACTIONS_START_GRID_AREA = 'actions-start';
27
- const ACTIONS_END_GRID_AREA = 'actions-end';
28
- const TITLE_GRID_AREA = 'title';
29
- const TITLE_ACTION_GRID_AREA = 'close-button';
30
- const CONTENT_GRID_AREA = 'body'; //# sourceMappingURL=constants.js.map
20
+ const SURFACE_BORDER_WIDTH = '1px'; //# sourceMappingURL=constants.js.map
31
21
 
32
22
  //# sourceMappingURL=constants.js.map
package/lib-commonjs/contexts/constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../lib/contexts/constants.js"],"sourcesContent":["export const MEDIA_QUERY_BREAKPOINT_SELECTOR = '@media screen and (max-width: 480px)';\nexport const SURFACE_PADDING = '24px';\nexport const DIALOG_GAP = '8px';\nexport const SURFACE_BORDER_WIDTH = '1px';\nexport const ACTIONS_START_GRID_AREA = 'actions-start';\nexport const ACTIONS_END_GRID_AREA = 'actions-end';\nexport const TITLE_GRID_AREA = 'title';\nexport const TITLE_ACTION_GRID_AREA = 'close-button';\nexport const CONTENT_GRID_AREA = 'body';\n//# sourceMappingURL=constants.js.map"],"names":["MEDIA_QUERY_BREAKPOINT_SELECTOR","SURFACE_PADDING","DIALOG_GAP","SURFACE_BORDER_WIDTH","ACTIONS_START_GRID_AREA","ACTIONS_END_GRID_AREA","TITLE_GRID_AREA","TITLE_ACTION_GRID_AREA","CONTENT_GRID_AREA"],"mappings":";;;;;;;;;;;IAAaA,+BAA+B,MAA/BA;IACAC,eAAe,MAAfA;IACAC,UAAU,MAAVA;IACAC,oBAAoB,MAApBA;IACAC,uBAAuB,MAAvBA;IACAC,qBAAqB,MAArBA;IACAC,eAAe,MAAfA;IACAC,sBAAsB,MAAtBA;IACAC,iBAAiB,MAAjBA;;AARN,MAAMR,kCAAkC;AACxC,MAAMC,kBAAkB;AACxB,MAAMC,aAAa;AACnB,MAAMC,uBAAuB;AAC7B,MAAMC,0BAA0B;AAChC,MAAMC,wBAAwB;AAC9B,MAAMC,kBAAkB;AACxB,MAAMC,yBAAyB;AAC/B,MAAMC,oBAAoB,QACjC,qCAAqC"}
1
+ {"version":3,"sources":["../../lib/contexts/constants.js"],"sourcesContent":["export const MEDIA_QUERY_BREAKPOINT_SELECTOR = '@media screen and (max-width: 480px)';\nexport const SURFACE_PADDING = '24px';\nexport const DIALOG_GAP = '8px';\nexport const SURFACE_BORDER_WIDTH = '1px';\n//# sourceMappingURL=constants.js.map"],"names":["MEDIA_QUERY_BREAKPOINT_SELECTOR","SURFACE_PADDING","DIALOG_GAP","SURFACE_BORDER_WIDTH"],"mappings":";;;;;;;;;;;IAAaA,+BAA+B,MAA/BA;IACAC,eAAe,MAAfA;IACAC,UAAU,MAAVA;IACAC,oBAAoB,MAApBA;;AAHN,MAAMH,kCAAkC;AACxC,MAAMC,kBAAkB;AACxB,MAAMC,aAAa;AACnB,MAAMC,uBAAuB,OACpC,qCAAqC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-dialog",
3
- "version": "9.5.4",
3
+ "version": "9.5.5",
4
4
  "description": "Dialog component for Fluent UI React",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -24,7 +24,8 @@
24
24
  "e2e:local": "cypress open --component",
25
25
  "storybook": "start-storybook",
26
26
  "type-check": "tsc -b tsconfig.json",
27
- "generate-api": "just-scripts generate-api"
27
+ "generate-api": "just-scripts generate-api",
28
+ "test-ssr": "test-ssr ./stories/**/*.stories.tsx"
28
29
  },
29
30
  "devDependencies": {
30
31
  "@fluentui/eslint-plugin": "*",
@@ -36,16 +37,16 @@
36
37
  },
37
38
  "dependencies": {
38
39
  "@griffel/react": "^1.5.2",
39
- "@fluentui/react-utilities": "^9.8.1",
40
- "@fluentui/react-jsx-runtime": "9.0.0-alpha.3",
40
+ "@fluentui/react-utilities": "^9.9.0",
41
+ "@fluentui/react-jsx-runtime": "9.0.0-alpha.4",
41
42
  "@fluentui/keyboard-keys": "^9.0.3",
42
- "@fluentui/react-context-selector": "^9.1.19",
43
+ "@fluentui/react-context-selector": "^9.1.20",
43
44
  "@fluentui/react-shared-contexts": "^9.4.0",
44
- "@fluentui/react-aria": "^9.3.19",
45
+ "@fluentui/react-aria": "^9.3.20",
45
46
  "@fluentui/react-icons": "^2.0.196",
46
- "@fluentui/react-tabster": "^9.7.0",
47
+ "@fluentui/react-tabster": "^9.7.1",
47
48
  "@fluentui/react-theme": "^9.1.8",
48
- "@fluentui/react-portal": "^9.2.7",
49
+ "@fluentui/react-portal": "^9.2.8",
49
50
  "@swc/helpers": "^0.4.14"
50
51
  },
51
52
  "peerDependencies": {