@fluentui/react-migration-v0-v9 9.1.24 → 9.1.26

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.
package/CHANGELOG.md CHANGED
@@ -1,12 +1,34 @@
1
1
  # Change Log - @fluentui/react-migration-v0-v9
2
2
 
3
- This log was last generated on Thu, 04 Apr 2024 12:07:00 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 17 Apr 2024 21:47:24 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.1.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.1.26)
8
+
9
+ Wed, 17 Apr 2024 21:47:24 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.1.25..@fluentui/react-migration-v0-v9_v9.1.26)
11
+
12
+ ### Patches
13
+
14
+ - chore: refactor styles defined in makeResetStyles() to avoid shorthands.*() ([PR #30996](https://github.com/microsoft/fluentui/pull/30996) by olfedias@microsoft.com)
15
+ - chore: Update react-icons to 2.0.235 ([PR #31011](https://github.com/microsoft/fluentui/pull/31011) by ololubek@microsoft.com)
16
+ - Bump @fluentui/react-aria to v9.10.4 ([PR #31100](https://github.com/microsoft/fluentui/pull/31100) by beachball)
17
+ - Bump @fluentui/react-components to v9.48.0 ([PR #31100](https://github.com/microsoft/fluentui/pull/31100) by beachball)
18
+ - Bump @fluentui/react-tabster to v9.20.0 ([PR #31100](https://github.com/microsoft/fluentui/pull/31100) by beachball)
19
+
20
+ ## [9.1.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.1.25)
21
+
22
+ Fri, 05 Apr 2024 14:17:26 GMT
23
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.1.24..@fluentui/react-migration-v0-v9_v9.1.25)
24
+
25
+ ### Patches
26
+
27
+ - Bump @fluentui/react-components to v9.47.5 ([PR #30960](https://github.com/microsoft/fluentui/pull/30960) by beachball)
28
+
7
29
  ## [9.1.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.1.24)
8
30
 
9
- Thu, 04 Apr 2024 12:07:00 GMT
31
+ Thu, 04 Apr 2024 12:08:09 GMT
10
32
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.1.23..@fluentui/react-migration-v0-v9_v9.1.24)
11
33
 
12
34
  ### Patches
@@ -10,7 +10,7 @@ export const listItemClassNames = {
10
10
  contentMedia: 'fui-ListItem__contentMedia',
11
11
  endMedia: 'fui-ListItem__endMedia'
12
12
  };
13
- const useRootBaseStyles = /*#__PURE__*/__resetStyles("rigpsx1", "r1tw60jj", [".rigpsx1{padding-top:0;padding-right:10px;padding-bottom:0;padding-left:10px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;text-indent:0;list-style-type:none;}", ".rigpsx1[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);}", ".r1tw60jj{padding-top:0;padding-left:10px;padding-bottom:0;padding-right:10px;margin-top:0;margin-left:0;margin-bottom:0;margin-right:0;text-indent:0;list-style-type:none;}", ".r1tw60jj[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);}"]);
13
+ const useRootBaseStyles = /*#__PURE__*/__resetStyles("rn7e01x", null, [".rn7e01x{padding:0 10px;margin:0;text-indent:0;list-style-type:none;}", ".rn7e01x[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}"]);
14
14
  /**
15
15
  * Styles for the root slot
16
16
  */
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","__resetStyles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","listItemClassNames","root","media","header","contentWrapper","headerMedia","contentMedia","endMedia","useRootBaseStyles","useStyles","Be2twd7","contentWrapperWithoutMedia","Bw0ie65","truncate","B68tc82","Bmxbyg5","j4b8c3","ygn44y","rootSelected","De3pzq","rootClickable","Bceei9c","Jwef8y","d","h","useListItemStyles_unstable","state","rootBaseStyles","styles","className","selectable","navigable","selected","_state_header","truncateHeader","_state_contentWrapper","truncateContent"],"sources":["useListItemStyles.styles.js"],"sourcesContent":["import { makeStyles, makeResetStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const listItemClassNames = {\n root: 'fui-ListItem',\n media: 'fui-ListItem__media',\n header: 'fui-ListItem__header',\n contentWrapper: 'fui-ListItem__contentWrapper',\n headerMedia: 'fui-ListItem__headerMedia',\n contentMedia: 'fui-ListItem__contentMedia',\n endMedia: 'fui-ListItem__endMedia'\n};\nconst useRootBaseStyles = makeResetStyles({\n ...shorthands.padding(0, '10px'),\n ...shorthands.margin(0),\n textIndent: 0,\n listStyleType: 'none',\n ...createCustomFocusIndicatorStyle({\n ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),\n ...shorthands.borderRadius(tokens.borderRadiusMedium)\n }, {\n selector: 'focus'\n })\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n contentWrapper: {\n fontSize: tokens.fontSizeBase200\n },\n // The content should go all the way to the end if the content media is not present\n contentWrapperWithoutMedia: {\n gridColumnEnd: 4\n },\n truncate: {\n ...shorthands.overflow('hidden'),\n textWrap: 'nowrap',\n textOverflow: 'ellipsis'\n },\n rootSelected: {\n backgroundColor: tokens.colorNeutralBackground1Selected\n },\n rootClickable: {\n cursor: 'pointer',\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover\n }\n }\n});\n/**\n * Apply styling to the ListItem slots based on the state\n */ export const useListItemStyles_unstable = (state)=>{\n const rootBaseStyles = useRootBaseStyles();\n const styles = useStyles();\n state.root.className = mergeClasses(listItemClassNames.root, rootBaseStyles, (state.selectable || state.navigable) && styles.rootClickable, state.selected && styles.rootSelected, state.root.className);\n if (state.header) {\n var _state_header;\n state.header.className = mergeClasses(state.truncateHeader && styles.truncate, (_state_header = state.header) === null || _state_header === void 0 ? void 0 : _state_header.className);\n }\n if (state.contentWrapper) {\n var _state_contentWrapper;\n state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.truncateContent && styles.truncate, !state.contentMedia && styles.contentWrapperWithoutMedia, (_state_contentWrapper = state.contentWrapper) === null || _state_contentWrapper === void 0 ? void 0 : _state_contentWrapper.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAAC,aAAA,EAAsCC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACtF,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,IAAI,EAAE,cAAc;EACpBC,KAAK,EAAE,qBAAqB;EAC5BC,MAAM,EAAE,sBAAsB;EAC9BC,cAAc,EAAE,8BAA8B;EAC9CC,WAAW,EAAE,2BAA2B;EACxCC,YAAY,EAAE,4BAA4B;EAC1CC,QAAQ,EAAE;AACd,CAAC;AACD,MAAMC,iBAAiB,gBAAGb,aAAA,8hCAWzB,CAAC;AACF;AACA;AACA;AAAI,MAAMc,SAAS,gBAAGf,QAAA;EAAAU,cAAA;IAAAM,OAAA;EAAA;EAAAC,0BAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;EAAA;EAAAC,aAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,CAsBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,0BAA0B,GAAIC,KAAK,IAAG;EACnD,MAAMC,cAAc,GAAGnB,iBAAiB,CAAC,CAAC;EAC1C,MAAMoB,MAAM,GAAGnB,SAAS,CAAC,CAAC;EAC1BiB,KAAK,CAACzB,IAAI,CAAC4B,SAAS,GAAGjC,YAAY,CAACI,kBAAkB,CAACC,IAAI,EAAE0B,cAAc,EAAE,CAACD,KAAK,CAACI,UAAU,IAAIJ,KAAK,CAACK,SAAS,KAAKH,MAAM,CAACR,aAAa,EAAEM,KAAK,CAACM,QAAQ,IAAIJ,MAAM,CAACV,YAAY,EAAEQ,KAAK,CAACzB,IAAI,CAAC4B,SAAS,CAAC;EACxM,IAAIH,KAAK,CAACvB,MAAM,EAAE;IACd,IAAI8B,aAAa;IACjBP,KAAK,CAACvB,MAAM,CAAC0B,SAAS,GAAGjC,YAAY,CAAC8B,KAAK,CAACQ,cAAc,IAAIN,MAAM,CAACf,QAAQ,EAAE,CAACoB,aAAa,GAAGP,KAAK,CAACvB,MAAM,MAAM,IAAI,IAAI8B,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACJ,SAAS,CAAC;EAC1L;EACA,IAAIH,KAAK,CAACtB,cAAc,EAAE;IACtB,IAAI+B,qBAAqB;IACzBT,KAAK,CAACtB,cAAc,CAACyB,SAAS,GAAGjC,YAAY,CAACgC,MAAM,CAACxB,cAAc,EAAEsB,KAAK,CAACU,eAAe,IAAIR,MAAM,CAACf,QAAQ,EAAE,CAACa,KAAK,CAACpB,YAAY,IAAIsB,MAAM,CAACjB,0BAA0B,EAAE,CAACwB,qBAAqB,GAAGT,KAAK,CAACtB,cAAc,MAAM,IAAI,IAAI+B,qBAAqB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,qBAAqB,CAACN,SAAS,CAAC;EACpT;EACA,OAAOH,KAAK;AAChB,CAAC"}
1
+ {"version":3,"names":["__styles","__resetStyles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","listItemClassNames","root","media","header","contentWrapper","headerMedia","contentMedia","endMedia","useRootBaseStyles","useStyles","Be2twd7","contentWrapperWithoutMedia","Bw0ie65","truncate","B68tc82","Bmxbyg5","j4b8c3","ygn44y","rootSelected","De3pzq","rootClickable","Bceei9c","Jwef8y","d","h","useListItemStyles_unstable","state","rootBaseStyles","styles","className","selectable","navigable","selected","_state_header","truncateHeader","_state_contentWrapper","truncateContent"],"sources":["useListItemStyles.styles.js"],"sourcesContent":["import { makeStyles, makeResetStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const listItemClassNames = {\n root: 'fui-ListItem',\n media: 'fui-ListItem__media',\n header: 'fui-ListItem__header',\n contentWrapper: 'fui-ListItem__contentWrapper',\n headerMedia: 'fui-ListItem__headerMedia',\n contentMedia: 'fui-ListItem__contentMedia',\n endMedia: 'fui-ListItem__endMedia'\n};\nconst useRootBaseStyles = makeResetStyles({\n padding: '0 10px',\n margin: 0,\n textIndent: 0,\n listStyleType: 'none',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium\n }, {\n selector: 'focus'\n })\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n contentWrapper: {\n fontSize: tokens.fontSizeBase200\n },\n // The content should go all the way to the end if the content media is not present\n contentWrapperWithoutMedia: {\n gridColumnEnd: 4\n },\n truncate: {\n ...shorthands.overflow('hidden'),\n textWrap: 'nowrap',\n textOverflow: 'ellipsis'\n },\n rootSelected: {\n backgroundColor: tokens.colorNeutralBackground1Selected\n },\n rootClickable: {\n cursor: 'pointer',\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover\n }\n }\n});\n/**\n * Apply styling to the ListItem slots based on the state\n */ export const useListItemStyles_unstable = (state)=>{\n const rootBaseStyles = useRootBaseStyles();\n const styles = useStyles();\n state.root.className = mergeClasses(listItemClassNames.root, rootBaseStyles, (state.selectable || state.navigable) && styles.rootClickable, state.selected && styles.rootSelected, state.root.className);\n if (state.header) {\n var _state_header;\n state.header.className = mergeClasses(state.truncateHeader && styles.truncate, (_state_header = state.header) === null || _state_header === void 0 ? void 0 : _state_header.className);\n }\n if (state.contentWrapper) {\n var _state_contentWrapper;\n state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.truncateContent && styles.truncate, !state.contentMedia && styles.contentWrapperWithoutMedia, (_state_contentWrapper = state.contentWrapper) === null || _state_contentWrapper === void 0 ? void 0 : _state_contentWrapper.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAAC,aAAA,EAAsCC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACtF,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,IAAI,EAAE,cAAc;EACpBC,KAAK,EAAE,qBAAqB;EAC5BC,MAAM,EAAE,sBAAsB;EAC9BC,cAAc,EAAE,8BAA8B;EAC9CC,WAAW,EAAE,2BAA2B;EACxCC,YAAY,EAAE,4BAA4B;EAC1CC,QAAQ,EAAE;AACd,CAAC;AACD,MAAMC,iBAAiB,gBAAGb,aAAA,wOAWzB,CAAC;AACF;AACA;AACA;AAAI,MAAMc,SAAS,gBAAGf,QAAA;EAAAU,cAAA;IAAAM,OAAA;EAAA;EAAAC,0BAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;EAAA;EAAAC,aAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,CAsBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,0BAA0B,GAAIC,KAAK,IAAG;EACnD,MAAMC,cAAc,GAAGnB,iBAAiB,CAAC,CAAC;EAC1C,MAAMoB,MAAM,GAAGnB,SAAS,CAAC,CAAC;EAC1BiB,KAAK,CAACzB,IAAI,CAAC4B,SAAS,GAAGjC,YAAY,CAACI,kBAAkB,CAACC,IAAI,EAAE0B,cAAc,EAAE,CAACD,KAAK,CAACI,UAAU,IAAIJ,KAAK,CAACK,SAAS,KAAKH,MAAM,CAACR,aAAa,EAAEM,KAAK,CAACM,QAAQ,IAAIJ,MAAM,CAACV,YAAY,EAAEQ,KAAK,CAACzB,IAAI,CAAC4B,SAAS,CAAC;EACxM,IAAIH,KAAK,CAACvB,MAAM,EAAE;IACd,IAAI8B,aAAa;IACjBP,KAAK,CAACvB,MAAM,CAAC0B,SAAS,GAAGjC,YAAY,CAAC8B,KAAK,CAACQ,cAAc,IAAIN,MAAM,CAACf,QAAQ,EAAE,CAACoB,aAAa,GAAGP,KAAK,CAACvB,MAAM,MAAM,IAAI,IAAI8B,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACJ,SAAS,CAAC;EAC1L;EACA,IAAIH,KAAK,CAACtB,cAAc,EAAE;IACtB,IAAI+B,qBAAqB;IACzBT,KAAK,CAACtB,cAAc,CAACyB,SAAS,GAAGjC,YAAY,CAACgC,MAAM,CAACxB,cAAc,EAAEsB,KAAK,CAACU,eAAe,IAAIR,MAAM,CAACf,QAAQ,EAAE,CAACa,KAAK,CAACpB,YAAY,IAAIsB,MAAM,CAACjB,0BAA0B,EAAE,CAACwB,qBAAqB,GAAGT,KAAK,CAACtB,cAAc,MAAM,IAAI,IAAI+B,qBAAqB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,qBAAqB,CAACN,SAAS,CAAC;EACpT;EACA,OAAOH,KAAK;AAChB,CAAC"}
@@ -26,11 +26,9 @@ const listItemClassNames = {
26
26
  contentMedia: 'fui-ListItem__contentMedia',
27
27
  endMedia: 'fui-ListItem__endMedia'
28
28
  };
29
- const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rigpsx1", "r1tw60jj", [
30
- ".rigpsx1{padding-top:0;padding-right:10px;padding-bottom:0;padding-left:10px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;text-indent:0;list-style-type:none;}",
31
- ".rigpsx1[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);}",
32
- ".r1tw60jj{padding-top:0;padding-left:10px;padding-bottom:0;padding-right:10px;margin-top:0;margin-left:0;margin-bottom:0;margin-right:0;text-indent:0;list-style-type:none;}",
33
- ".r1tw60jj[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);}"
29
+ const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rn7e01x", null, [
30
+ ".rn7e01x{padding:0 10px;margin:0;text-indent:0;list-style-type:none;}",
31
+ ".rn7e01x[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}"
34
32
  ]);
35
33
  /**
36
34
  * Styles for the root slot
@@ -1 +1 @@
1
- {"version":3,"sources":["useListItemStyles.styles.js"],"sourcesContent":["import { __styles, __resetStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const listItemClassNames = {\n root: 'fui-ListItem',\n media: 'fui-ListItem__media',\n header: 'fui-ListItem__header',\n contentWrapper: 'fui-ListItem__contentWrapper',\n headerMedia: 'fui-ListItem__headerMedia',\n contentMedia: 'fui-ListItem__contentMedia',\n endMedia: 'fui-ListItem__endMedia'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"rigpsx1\", \"r1tw60jj\", [\".rigpsx1{padding-top:0;padding-right:10px;padding-bottom:0;padding-left:10px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;text-indent:0;list-style-type:none;}\", \".rigpsx1[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);}\", \".r1tw60jj{padding-top:0;padding-left:10px;padding-bottom:0;padding-right:10px;margin-top:0;margin-left:0;margin-bottom:0;margin-right:0;text-indent:0;list-style-type:none;}\", \".r1tw60jj[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);}\"]);\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n contentWrapper: {\n Be2twd7: \"fy9rknc\"\n },\n contentWrapperWithoutMedia: {\n Bw0ie65: \"fsyjsko\"\n },\n truncate: {\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n j4b8c3: \"fv6wr3j\",\n ygn44y: \"f1cmbuwj\"\n },\n rootSelected: {\n De3pzq: \"f1nfm20t\"\n },\n rootClickable: {\n Bceei9c: \"f1k6fduh\",\n Jwef8y: \"f1knas48\"\n }\n}, {\n d: [\".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fsyjsko{grid-column-end:4;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".fv6wr3j{text-wrap:nowrap;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".f1k6fduh{cursor:pointer;}\"],\n h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\"]\n});\n/**\n * Apply styling to the ListItem slots based on the state\n */\nexport const useListItemStyles_unstable = state => {\n const rootBaseStyles = useRootBaseStyles();\n const styles = useStyles();\n state.root.className = mergeClasses(listItemClassNames.root, rootBaseStyles, (state.selectable || state.navigable) && styles.rootClickable, state.selected && styles.rootSelected, state.root.className);\n if (state.header) {\n var _state_header;\n state.header.className = mergeClasses(state.truncateHeader && styles.truncate, (_state_header = state.header) === null || _state_header === void 0 ? void 0 : _state_header.className);\n }\n if (state.contentWrapper) {\n var _state_contentWrapper;\n state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.truncateContent && styles.truncate, !state.contentMedia && styles.contentWrapperWithoutMedia, (_state_contentWrapper = state.contentWrapper) === null || _state_contentWrapper === void 0 ? void 0 : _state_contentWrapper.className);\n }\n return state;\n};\n//# sourceMappingURL=useListItemStyles.styles.js.map"],"names":["listItemClassNames","useListItemStyles_unstable","root","media","header","contentWrapper","headerMedia","contentMedia","endMedia","useRootBaseStyles","__resetStyles","useStyles","__styles","Be2twd7","contentWrapperWithoutMedia","Bw0ie65","truncate","B68tc82","Bmxbyg5","j4b8c3","ygn44y","rootSelected","De3pzq","rootClickable","Bceei9c","Jwef8y","d","h","state","rootBaseStyles","styles","className","mergeClasses","selectable","navigable","selected","_state_header","truncateHeader","_state_contentWrapper","truncateContent"],"mappings":";;;;;;;;;;;IAGaA,kBAAkB;eAAlBA;;IAwCAC,0BAA0B;eAA1BA;;;uBA3CqD;AAG3D,MAAMD,qBAAqB;IAChCE,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,gBAAgB;IAChBC,aAAa;IACbC,cAAc;IACdC,UAAU;AACZ;AACA,MAAMC,oBAAoB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,YAAY;IAAC;IAA+K;IAAmV;IAAgL;CAAmV;AACllC;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCP,gBAAgB;QACdQ,SAAS;IACX;IACAC,4BAA4B;QAC1BC,SAAS;IACX;IACAC,UAAU;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,cAAc;QACZC,QAAQ;IACV;IACAC,eAAe;QACbC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA+C;QAAgC;QAAiC;QAAiC;QAA+B;QAAsC;QAAuE;KAA6B;IAC9TC,GAAG;QAAC;KAAyE;AAC/E;AAIO,MAAM1B,6BAA6B2B,CAAAA;IACxC,MAAMC,iBAAiBpB;IACvB,MAAMqB,SAASnB;IACfiB,MAAM1B,IAAI,CAAC6B,SAAS,GAAGC,IAAAA,mBAAY,EAAChC,mBAAmBE,IAAI,EAAE2B,gBAAgB,AAACD,CAAAA,MAAMK,UAAU,IAAIL,MAAMM,SAAS,AAAD,KAAMJ,OAAOP,aAAa,EAAEK,MAAMO,QAAQ,IAAIL,OAAOT,YAAY,EAAEO,MAAM1B,IAAI,CAAC6B,SAAS;IACvM,IAAIH,MAAMxB,MAAM,EAAE;QAChB,IAAIgC;QACJR,MAAMxB,MAAM,CAAC2B,SAAS,GAAGC,IAAAA,mBAAY,EAACJ,MAAMS,cAAc,IAAIP,OAAOd,QAAQ,EAAE,AAACoB,CAAAA,gBAAgBR,MAAMxB,MAAM,AAAD,MAAO,QAAQgC,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcL,SAAS;IACvL;IACA,IAAIH,MAAMvB,cAAc,EAAE;QACxB,IAAIiC;QACJV,MAAMvB,cAAc,CAAC0B,SAAS,GAAGC,IAAAA,mBAAY,EAACF,OAAOzB,cAAc,EAAEuB,MAAMW,eAAe,IAAIT,OAAOd,QAAQ,EAAE,CAACY,MAAMrB,YAAY,IAAIuB,OAAOhB,0BAA0B,EAAE,AAACwB,CAAAA,wBAAwBV,MAAMvB,cAAc,AAAD,MAAO,QAAQiC,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBP,SAAS;IACjT;IACA,OAAOH;AACT,GACA,oDAAoD"}
1
+ {"version":3,"sources":["useListItemStyles.styles.js"],"sourcesContent":["import { __styles, __resetStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const listItemClassNames = {\n root: 'fui-ListItem',\n media: 'fui-ListItem__media',\n header: 'fui-ListItem__header',\n contentWrapper: 'fui-ListItem__contentWrapper',\n headerMedia: 'fui-ListItem__headerMedia',\n contentMedia: 'fui-ListItem__contentMedia',\n endMedia: 'fui-ListItem__endMedia'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"rn7e01x\", null, [\".rn7e01x{padding:0 10px;margin:0;text-indent:0;list-style-type:none;}\", \".rn7e01x[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}\"]);\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n contentWrapper: {\n Be2twd7: \"fy9rknc\"\n },\n contentWrapperWithoutMedia: {\n Bw0ie65: \"fsyjsko\"\n },\n truncate: {\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n j4b8c3: \"fv6wr3j\",\n ygn44y: \"f1cmbuwj\"\n },\n rootSelected: {\n De3pzq: \"f1nfm20t\"\n },\n rootClickable: {\n Bceei9c: \"f1k6fduh\",\n Jwef8y: \"f1knas48\"\n }\n}, {\n d: [\".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fsyjsko{grid-column-end:4;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".fv6wr3j{text-wrap:nowrap;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".f1k6fduh{cursor:pointer;}\"],\n h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\"]\n});\n/**\n * Apply styling to the ListItem slots based on the state\n */\nexport const useListItemStyles_unstable = state => {\n const rootBaseStyles = useRootBaseStyles();\n const styles = useStyles();\n state.root.className = mergeClasses(listItemClassNames.root, rootBaseStyles, (state.selectable || state.navigable) && styles.rootClickable, state.selected && styles.rootSelected, state.root.className);\n if (state.header) {\n var _state_header;\n state.header.className = mergeClasses(state.truncateHeader && styles.truncate, (_state_header = state.header) === null || _state_header === void 0 ? void 0 : _state_header.className);\n }\n if (state.contentWrapper) {\n var _state_contentWrapper;\n state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.truncateContent && styles.truncate, !state.contentMedia && styles.contentWrapperWithoutMedia, (_state_contentWrapper = state.contentWrapper) === null || _state_contentWrapper === void 0 ? void 0 : _state_contentWrapper.className);\n }\n return state;\n};\n//# sourceMappingURL=useListItemStyles.styles.js.map"],"names":["listItemClassNames","useListItemStyles_unstable","root","media","header","contentWrapper","headerMedia","contentMedia","endMedia","useRootBaseStyles","__resetStyles","useStyles","__styles","Be2twd7","contentWrapperWithoutMedia","Bw0ie65","truncate","B68tc82","Bmxbyg5","j4b8c3","ygn44y","rootSelected","De3pzq","rootClickable","Bceei9c","Jwef8y","d","h","state","rootBaseStyles","styles","className","mergeClasses","selectable","navigable","selected","_state_header","truncateHeader","_state_contentWrapper","truncateContent"],"mappings":";;;;;;;;;;;IAGaA,kBAAkB;eAAlBA;;IAwCAC,0BAA0B;eAA1BA;;;uBA3CqD;AAG3D,MAAMD,qBAAqB;IAChCE,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,gBAAgB;IAChBC,aAAa;IACbC,cAAc;IACdC,UAAU;AACZ;AACA,MAAMC,oBAAoB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;IAAyE;CAA4I;AAC5R;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCP,gBAAgB;QACdQ,SAAS;IACX;IACAC,4BAA4B;QAC1BC,SAAS;IACX;IACAC,UAAU;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,cAAc;QACZC,QAAQ;IACV;IACAC,eAAe;QACbC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA+C;QAAgC;QAAiC;QAAiC;QAA+B;QAAsC;QAAuE;KAA6B;IAC9TC,GAAG;QAAC;KAAyE;AAC/E;AAIO,MAAM1B,6BAA6B2B,CAAAA;IACxC,MAAMC,iBAAiBpB;IACvB,MAAMqB,SAASnB;IACfiB,MAAM1B,IAAI,CAAC6B,SAAS,GAAGC,IAAAA,mBAAY,EAAChC,mBAAmBE,IAAI,EAAE2B,gBAAgB,AAACD,CAAAA,MAAMK,UAAU,IAAIL,MAAMM,SAAS,AAAD,KAAMJ,OAAOP,aAAa,EAAEK,MAAMO,QAAQ,IAAIL,OAAOT,YAAY,EAAEO,MAAM1B,IAAI,CAAC6B,SAAS;IACvM,IAAIH,MAAMxB,MAAM,EAAE;QAChB,IAAIgC;QACJR,MAAMxB,MAAM,CAAC2B,SAAS,GAAGC,IAAAA,mBAAY,EAACJ,MAAMS,cAAc,IAAIP,OAAOd,QAAQ,EAAE,AAACoB,CAAAA,gBAAgBR,MAAMxB,MAAM,AAAD,MAAO,QAAQgC,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcL,SAAS;IACvL;IACA,IAAIH,MAAMvB,cAAc,EAAE;QACxB,IAAIiC;QACJV,MAAMvB,cAAc,CAAC0B,SAAS,GAAGC,IAAAA,mBAAY,EAACF,OAAOzB,cAAc,EAAEuB,MAAMW,eAAe,IAAIT,OAAOd,QAAQ,EAAE,CAACY,MAAMrB,YAAY,IAAIuB,OAAOhB,0BAA0B,EAAE,AAACwB,CAAAA,wBAAwBV,MAAMvB,cAAc,AAAD,MAAO,QAAQiC,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBP,SAAS;IACjT;IACA,OAAOH;AACT,GACA,oDAAoD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-migration-v0-v9",
3
- "version": "9.1.24",
3
+ "version": "9.1.26",
4
4
  "description": "Migration shim components and methods for hybrid v0/v9 applications building on Fluent UI React.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -33,13 +33,13 @@
33
33
  "@fluentui/scripts-storybook": "*"
34
34
  },
35
35
  "dependencies": {
36
- "@fluentui/react-aria": "^9.10.3",
37
- "@fluentui/react-components": "^9.47.4",
36
+ "@fluentui/react-aria": "^9.10.4",
37
+ "@fluentui/react-components": "^9.48.0",
38
38
  "@fluentui/react-context-selector": "^9.1.57",
39
- "@fluentui/react-icons": "^2.0.224",
39
+ "@fluentui/react-icons": "^2.0.235",
40
40
  "@fluentui/react-jsx-runtime": "^9.0.35",
41
41
  "@fluentui/react-shared-contexts": "^9.16.0",
42
- "@fluentui/react-tabster": "^9.19.6",
42
+ "@fluentui/react-tabster": "^9.20.0",
43
43
  "@fluentui/react-theme": "^9.1.19",
44
44
  "@fluentui/react-utilities": "^9.18.6",
45
45
  "@griffel/react": "^1.5.14",