@fluentui/react-migration-v0-v9 9.1.31 → 9.1.33

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,38 @@
1
1
  # Change Log - @fluentui/react-migration-v0-v9
2
2
 
3
- This log was last generated on Mon, 13 May 2024 12:33:32 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 20 May 2024 12:36:34 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.1.33](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.1.33)
8
+
9
+ Mon, 20 May 2024 12:36:34 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.1.32..@fluentui/react-migration-v0-v9_v9.1.33)
11
+
12
+ ### Patches
13
+
14
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
15
+ - Bump @fluentui/react-aria to v9.11.3 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
16
+ - Bump @fluentui/react-components to v9.52.0 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
17
+ - Bump @fluentui/react-context-selector to v9.1.60 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
18
+ - Bump @fluentui/react-jsx-runtime to v9.0.38 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
19
+ - Bump @fluentui/react-shared-contexts to v9.19.0 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
20
+ - Bump @fluentui/react-tabster to v9.21.3 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
21
+ - Bump @fluentui/react-utilities to v9.18.9 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
22
+
23
+ ## [9.1.32](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.1.32)
24
+
25
+ Thu, 16 May 2024 09:25:15 GMT
26
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.1.31..@fluentui/react-migration-v0-v9_v9.1.32)
27
+
28
+ ### Patches
29
+
30
+ - chore: Upgrade react-icons version to 2.0.239 to pick up provider export map fix. ([PR #31287](https://github.com/microsoft/fluentui/pull/31287) by ololubek@microsoft.com)
31
+ - Bump @fluentui/react-components to v9.51.1 ([PR #31390](https://github.com/microsoft/fluentui/pull/31390) by beachball)
32
+
7
33
  ## [9.1.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.1.31)
8
34
 
9
- Mon, 13 May 2024 12:33:32 GMT
35
+ Mon, 13 May 2024 12:34:20 GMT
10
36
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.1.30..@fluentui/react-migration-v0-v9_v9.1.31)
11
37
 
12
38
  ### Patches
package/dist/index.d.ts CHANGED
@@ -360,7 +360,7 @@ export declare type StyledTextSlots = {
360
360
  root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre' | 'time'>;
361
361
  };
362
362
 
363
- export declare const useFlexStyles: () => Record<"flex" | "fill" | "column" | "wrap" | "inline" | "alignItemsFlexStart" | "alignItemsCenter" | "alignItemsFlexEnd" | "alignItemsStretch" | "justifyContentFlexStart" | "justifyContentCenter" | "justifyContentFlexEnd" | "justifyContentStretch" | "justifyContentSpaceAround" | "justifyContentSpaceBetween" | "justifyContentSpaceEvenly" | "gapForColumnFlexSmall" | "gapForColumnFlexSmaller" | "gapForColumnFlexMedium" | "gapForColumnFlexLarge" | "gapForRowFlexSmall" | "gapForRowFlexSmaller" | "gapForRowFlexMedium" | "gapForRowFlexLarge" | "paddingMedium", string>;
363
+ export declare const useFlexStyles: () => Record<"flex" | "fill" | "inline" | "column" | "wrap" | "alignItemsFlexStart" | "alignItemsCenter" | "alignItemsFlexEnd" | "alignItemsStretch" | "justifyContentFlexStart" | "justifyContentCenter" | "justifyContentFlexEnd" | "justifyContentStretch" | "justifyContentSpaceAround" | "justifyContentSpaceBetween" | "justifyContentSpaceEvenly" | "gapForColumnFlexSmall" | "gapForColumnFlexSmaller" | "gapForColumnFlexMedium" | "gapForColumnFlexLarge" | "gapForRowFlexSmall" | "gapForRowFlexSmaller" | "gapForRowFlexMedium" | "gapForRowFlexLarge" | "paddingMedium", string>;
364
364
 
365
365
  export declare const useGridStyles: () => Record<"grid" | "onlyRows" | "rows1" | "rows2" | "rows3" | "columns1" | "columns2" | "columns3" | "columnsDefault", string>;
366
366
 
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","shorthands","gapValues","smaller","small","medium","large","paddingValues","useFlexStyles","flex","mc9l5x","inline","column","Beiy3e4","alignItemsFlexStart","Bt984gj","alignItemsCenter","alignItemsFlexEnd","alignItemsStretch","justifyContentFlexStart","Brf1p80","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpaceAround","justifyContentSpaceBetween","justifyContentSpaceEvenly","wrap","Eh141a","fill","a9b677","Bqenvij","gapForColumnFlexSmall","Belr9w4","gapForColumnFlexSmaller","gapForColumnFlexMedium","gapForColumnFlexLarge","gapForRowFlexSmall","i8kkvl","gapForRowFlexSmaller","gapForRowFlexMedium","gapForRowFlexLarge","paddingMedium","z8tnut","z189sj","Byoj8tv","uwmqm3","d"],"sources":["Flex.styles.js"],"sourcesContent":["import { makeStyles, shorthands } from '@fluentui/react-components';\nconst gapValues = {\n smaller: '8px',\n small: '10px',\n medium: '15px',\n large: '30px'\n};\nconst paddingValues = {\n medium: '10px'\n};\nexport const useFlexStyles = makeStyles({\n flex: {\n display: 'flex'\n },\n inline: {\n display: 'inline-flex'\n },\n column: {\n flexDirection: 'column'\n },\n alignItemsFlexStart: {\n alignItems: 'flex-start'\n },\n alignItemsCenter: {\n alignItems: 'center'\n },\n alignItemsFlexEnd: {\n alignItems: 'flex-end'\n },\n alignItemsStretch: {\n alignItems: 'stretch'\n },\n justifyContentFlexStart: {\n justifyContent: 'flex-start'\n },\n justifyContentCenter: {\n justifyContent: 'center'\n },\n justifyContentFlexEnd: {\n justifyContent: 'flex-end'\n },\n justifyContentStretch: {\n justifyContent: 'stretch'\n },\n justifyContentSpaceAround: {\n justifyContent: 'space-around'\n },\n justifyContentSpaceBetween: {\n justifyContent: 'space-between'\n },\n justifyContentSpaceEvenly: {\n justifyContent: 'space-evenly'\n },\n wrap: {\n flexWrap: 'wrap'\n },\n fill: {\n width: '100%',\n height: '100%'\n },\n gapForColumnFlexSmall: {\n rowGap: gapValues.small\n },\n gapForColumnFlexSmaller: {\n rowGap: gapValues.smaller\n },\n gapForColumnFlexMedium: {\n rowGap: gapValues.medium\n },\n gapForColumnFlexLarge: {\n rowGap: gapValues.large\n },\n gapForRowFlexSmall: {\n columnGap: gapValues.small\n },\n gapForRowFlexSmaller: {\n columnGap: gapValues.smaller\n },\n gapForRowFlexMedium: {\n columnGap: gapValues.medium\n },\n gapForRowFlexLarge: {\n columnGap: gapValues.large\n },\n paddingMedium: {\n ...shorthands.padding(paddingValues.medium)\n }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,UAAU,QAAQ,4BAA4B;AACnE,MAAMC,SAAS,GAAG;EACdC,OAAO,EAAE,KAAK;EACdC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,aAAa,GAAG;EAClBF,MAAM,EAAE;AACZ,CAAC;AACD,OAAO,MAAMG,aAAa,gBAAGR,QAAA;EAAAS,IAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAD,MAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;EAAA;EAAAC,mBAAA;IAAAC,OAAA;EAAA;EAAAC,gBAAA;IAAAD,OAAA;EAAA;EAAAE,iBAAA;IAAAF,OAAA;EAAA;EAAAG,iBAAA;IAAAH,OAAA;EAAA;EAAAI,uBAAA;IAAAC,OAAA;EAAA;EAAAC,oBAAA;IAAAD,OAAA;EAAA;EAAAE,qBAAA;IAAAF,OAAA;EAAA;EAAAG,qBAAA;IAAAH,OAAA;EAAA;EAAAI,yBAAA;IAAAJ,OAAA;EAAA;EAAAK,0BAAA;IAAAL,OAAA;EAAA;EAAAM,yBAAA;IAAAN,OAAA;EAAA;EAAAO,IAAA;IAAAC,MAAA;EAAA;EAAAC,IAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,qBAAA;IAAAC,OAAA;EAAA;EAAAC,uBAAA;IAAAD,OAAA;EAAA;EAAAE,sBAAA;IAAAF,OAAA;EAAA;EAAAG,qBAAA;IAAAH,OAAA;EAAA;EAAAI,kBAAA;IAAAC,MAAA;EAAA;EAAAC,oBAAA;IAAAD,MAAA;EAAA;EAAAE,mBAAA;IAAAF,MAAA;EAAA;EAAAG,kBAAA;IAAAH,MAAA;EAAA;EAAAI,aAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CA6E5B,CAAC"}
1
+ {"version":3,"names":["__styles","shorthands","gapValues","smaller","small","medium","large","paddingValues","useFlexStyles","flex","mc9l5x","inline","column","Beiy3e4","alignItemsFlexStart","Bt984gj","alignItemsCenter","alignItemsFlexEnd","alignItemsStretch","justifyContentFlexStart","Brf1p80","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpaceAround","justifyContentSpaceBetween","justifyContentSpaceEvenly","wrap","Eh141a","fill","a9b677","Bqenvij","gapForColumnFlexSmall","Belr9w4","gapForColumnFlexSmaller","gapForColumnFlexMedium","gapForColumnFlexLarge","gapForRowFlexSmall","i8kkvl","gapForRowFlexSmaller","gapForRowFlexMedium","gapForRowFlexLarge","paddingMedium","z8tnut","z189sj","Byoj8tv","uwmqm3","d"],"sources":["Flex.styles.js"],"sourcesContent":["import { makeStyles, shorthands } from '@fluentui/react-components';\nconst gapValues = {\n smaller: '8px',\n small: '10px',\n medium: '15px',\n large: '30px'\n};\nconst paddingValues = {\n medium: '10px'\n};\nexport const useFlexStyles = makeStyles({\n flex: {\n display: 'flex'\n },\n inline: {\n display: 'inline-flex'\n },\n column: {\n flexDirection: 'column'\n },\n alignItemsFlexStart: {\n alignItems: 'flex-start'\n },\n alignItemsCenter: {\n alignItems: 'center'\n },\n alignItemsFlexEnd: {\n alignItems: 'flex-end'\n },\n alignItemsStretch: {\n alignItems: 'stretch'\n },\n justifyContentFlexStart: {\n justifyContent: 'flex-start'\n },\n justifyContentCenter: {\n justifyContent: 'center'\n },\n justifyContentFlexEnd: {\n justifyContent: 'flex-end'\n },\n justifyContentStretch: {\n justifyContent: 'stretch'\n },\n justifyContentSpaceAround: {\n justifyContent: 'space-around'\n },\n justifyContentSpaceBetween: {\n justifyContent: 'space-between'\n },\n justifyContentSpaceEvenly: {\n justifyContent: 'space-evenly'\n },\n wrap: {\n flexWrap: 'wrap'\n },\n fill: {\n width: '100%',\n height: '100%'\n },\n gapForColumnFlexSmall: {\n rowGap: gapValues.small\n },\n gapForColumnFlexSmaller: {\n rowGap: gapValues.smaller\n },\n gapForColumnFlexMedium: {\n rowGap: gapValues.medium\n },\n gapForColumnFlexLarge: {\n rowGap: gapValues.large\n },\n gapForRowFlexSmall: {\n columnGap: gapValues.small\n },\n gapForRowFlexSmaller: {\n columnGap: gapValues.smaller\n },\n gapForRowFlexMedium: {\n columnGap: gapValues.medium\n },\n gapForRowFlexLarge: {\n columnGap: gapValues.large\n },\n paddingMedium: {\n ...shorthands.padding(paddingValues.medium)\n }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,UAAU,QAAQ,4BAA4B;AACnE,MAAMC,SAAS,GAAG;EACdC,OAAO,EAAE,KAAK;EACdC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,aAAa,GAAG;EAClBF,MAAM,EAAE;AACZ,CAAC;AACD,OAAO,MAAMG,aAAa,gBAAGR,QAAA;EAAAS,IAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAD,MAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;EAAA;EAAAC,mBAAA;IAAAC,OAAA;EAAA;EAAAC,gBAAA;IAAAD,OAAA;EAAA;EAAAE,iBAAA;IAAAF,OAAA;EAAA;EAAAG,iBAAA;IAAAH,OAAA;EAAA;EAAAI,uBAAA;IAAAC,OAAA;EAAA;EAAAC,oBAAA;IAAAD,OAAA;EAAA;EAAAE,qBAAA;IAAAF,OAAA;EAAA;EAAAG,qBAAA;IAAAH,OAAA;EAAA;EAAAI,yBAAA;IAAAJ,OAAA;EAAA;EAAAK,0BAAA;IAAAL,OAAA;EAAA;EAAAM,yBAAA;IAAAN,OAAA;EAAA;EAAAO,IAAA;IAAAC,MAAA;EAAA;EAAAC,IAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,qBAAA;IAAAC,OAAA;EAAA;EAAAC,uBAAA;IAAAD,OAAA;EAAA;EAAAE,sBAAA;IAAAF,OAAA;EAAA;EAAAG,qBAAA;IAAAH,OAAA;EAAA;EAAAI,kBAAA;IAAAC,MAAA;EAAA;EAAAC,oBAAA;IAAAD,MAAA;EAAA;EAAAE,mBAAA;IAAAF,MAAA;EAAA;EAAAG,kBAAA;IAAAH,MAAA;EAAA;EAAAI,aAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CA6E5B,CAAC","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","useGridStyles","grid","mc9l5x","Brf1p80","onlyRows","Bxotwcr","rows1","wkccdc","rows2","rows3","columns1","Budl1dq","columns2","columns3","columnsDefault","d"],"sources":["Grid.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useGridStyles = makeStyles({\n grid: {\n display: 'grid',\n justifyContent: 'space-evenly'\n },\n onlyRows: {\n gridAutoFlow: 'column'\n },\n rows1: {\n gridTemplateRows: 'repeat(1, 1fr)'\n },\n rows2: {\n gridTemplateRows: 'repeat(2, 1fr)'\n },\n rows3: {\n gridTemplateRows: 'repeat(3, 1fr)'\n },\n columns1: {\n gridTemplateColumns: 'repeat(1, 1fr)'\n },\n columns2: {\n gridTemplateColumns: 'repeat(2, 1fr)'\n },\n columns3: {\n gridTemplateColumns: 'repeat(3, 1fr)'\n },\n columnsDefault: {\n gridTemplateColumns: 'repeat(5, 1fr)'\n }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,OAAO,MAAMC,aAAa,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAD,MAAA;EAAA;EAAAE,KAAA;IAAAF,MAAA;EAAA;EAAAG,QAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAD,OAAA;EAAA;EAAAE,QAAA;IAAAF,OAAA;EAAA;EAAAG,cAAA;IAAAH,OAAA;EAAA;AAAA;EAAAI,CAAA;AAAA,CA6B5B,CAAC"}
1
+ {"version":3,"names":["__styles","useGridStyles","grid","mc9l5x","Brf1p80","onlyRows","Bxotwcr","rows1","wkccdc","rows2","rows3","columns1","Budl1dq","columns2","columns3","columnsDefault","d"],"sources":["Grid.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useGridStyles = makeStyles({\n grid: {\n display: 'grid',\n justifyContent: 'space-evenly'\n },\n onlyRows: {\n gridAutoFlow: 'column'\n },\n rows1: {\n gridTemplateRows: 'repeat(1, 1fr)'\n },\n rows2: {\n gridTemplateRows: 'repeat(2, 1fr)'\n },\n rows3: {\n gridTemplateRows: 'repeat(3, 1fr)'\n },\n columns1: {\n gridTemplateColumns: 'repeat(1, 1fr)'\n },\n columns2: {\n gridTemplateColumns: 'repeat(2, 1fr)'\n },\n columns3: {\n gridTemplateColumns: 'repeat(3, 1fr)'\n },\n columnsDefault: {\n gridTemplateColumns: 'repeat(5, 1fr)'\n }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,OAAO,MAAMC,aAAa,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAD,MAAA;EAAA;EAAAE,KAAA;IAAAF,MAAA;EAAA;EAAAG,QAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAD,OAAA;EAAA;EAAAE,QAAA;IAAAF,OAAA;EAAA;EAAAG,cAAA;IAAAH,OAAA;EAAA;AAAA;EAAAI,CAAA;AAAA,CA6B5B,CAAC","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","useItemLayoutStyles","root","mc9l5x","Budl1dq","sshi5w","contentMedia","qb2dma","Br312pm","Bw0ie65","Ijaq50","nk6f5a","Be2twd7","Bg96gwp","contentWrapper","t21cq0","header","headerMedia","startMedia","endMedia","d"],"sources":["ItemLayout.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useItemLayoutStyles = makeStyles({\n root: {\n display: 'grid',\n gridTemplateColumns: 'auto 1fr auto auto',\n minHeight: '48px'\n },\n contentMedia: {\n alignSelf: 'start',\n gridColumnStart: 3,\n gridColumnEnd: 4,\n gridRowStart: 2,\n gridRowEnd: 3,\n fontSize: '12px',\n lineHeight: 1.3333\n },\n contentWrapper: {\n alignSelf: 'start',\n gridColumnStart: 2,\n gridColumnEnd: 3,\n gridRowStart: 2,\n gridRowEnd: 3,\n marginRight: '8px',\n fontSize: '12px',\n lineHeight: 1.3333\n },\n header: {\n alignSelf: 'end',\n gridColumnStart: 2,\n gridColumnEnd: 3,\n gridRowStart: 1,\n gridRowEnd: 2,\n fontSize: '14px',\n marginRight: '8px'\n },\n headerMedia: {\n alignSelf: 'end',\n gridColumnStart: 3,\n gridColumnEnd: 4,\n gridRowStart: 1,\n gridRowEnd: 2,\n fontSize: '12px',\n lineHeight: 1.3333\n },\n startMedia: {\n alignSelf: 'center',\n gridColumnStart: 1,\n gridColumnEnd: 2,\n gridRowStart: 1,\n gridRowEnd: 3,\n marginRight: '8px'\n },\n endMedia: {\n alignSelf: 'center',\n gridColumnStart: 4,\n gridColumnEnd: 5,\n gridRowStart: 1,\n gridRowEnd: 3\n }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,OAAO,MAAMC,mBAAmB,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,cAAA;IAAAP,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAI,MAAA;IAAAH,OAAA;IAAAC,OAAA;EAAA;EAAAG,MAAA;IAAAT,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAG,MAAA;EAAA;EAAAE,WAAA;IAAAV,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAK,UAAA;IAAAX,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAI,MAAA;EAAA;EAAAI,QAAA;IAAAZ,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAS,CAAA;AAAA,CA0DlC,CAAC"}
1
+ {"version":3,"names":["__styles","useItemLayoutStyles","root","mc9l5x","Budl1dq","sshi5w","contentMedia","qb2dma","Br312pm","Bw0ie65","Ijaq50","nk6f5a","Be2twd7","Bg96gwp","contentWrapper","t21cq0","header","headerMedia","startMedia","endMedia","d"],"sources":["ItemLayout.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useItemLayoutStyles = makeStyles({\n root: {\n display: 'grid',\n gridTemplateColumns: 'auto 1fr auto auto',\n minHeight: '48px'\n },\n contentMedia: {\n alignSelf: 'start',\n gridColumnStart: 3,\n gridColumnEnd: 4,\n gridRowStart: 2,\n gridRowEnd: 3,\n fontSize: '12px',\n lineHeight: 1.3333\n },\n contentWrapper: {\n alignSelf: 'start',\n gridColumnStart: 2,\n gridColumnEnd: 3,\n gridRowStart: 2,\n gridRowEnd: 3,\n marginRight: '8px',\n fontSize: '12px',\n lineHeight: 1.3333\n },\n header: {\n alignSelf: 'end',\n gridColumnStart: 2,\n gridColumnEnd: 3,\n gridRowStart: 1,\n gridRowEnd: 2,\n fontSize: '14px',\n marginRight: '8px'\n },\n headerMedia: {\n alignSelf: 'end',\n gridColumnStart: 3,\n gridColumnEnd: 4,\n gridRowStart: 1,\n gridRowEnd: 2,\n fontSize: '12px',\n lineHeight: 1.3333\n },\n startMedia: {\n alignSelf: 'center',\n gridColumnStart: 1,\n gridColumnEnd: 2,\n gridRowStart: 1,\n gridRowEnd: 3,\n marginRight: '8px'\n },\n endMedia: {\n alignSelf: 'center',\n gridColumnStart: 4,\n gridColumnEnd: 5,\n gridRowStart: 1,\n gridRowEnd: 3\n }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,OAAO,MAAMC,mBAAmB,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,cAAA;IAAAP,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAI,MAAA;IAAAH,OAAA;IAAAC,OAAA;EAAA;EAAAG,MAAA;IAAAT,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAG,MAAA;EAAA;EAAAE,WAAA;IAAAV,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAK,UAAA;IAAAX,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAI,MAAA;EAAA;EAAAI,QAAA;IAAAZ,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAS,CAAA;AAAA,CA0DlC,CAAC","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","__resetStyles","mergeClasses","listClassNames","root","useRootBaseStyles","useStyles","rootHorizontal","mc9l5x","rootGrid","d","useListStyles_unstable","state","rootStyles","styles","layoutToStyles","undefined","className","layout"],"sources":["useListStyles.styles.js"],"sourcesContent":["import { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nexport const listClassNames = {\n root: 'fui-List'\n};\nconst useRootBaseStyles = makeResetStyles({\n padding: 0,\n margin: 0,\n textIndent: 0,\n listStyleType: 'none'\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n rootHorizontal: {\n display: 'flex'\n },\n rootGrid: {\n display: 'grid'\n }\n});\n/**\n * Apply styling to the List slots based on the state\n */ export const useListStyles_unstable = (state)=>{\n const rootStyles = useRootBaseStyles();\n const styles = useStyles();\n const layoutToStyles = {\n ['horizontal']: styles.rootHorizontal,\n ['grid']: styles.rootGrid,\n ['vertical']: undefined\n };\n state.root.className = mergeClasses(listClassNames.root, rootStyles, layoutToStyles[state.layout], state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAAC,aAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,OAAO,MAAMC,cAAc,GAAG;EAC1BC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,iBAAiB,gBAAGJ,aAAA,wFAKzB,CAAC;AACF;AACA;AACA;AAAI,MAAMK,SAAS,gBAAGN,QAAA;EAAAO,cAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAD,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAOrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,sBAAsB,GAAIC,KAAK,IAAG;EAC/C,MAAMC,UAAU,GAAGR,iBAAiB,CAAC,CAAC;EACtC,MAAMS,MAAM,GAAGR,SAAS,CAAC,CAAC;EAC1B,MAAMS,cAAc,GAAG;IACnB,CAAC,YAAY,GAAGD,MAAM,CAACP,cAAc;IACrC,CAAC,MAAM,GAAGO,MAAM,CAACL,QAAQ;IACzB,CAAC,UAAU,GAAGO;EAClB,CAAC;EACDJ,KAAK,CAACR,IAAI,CAACa,SAAS,GAAGf,YAAY,CAACC,cAAc,CAACC,IAAI,EAAES,UAAU,EAAEE,cAAc,CAACH,KAAK,CAACM,MAAM,CAAC,EAAEN,KAAK,CAACR,IAAI,CAACa,SAAS,CAAC;EACxH,OAAOL,KAAK;AAChB,CAAC"}
1
+ {"version":3,"names":["__styles","__resetStyles","mergeClasses","listClassNames","root","useRootBaseStyles","useStyles","rootHorizontal","mc9l5x","rootGrid","d","useListStyles_unstable","state","rootStyles","styles","layoutToStyles","undefined","className","layout"],"sources":["useListStyles.styles.js"],"sourcesContent":["import { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nexport const listClassNames = {\n root: 'fui-List'\n};\nconst useRootBaseStyles = makeResetStyles({\n padding: 0,\n margin: 0,\n textIndent: 0,\n listStyleType: 'none'\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n rootHorizontal: {\n display: 'flex'\n },\n rootGrid: {\n display: 'grid'\n }\n});\n/**\n * Apply styling to the List slots based on the state\n */ export const useListStyles_unstable = (state)=>{\n const rootStyles = useRootBaseStyles();\n const styles = useStyles();\n const layoutToStyles = {\n ['horizontal']: styles.rootHorizontal,\n ['grid']: styles.rootGrid,\n ['vertical']: undefined\n };\n state.root.className = mergeClasses(listClassNames.root, rootStyles, layoutToStyles[state.layout], state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAAC,aAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,OAAO,MAAMC,cAAc,GAAG;EAC1BC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,iBAAiB,gBAAGJ,aAAA,wFAKzB,CAAC;AACF;AACA;AACA;AAAI,MAAMK,SAAS,gBAAGN,QAAA;EAAAO,cAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAD,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAOrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,sBAAsB,GAAIC,KAAK,IAAG;EAC/C,MAAMC,UAAU,GAAGR,iBAAiB,CAAC,CAAC;EACtC,MAAMS,MAAM,GAAGR,SAAS,CAAC,CAAC;EAC1B,MAAMS,cAAc,GAAG;IACnB,CAAC,YAAY,GAAGD,MAAM,CAACP,cAAc;IACrC,CAAC,MAAM,GAAGO,MAAM,CAACL,QAAQ;IACzB,CAAC,UAAU,GAAGO;EAClB,CAAC;EACDJ,KAAK,CAACR,IAAI,CAACa,SAAS,GAAGf,YAAY,CAACC,cAAc,CAACC,IAAI,EAAES,UAAU,EAAEE,cAAc,CAACH,KAAK,CAACM,MAAM,CAAC,EAAEN,KAAK,CAACR,IAAI,CAACa,SAAS,CAAC;EACxH,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
@@ -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 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"}
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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","shorthands","tokens","useSegmentStyles","segment","z8tnut","z189sj","Byoj8tv","uwmqm3","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","g2u3we","h3c5rm","B9xav0g","zhjwy3","icvyot","vrafjx","oivjwe","wvpqe5","De3pzq","E5pizo","d"],"sources":["Segment.styles.js"],"sourcesContent":["import { makeStyles, shorthands, tokens } from '@fluentui/react-components';\nexport const useSegmentStyles = makeStyles({\n segment: {\n ...shorthands.padding('1em'),\n ...shorthands.borderWidth('2px', 0, 0),\n ...shorthands.borderColor('transparent'),\n ...shorthands.borderStyle('solid'),\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: `0 1px 1px 1px ${tokens.colorNeutralShadowKey}`\n }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,UAAU,EAAEC,MAAM,QAAQ,4BAA4B;AAC3E,OAAO,MAAMC,gBAAgB,gBAAGH,QAAA;EAAAI,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAS/B,CAAC"}
1
+ {"version":3,"names":["__styles","shorthands","tokens","useSegmentStyles","segment","z8tnut","z189sj","Byoj8tv","uwmqm3","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","g2u3we","h3c5rm","B9xav0g","zhjwy3","icvyot","vrafjx","oivjwe","wvpqe5","De3pzq","E5pizo","d"],"sources":["Segment.styles.js"],"sourcesContent":["import { makeStyles, shorthands, tokens } from '@fluentui/react-components';\nexport const useSegmentStyles = makeStyles({\n segment: {\n ...shorthands.padding('1em'),\n ...shorthands.borderWidth('2px', 0, 0),\n ...shorthands.borderColor('transparent'),\n ...shorthands.borderStyle('solid'),\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: `0 1px 1px 1px ${tokens.colorNeutralShadowKey}`\n }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,UAAU,EAAEC,MAAM,QAAQ,4BAA4B;AAC3E,OAAO,MAAMC,gBAAgB,gBAAGH,QAAA;EAAAI,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAS/B,CAAC","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","shorthands","tokens","useSizeStyles","base100","Be2twd7","Bg96gwp","base200","base300","base400","base500","base600","hero700","d","useWeightStyles","light","Bhrd7zp","semilight","regular","medium","semibold","bold","useStyles","mention","sj55zd","mentionMe","disabled","error","important","success","temporary","B80ckks","timestamp","nowrap","Huce71","B68tc82","Bmxbyg5","truncate","ygn44y","alignCenter","fsow6f","alignEnd","alignJustify"],"sources":["StyledText.styles.js"],"sourcesContent":["import { makeStyles, shorthands, tokens } from '@fluentui/react-components';\nexport const useSizeStyles = makeStyles({\n base100: {\n fontSize: tokens.fontSizeBase100,\n lineHeight: tokens.lineHeightBase100\n },\n base200: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200\n },\n base300: {\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300\n },\n base400: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400\n },\n base500: {\n fontSize: tokens.fontSizeBase500,\n lineHeight: tokens.lineHeightBase500\n },\n base600: {\n fontSize: tokens.fontSizeBase600,\n lineHeight: tokens.lineHeightBase600\n },\n hero700: {\n fontSize: tokens.fontSizeHero700,\n lineHeight: tokens.lineHeightHero700\n }\n});\nexport const useWeightStyles = makeStyles({\n light: {\n fontWeight: 200\n },\n semilight: {\n fontWeight: 300\n },\n regular: {\n fontWeight: 400\n },\n medium: {\n fontWeight: 500\n },\n semibold: {\n fontWeight: 600\n },\n bold: {\n fontWeight: 700\n }\n});\nexport const useStyles = makeStyles({\n mention: {\n color: tokens.colorBrandForegroundLink\n },\n mentionMe: {\n color: tokens.colorPalettePumpkinBorderActive,\n fontWeight: 700\n },\n disabled: {\n color: tokens.colorNeutralForegroundDisabled\n },\n error: {\n color: tokens.colorPaletteRedForeground3\n },\n important: {\n color: tokens.colorPaletteDarkOrangeForeground3,\n fontWeight: 700\n },\n success: {\n color: tokens.colorPaletteGreenForeground3\n },\n temporary: {\n fontStyle: 'italic'\n },\n timestamp: {\n color: tokens.colorNeutralForeground3\n },\n nowrap: {\n whiteSpace: 'nowrap',\n ...shorthands.overflow('hidden')\n },\n truncate: {\n textOverflow: 'ellipsis'\n },\n alignCenter: {\n textAlign: 'center'\n },\n alignEnd: {\n textAlign: 'end'\n },\n alignJustify: {\n textAlign: 'justify'\n }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,UAAU,EAAEC,MAAM,QAAQ,4BAA4B;AAC3E,OAAO,MAAMC,aAAa,gBAAGH,QAAA;EAAAI,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,OAAA;IAAAH,OAAA;IAAAC,OAAA;EAAA;EAAAG,OAAA;IAAAJ,OAAA;IAAAC,OAAA;EAAA;EAAAI,OAAA;IAAAL,OAAA;IAAAC,OAAA;EAAA;EAAAK,OAAA;IAAAN,OAAA;IAAAC,OAAA;EAAA;EAAAM,OAAA;IAAAP,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAO,CAAA;AAAA,CA6B5B,CAAC;AACF,OAAO,MAAMC,eAAe,gBAAGd,QAAA;EAAAe,KAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAAD,OAAA;EAAA;EAAAE,OAAA;IAAAF,OAAA;EAAA;EAAAG,MAAA;IAAAH,OAAA;EAAA;EAAAI,QAAA;IAAAJ,OAAA;EAAA;EAAAK,IAAA;IAAAL,OAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,CAmB9B,CAAC;AACF,OAAO,MAAMS,SAAS,gBAAGtB,QAAA;EAAAuB,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAD,MAAA;IAAAR,OAAA;EAAA;EAAAU,QAAA;IAAAF,MAAA;EAAA;EAAAG,KAAA;IAAAH,MAAA;EAAA;EAAAI,SAAA;IAAAJ,MAAA;IAAAR,OAAA;EAAA;EAAAa,OAAA;IAAAL,MAAA;EAAA;EAAAM,SAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAAR,MAAA;EAAA;EAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,MAAA;EAAA;EAAAC,WAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAD,MAAA;EAAA;EAAAE,YAAA;IAAAF,MAAA;EAAA;AAAA;EAAA3B,CAAA;AAAA,CA2CxB,CAAC"}
1
+ {"version":3,"names":["__styles","shorthands","tokens","useSizeStyles","base100","Be2twd7","Bg96gwp","base200","base300","base400","base500","base600","hero700","d","useWeightStyles","light","Bhrd7zp","semilight","regular","medium","semibold","bold","useStyles","mention","sj55zd","mentionMe","disabled","error","important","success","temporary","B80ckks","timestamp","nowrap","Huce71","B68tc82","Bmxbyg5","truncate","ygn44y","alignCenter","fsow6f","alignEnd","alignJustify"],"sources":["StyledText.styles.js"],"sourcesContent":["import { makeStyles, shorthands, tokens } from '@fluentui/react-components';\nexport const useSizeStyles = makeStyles({\n base100: {\n fontSize: tokens.fontSizeBase100,\n lineHeight: tokens.lineHeightBase100\n },\n base200: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200\n },\n base300: {\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300\n },\n base400: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400\n },\n base500: {\n fontSize: tokens.fontSizeBase500,\n lineHeight: tokens.lineHeightBase500\n },\n base600: {\n fontSize: tokens.fontSizeBase600,\n lineHeight: tokens.lineHeightBase600\n },\n hero700: {\n fontSize: tokens.fontSizeHero700,\n lineHeight: tokens.lineHeightHero700\n }\n});\nexport const useWeightStyles = makeStyles({\n light: {\n fontWeight: 200\n },\n semilight: {\n fontWeight: 300\n },\n regular: {\n fontWeight: 400\n },\n medium: {\n fontWeight: 500\n },\n semibold: {\n fontWeight: 600\n },\n bold: {\n fontWeight: 700\n }\n});\nexport const useStyles = makeStyles({\n mention: {\n color: tokens.colorBrandForegroundLink\n },\n mentionMe: {\n color: tokens.colorPalettePumpkinBorderActive,\n fontWeight: 700\n },\n disabled: {\n color: tokens.colorNeutralForegroundDisabled\n },\n error: {\n color: tokens.colorPaletteRedForeground3\n },\n important: {\n color: tokens.colorPaletteDarkOrangeForeground3,\n fontWeight: 700\n },\n success: {\n color: tokens.colorPaletteGreenForeground3\n },\n temporary: {\n fontStyle: 'italic'\n },\n timestamp: {\n color: tokens.colorNeutralForeground3\n },\n nowrap: {\n whiteSpace: 'nowrap',\n ...shorthands.overflow('hidden')\n },\n truncate: {\n textOverflow: 'ellipsis'\n },\n alignCenter: {\n textAlign: 'center'\n },\n alignEnd: {\n textAlign: 'end'\n },\n alignJustify: {\n textAlign: 'justify'\n }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,UAAU,EAAEC,MAAM,QAAQ,4BAA4B;AAC3E,OAAO,MAAMC,aAAa,gBAAGH,QAAA;EAAAI,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,OAAA;IAAAH,OAAA;IAAAC,OAAA;EAAA;EAAAG,OAAA;IAAAJ,OAAA;IAAAC,OAAA;EAAA;EAAAI,OAAA;IAAAL,OAAA;IAAAC,OAAA;EAAA;EAAAK,OAAA;IAAAN,OAAA;IAAAC,OAAA;EAAA;EAAAM,OAAA;IAAAP,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAO,CAAA;AAAA,CA6B5B,CAAC;AACF,OAAO,MAAMC,eAAe,gBAAGd,QAAA;EAAAe,KAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAAD,OAAA;EAAA;EAAAE,OAAA;IAAAF,OAAA;EAAA;EAAAG,MAAA;IAAAH,OAAA;EAAA;EAAAI,QAAA;IAAAJ,OAAA;EAAA;EAAAK,IAAA;IAAAL,OAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,CAmB9B,CAAC;AACF,OAAO,MAAMS,SAAS,gBAAGtB,QAAA;EAAAuB,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAD,MAAA;IAAAR,OAAA;EAAA;EAAAU,QAAA;IAAAF,MAAA;EAAA;EAAAG,KAAA;IAAAH,MAAA;EAAA;EAAAI,SAAA;IAAAJ,MAAA;IAAAR,OAAA;EAAA;EAAAa,OAAA;IAAAL,MAAA;EAAA;EAAAM,SAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAAR,MAAA;EAAA;EAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,MAAA;EAAA;EAAAC,WAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAD,MAAA;EAAA;EAAAE,YAAA;IAAAF,MAAA;EAAA;AAAA;EAAA3B,CAAA;AAAA,CA2CxB,CAAC","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-migration-v0-v9",
3
- "version": "9.1.31",
3
+ "version": "9.1.33",
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,16 +33,16 @@
33
33
  "@fluentui/scripts-storybook": "*"
34
34
  },
35
35
  "dependencies": {
36
- "@fluentui/react-aria": "^9.11.2",
37
- "@fluentui/react-components": "^9.51.0",
38
- "@fluentui/react-context-selector": "^9.1.59",
39
- "@fluentui/react-icons": "^2.0.237",
40
- "@fluentui/react-jsx-runtime": "^9.0.37",
41
- "@fluentui/react-shared-contexts": "^9.18.0",
42
- "@fluentui/react-tabster": "^9.21.2",
36
+ "@fluentui/react-aria": "^9.11.3",
37
+ "@fluentui/react-components": "^9.52.0",
38
+ "@fluentui/react-context-selector": "^9.1.60",
39
+ "@fluentui/react-icons": "^2.0.239",
40
+ "@fluentui/react-jsx-runtime": "^9.0.38",
41
+ "@fluentui/react-shared-contexts": "^9.19.0",
42
+ "@fluentui/react-tabster": "^9.21.3",
43
43
  "@fluentui/react-theme": "^9.1.19",
44
- "@fluentui/react-utilities": "^9.18.8",
45
- "@griffel/react": "^1.5.14",
44
+ "@fluentui/react-utilities": "^9.18.9",
45
+ "@griffel/react": "^1.5.22",
46
46
  "@swc/helpers": "^0.5.1"
47
47
  },
48
48
  "peerDependencies": {