npm - @fluentui/react-migration-v0-v9 - Versions diffs - 9.1.33 → 9.1.34 - Mend

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

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 (26) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,12 +1,24 @@
 # Change Log - @fluentui/react-migration-v0-v9
-This log was last generated on Mon, 20 May 2024 12:36:34 GMT and should not be manually modified.
+This log was last generated on Thu, 23 May 2024 07:57:57 GMT and should not be manually modified.
 <!-- Start content -->
+## [9.1.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.1.34)
+Thu, 23 May 2024 07:57:57 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.1.33..@fluentui/react-migration-v0-v9_v9.1.34)
+### Patches
+- chore: replace usage of .shorthands() in styles ([PR #31432](https://github.com/microsoft/fluentui/pull/31432) by olfedias@microsoft.com)
+- Bump @fluentui/react-aria to v9.11.4 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
+- Bump @fluentui/react-components to v9.53.0 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
+- Bump @fluentui/react-tabster to v9.21.4 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
 ## [9.1.33](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.1.33)
-Mon, 20 May 2024 12:36:34 GMT
+Mon, 20 May 2024 12:44:59 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.1.32..@fluentui/react-migration-v0-v9_v9.1.33)
 ### Patches

package/lib/components/Button/ButtonMigration.mixins.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import { shorthands } from '@fluentui/react-components';
 import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
 // class names from v0 - not imported as we do not want to keep depending on v0.
 const iconClassNames = {
@@ -28,14 +27,14 @@ export const v9Icon = ()=>({
             paddingBottom: '100%',
             // negative margin is necessary here for centering v9 icon
             // with v0 button, because of extra spaces that svg contains
-            ...shorthands.margin('-4px', 0, 0, '-4px'),
-            ...shorthands.overflow('visible')
+            margin: '-4px 0 0 -4px',
+            overflow: 'visible'
         },
         ...v9HoverClasses()
     });
 export const v9CustomSizeIcon = ()=>({
         '& svg': {
-            ...shorthands.overflow('visible')
+            overflow: 'visible'
         },
         ...v9HoverClasses()
     });

package/lib/components/Button/ButtonMigration.mixins.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ButtonMigration.mixins.ts"],"sourcesContent":["import { GriffelStyle, ~~shorthands~~ } from '@fluentui/react-components';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n// class names from v0 - not imported as we do not want to keep depending on v0.\nconst iconClassNames = {\n filled: 'ui-icon__filled',\n outline: 'ui-icon__outline',\n};\n\nexport const v9HoverClasses = (): GriffelStyle => ({\n [`& .${iconFilledClassName}`]: {\n display: 'none',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline',\n },\n '&:hover': {\n [`& .${iconFilledClassName}`]: {\n display: 'inline',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none',\n },\n },\n});\n\nexport const v9Icon = (): GriffelStyle => ({\n // styles that allow to keep consistent size of v9 icon with v0 icon\n '& svg': {\n width: '100%',\n paddingBottom: '100%',\n // negative margin is necessary here for centering v9 icon\n // with v0 button, because of extra spaces that svg contains\n ~~...shorthands.~~margin('-4px', 0, 0, '-4px'),\n ~~...shorthands.~~overflow('visible'),\n },\n ...v9HoverClasses(),\n});\n\nexport const v9CustomSizeIcon = (): GriffelStyle => ({\n '& svg': {~~\n ...shorthands.~~overflow('visible'~~),\n~~ },\n ...v9HoverClasses(),\n});\n\nexport const v0Icon = (): GriffelStyle => ({\n [`& .${iconClassNames.outline}`]: {\n display: 'block',\n },\n [`& .${iconClassNames.filled}`]: {\n display: 'none',\n },\n '&:hover': {\n [`& .${iconClassNames.outline}`]: {\n display: 'none',\n },\n [`& .${iconClassNames.filled}`]: {\n display: 'block',\n },\n },\n});\n\nexport const v9DisabledCursor = (): GriffelStyle => ({\n '&:disabled': {\n cursor: 'default',\n '&:hover': {\n cursor: 'default',\n },\n '&:hover:active': {\n cursor: 'default',\n },\n },\n});\n"],"names":["~~shorthands","~~iconFilledClassName","iconRegularClassName","iconClassNames","filled","outline","v9HoverClasses","display","v9Icon","width","paddingBottom","margin","overflow","v9CustomSizeIcon","v0Icon","v9DisabledCursor","cursor"],"mappings":"~~AAAA~~,~~SAAuBA~~,~~UAAU,QAAQ,6BAA6B;AACtE,SAASC,~~mBAAmB,EAAEC,oBAAoB,QAAQ,wBAAwB;AAElF,gFAAgF;AAChF,MAAMC,iBAAiB;IACrBC,QAAQ;IACRC,SAAS;AACX;AAEA,OAAO,MAAMC,iBAAiB,IAAqB,CAAA;QACjD,CAAC,CAAC,GAAG,EAAEL,oBAAoB,CAAC,CAAC,EAAE;YAC7BM,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEL,qBAAqB,CAAC,CAAC,EAAE;YAC9BK,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAEN,oBAAoB,CAAC,CAAC,EAAE;gBAC7BM,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEL,qBAAqB,CAAC,CAAC,EAAE;gBAC9BK,SAAS;YACX;QACF;IACF,CAAA,EAAG;AAEH,OAAO,MAAMC,SAAS,IAAqB,CAAA;QACzC,oEAAoE;QACpE,SAAS;YACPC,OAAO;YACPC,eAAe;YACf,0DAA0D;YAC1D,4DAA4D;~~YAC5D~~,~~GAAGV,WAAWW,MAAM,CAAC,~~QAAQ~~,GAAG,GAAG,OAAO~~;~~YAC1C~~,~~GAAGX,WAAWY,QAAQ,CAAC,~~UAAU;~~QACnC~~;QACA,GAAGN,gBAAgB;IACrB,CAAA,EAAG;AAEH,OAAO,MAAMO,mBAAmB,IAAqB,CAAA;QACnD,SAAS;~~YACP~~,~~GAAGb,WAAWY,QAAQ,CAAC,~~UAAU;~~QACnC~~;~~QACA~~,GAAGN,gBAAgB;IACrB,CAAA,EAAG;AAEH,OAAO,MAAMQ,SAAS,IAAqB,CAAA;QACzC,CAAC,CAAC,GAAG,EAAEX,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;YAChCE,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;YAC/BG,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAEJ,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;gBAChCE,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC/BG,SAAS;YACX;QACF;IACF,CAAA,EAAG;AAEH,OAAO,MAAMQ,mBAAmB,IAAqB,CAAA;QACnD,cAAc;YACZC,QAAQ;YACR,WAAW;gBACTA,QAAQ;YACV;YACA,kBAAkB;gBAChBA,QAAQ;YACV;QACF;IACF,CAAA,EAAG"}
1	+ {"version":3,"sources":["ButtonMigration.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n// class names from v0 - not imported as we do not want to keep depending on v0.\nconst iconClassNames = {\n filled: 'ui-icon__filled',\n outline: 'ui-icon__outline',\n};\n\nexport const v9HoverClasses = (): GriffelStyle => ({\n [`& .${iconFilledClassName}`]: {\n display: 'none',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline',\n },\n '&:hover': {\n [`& .${iconFilledClassName}`]: {\n display: 'inline',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none',\n },\n },\n});\n\nexport const v9Icon = (): GriffelStyle => ({\n // styles that allow to keep consistent size of v9 icon with v0 icon\n '& svg': {\n width: '100%',\n paddingBottom: '100%',\n // negative margin is necessary here for centering v9 icon\n // with v0 button, because of extra spaces that svg contains\n margin: '-4px 0 0 -4px',\n overflow: 'visible',\n },\n ...v9HoverClasses(),\n});\n\nexport const v9CustomSizeIcon = (): GriffelStyle => ({\n '& svg': { overflow: 'visible' },\n ...v9HoverClasses(),\n});\n\nexport const v0Icon = (): GriffelStyle => ({\n [`& .${iconClassNames.outline}`]: {\n display: 'block',\n },\n [`& .${iconClassNames.filled}`]: {\n display: 'none',\n },\n '&:hover': {\n [`& .${iconClassNames.outline}`]: {\n display: 'none',\n },\n [`& .${iconClassNames.filled}`]: {\n display: 'block',\n },\n },\n});\n\nexport const v9DisabledCursor = (): GriffelStyle => ({\n '&:disabled': {\n cursor: 'default',\n '&:hover': {\n cursor: 'default',\n },\n '&:hover:active': {\n cursor: 'default',\n },\n },\n});\n"],"names":["iconFilledClassName","iconRegularClassName","iconClassNames","filled","outline","v9HoverClasses","display","v9Icon","width","paddingBottom","margin","overflow","v9CustomSizeIcon","v0Icon","v9DisabledCursor","cursor"],"mappings":"AACA,SAASA,mBAAmB,EAAEC,oBAAoB,QAAQ,wBAAwB;AAElF,gFAAgF;AAChF,MAAMC,iBAAiB;IACrBC,QAAQ;IACRC,SAAS;AACX;AAEA,OAAO,MAAMC,iBAAiB,IAAqB,CAAA;QACjD,CAAC,CAAC,GAAG,EAAEL,oBAAoB,CAAC,CAAC,EAAE;YAC7BM,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEL,qBAAqB,CAAC,CAAC,EAAE;YAC9BK,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAEN,oBAAoB,CAAC,CAAC,EAAE;gBAC7BM,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEL,qBAAqB,CAAC,CAAC,EAAE;gBAC9BK,SAAS;YACX;QACF;IACF,CAAA,EAAG;AAEH,OAAO,MAAMC,SAAS,IAAqB,CAAA;QACzC,oEAAoE;QACpE,SAAS;YACPC,OAAO;YACPC,eAAe;YACf,0DAA0D;YAC1D,4DAA4D;YAC5DC,QAAQ;YACRC,UAAU;QACZ;QACA,GAAGN,gBAAgB;IACrB,CAAA,EAAG;AAEH,OAAO,MAAMO,mBAAmB,IAAqB,CAAA;QACnD,SAAS;YAAED,UAAU;QAAU;QAC/B,GAAGN,gBAAgB;IACrB,CAAA,EAAG;AAEH,OAAO,MAAMQ,SAAS,IAAqB,CAAA;QACzC,CAAC,CAAC,GAAG,EAAEX,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;YAChCE,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;YAC/BG,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAEJ,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;gBAChCE,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC/BG,SAAS;YACX;QACF;IACF,CAAA,EAAG;AAEH,OAAO,MAAMQ,mBAAmB,IAAqB,CAAA;QACnD,cAAc;YACZC,QAAQ;YACR,WAAW;gBACTA,QAAQ;YACV;YACA,kBAAkB;gBAChBA,QAAQ;YACV;QACF;IACF,CAAA,EAAG"}

package/lib/components/Flex/Flex.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __styles, shorthands } from '@fluentui/react-components';
+import { __styles } from '@fluentui/react-components';
 const gapValues = {
   smaller: '8px',
   small: '10px',
@@ -83,12 +83,15 @@ export const useFlexStyles = /*#__PURE__*/__styles({
     i8kkvl: "fzco7x8"
   },
   paddingMedium: {
-    z8tnut: "f1809wu7",
-    z189sj: ["f81rol6", "frdkuqy"],
-    Byoj8tv: "f1fow5ox",
-    uwmqm3: ["frdkuqy", "f81rol6"]
+    Byoj8tv: 0,
+    uwmqm3: 0,
+    z189sj: 0,
+    z8tnut: 0,
+    B0ocmuz: "fbhmu18"
   }
 }, {
-  d: [".f22iagw{display:flex;}", ".ftuwxu6{display:inline-flex;}", ".f1vx9l62{flex-direction:column;}", ".f6jr5hl{align-items:flex-start;}", ".f122n59{align-items:center;}", ".fgs5rwf{align-items:flex-end;}", ".f1q9h2pe{align-items:stretch;}", ".fbhxue7{justify-content:flex-start;}", ".f4d9j23{justify-content:center;}", ".f9c4gz4{justify-content:flex-end;}", ".fsxf2b5{justify-content:stretch;}", ".f1iw3tyt{justify-content:space-around;}", ".f1869bpl{justify-content:space-between;}", ".figf6al{justify-content:space-evenly;}", ".fni485r{flex-wrap:wrap;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".fd7ph1c{row-gap:10px;}", ".fn67r4l{row-gap:8px;}", ".f16r77es{row-gap:15px;}", ".fej36a{row-gap:30px;}", ".f18w1nra{column-gap:10px;}", ".f4px1ci{column-gap:8px;}", ".f1lv1r8n{column-gap:15px;}", ".fzco7x8{column-gap:30px;}", ".f1809wu7{padding-top:10px;}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".f1fow5ox{padding-bottom:10px;}"]
+  d: [".f22iagw{display:flex;}", ".ftuwxu6{display:inline-flex;}", ".f1vx9l62{flex-direction:column;}", ".f6jr5hl{align-items:flex-start;}", ".f122n59{align-items:center;}", ".fgs5rwf{align-items:flex-end;}", ".f1q9h2pe{align-items:stretch;}", ".fbhxue7{justify-content:flex-start;}", ".f4d9j23{justify-content:center;}", ".f9c4gz4{justify-content:flex-end;}", ".fsxf2b5{justify-content:stretch;}", ".f1iw3tyt{justify-content:space-around;}", ".f1869bpl{justify-content:space-between;}", ".figf6al{justify-content:space-evenly;}", ".fni485r{flex-wrap:wrap;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".fd7ph1c{row-gap:10px;}", ".fn67r4l{row-gap:8px;}", ".f16r77es{row-gap:15px;}", ".fej36a{row-gap:30px;}", ".f18w1nra{column-gap:10px;}", ".f4px1ci{column-gap:8px;}", ".f1lv1r8n{column-gap:15px;}", ".fzco7x8{column-gap:30px;}", [".fbhmu18{padding:10px;}", {
+    p: -1
+  }]]
 });
 //# sourceMappingURL=Flex.styles.js.map

package/lib/components/Flex/Flex.styles.js.map CHANGED Viewed

	@@ -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","ignoreList":[]}
1	+ {"version":3,"names":["__styles","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","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","d","p"],"sources":["Flex.styles.js"],"sourcesContent":["import { makeStyles } 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 padding: paddingValues.medium\n }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,4BAA4B;AACvD,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,gBAAGP,QAAA;EAAAQ,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,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CA6E5B,CAAC","ignoreList":[]}

package/lib/components/Input/Input.mixins.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { shorthands, tokens } from '@fluentui/react-components';
+import { tokens } from '@fluentui/react-components';
 const fluid = ()=>({
         width: '100%'
     });
 const error = ()=>({
-        ...shorthands.border('1px', 'solid', tokens.colorPaletteRedBorderActive)
+        border: `1px solid ${tokens.colorPaletteRedBorderActive}`
     });
 const errorIndicator = ()=>({
         color: tokens.colorPaletteRedBorderActive

package/lib/components/Input/Input.mixins.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Input.mixins.ts"],"sourcesContent":["import { GriffelStyle, ~~shorthands,~~ tokens } from '@fluentui/react-components';\n\nconst fluid = (): GriffelStyle => ({ width: '100%' });\n\nconst error = (): GriffelStyle => ({~~\n ...shorthands.~~border('1px', 'solid', tokens.colorPaletteRedBorderActive~~),\n~~});\n\nconst errorIndicator = (): GriffelStyle => ({\n color: tokens.colorPaletteRedBorderActive,\n});\n\nconst successIndicator = (): GriffelStyle => ({\n color: tokens.colorPaletteGreenForeground1,\n});\n\nexport const input = {\n error,\n errorIndicator,\n fluid,\n successIndicator,\n};\n"],"names":["~~shorthands","~~tokens","fluid","width","error","border","colorPaletteRedBorderActive","errorIndicator","color","successIndicator","colorPaletteGreenForeground1","input"],"mappings":"AAAA,SAAuBA,~~UAAU,EAAEC,~~MAAM,QAAQ,6BAA6B;~~AAE9E~~,MAAMC,QAAQ,IAAqB,CAAA;QAAEC,OAAO;IAAO,CAAA;AAEnD,MAAMC,QAAQ,IAAqB,CAAA;~~QACjC~~,~~GAAGJ~~,~~WAAWK,MAAM,~~CAAC,~~OAAO~~,~~SAASJ~~,OAAOK,2BAA2B,CAAC;~~IAC1E~~,CAAA;~~AAEA~~,MAAMC,iBAAiB,IAAqB,CAAA;QAC1CC,OAAOP,OAAOK,2BAA2B;IAC3C,CAAA;AAEA,MAAMG,mBAAmB,IAAqB,CAAA;QAC5CD,OAAOP,OAAOS,4BAA4B;IAC5C,CAAA;AAEA,OAAO,MAAMC,QAAQ;IACnBP;IACAG;IACAL;IACAO;AACF,EAAE"}
1	+ {"version":3,"sources":["Input.mixins.ts"],"sourcesContent":["import { GriffelStyle, tokens } from '@fluentui/react-components';\n\nconst fluid = (): GriffelStyle => ({ width: '100%' });\n\nconst error = (): GriffelStyle => ({ border: `1px solid ${tokens.colorPaletteRedBorderActive}` });\n\nconst errorIndicator = (): GriffelStyle => ({\n color: tokens.colorPaletteRedBorderActive,\n});\n\nconst successIndicator = (): GriffelStyle => ({\n color: tokens.colorPaletteGreenForeground1,\n});\n\nexport const input = {\n error,\n errorIndicator,\n fluid,\n successIndicator,\n};\n"],"names":["tokens","fluid","width","error","border","colorPaletteRedBorderActive","errorIndicator","color","successIndicator","colorPaletteGreenForeground1","input"],"mappings":"AAAA,SAAuBA,MAAM,QAAQ,6BAA6B;AAElE,MAAMC,QAAQ,IAAqB,CAAA;QAAEC,OAAO;IAAO,CAAA;AAEnD,MAAMC,QAAQ,IAAqB,CAAA;QAAEC,QAAQ,CAAC,UAAU,EAAEJ,OAAOK,2BAA2B,CAAC,CAAC;IAAC,CAAA;AAE/F,MAAMC,iBAAiB,IAAqB,CAAA;QAC1CC,OAAOP,OAAOK,2BAA2B;IAC3C,CAAA;AAEA,MAAMG,mBAAmB,IAAqB,CAAA;QAC5CD,OAAOP,OAAOS,4BAA4B;IAC5C,CAAA;AAEA,OAAO,MAAMC,QAAQ;IACnBP;IACAG;IACAL;IACAO;AACF,EAAE"}

package/lib/components/List/ListItem/useListItemStyles.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __styles, __resetStyles, mergeClasses, shorthands } from '@griffel/react';
+import { __styles, __resetStyles, mergeClasses } from '@griffel/react';
 import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
 import { tokens } from '@fluentui/react-theme';
 export const listItemClassNames = {
@@ -22,8 +22,9 @@ const useStyles = /*#__PURE__*/__styles({
     Bw0ie65: "fsyjsko"
   },
   truncate: {
-    B68tc82: "f1p9o1ba",
-    Bmxbyg5: "f1sil6mw",
+    B68tc82: 0,
+    Bmxbyg5: 0,
+    Bpg54ce: "f1a3p1vp",
     j4b8c3: "fv6wr3j",
     ygn44y: "f1cmbuwj"
   },
@@ -35,7 +36,9 @@ const useStyles = /*#__PURE__*/__styles({
     Jwef8y: "f1knas48"
   }
 }, {
-  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;}"],
+  d: [".fy9rknc{font-size:var(--fontSizeBase200);}", ".fsyjsko{grid-column-end:4;}", [".f1a3p1vp{overflow:hidden;}", {
+    p: -1
+  }], ".fv6wr3j{text-wrap:nowrap;}", ".f1cmbuwj{text-overflow:ellipsis;}", ".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}", ".f1k6fduh{cursor:pointer;}"],
   h: [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}"]
 });
 /**

package/lib/components/List/ListItem/useListItemStyles.styles.js.map CHANGED Viewed

	@@ -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","ignoreList":[]}
1	+ {"version":3,"names":["__styles","__resetStyles","mergeClasses","createCustomFocusIndicatorStyle","tokens","listItemClassNames","root","media","header","contentWrapper","headerMedia","contentMedia","endMedia","useRootBaseStyles","useStyles","Be2twd7","contentWrapperWithoutMedia","Bw0ie65","truncate","B68tc82","Bmxbyg5","Bpg54ce","j4b8c3","ygn44y","rootSelected","De3pzq","rootClickable","Bceei9c","Jwef8y","d","p","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 } 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 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,QAAQ,gBAAgB;AAC1E,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,gBAAGZ,aAAA,wOAWzB,CAAC;AACF;AACA;AACA;AAAI,MAAMa,SAAS,gBAAGd,QAAA;EAAAS,cAAA;IAAAM,OAAA;EAAA;EAAAC,0BAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;EAAA;EAAAC,aAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;EAAAC,CAAA;AAAA,CAsBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,0BAA0B,GAAIC,KAAK,IAAG;EACnD,MAAMC,cAAc,GAAGrB,iBAAiB,CAAC,CAAC;EAC1C,MAAMsB,MAAM,GAAGrB,SAAS,CAAC,CAAC;EAC1BmB,KAAK,CAAC3B,IAAI,CAAC8B,SAAS,GAAGlC,YAAY,CAACG,kBAAkB,CAACC,IAAI,EAAE4B,cAAc,EAAE,CAACD,KAAK,CAACI,UAAU,IAAIJ,KAAK,CAACK,SAAS,KAAKH,MAAM,CAACT,aAAa,EAAEO,KAAK,CAACM,QAAQ,IAAIJ,MAAM,CAACX,YAAY,EAAES,KAAK,CAAC3B,IAAI,CAAC8B,SAAS,CAAC;EACxM,IAAIH,KAAK,CAACzB,MAAM,EAAE;IACd,IAAIgC,aAAa;IACjBP,KAAK,CAACzB,MAAM,CAAC4B,SAAS,GAAGlC,YAAY,CAAC+B,KAAK,CAACQ,cAAc,IAAIN,MAAM,CAACjB,QAAQ,EAAE,CAACsB,aAAa,GAAGP,KAAK,CAACzB,MAAM,MAAM,IAAI,IAAIgC,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACJ,SAAS,CAAC;EAC1L;EACA,IAAIH,KAAK,CAACxB,cAAc,EAAE;IACtB,IAAIiC,qBAAqB;IACzBT,KAAK,CAACxB,cAAc,CAAC2B,SAAS,GAAGlC,YAAY,CAACiC,MAAM,CAAC1B,cAAc,EAAEwB,KAAK,CAACU,eAAe,IAAIR,MAAM,CAACjB,QAAQ,EAAE,CAACe,KAAK,CAACtB,YAAY,IAAIwB,MAAM,CAACnB,0BAA0B,EAAE,CAAC0B,qBAAqB,GAAGT,KAAK,CAACxB,cAAc,MAAM,IAAI,IAAIiC,qBAAqB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,qBAAqB,CAACN,SAAS,CAAC;EACpT;EACA,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/Segment/Segment.styles.js CHANGED Viewed

@@ -1,10 +1,11 @@
 import { __styles, shorthands, tokens } from '@fluentui/react-components';
 export const useSegmentStyles = /*#__PURE__*/__styles({
   segment: {
-    z8tnut: "fvbs34e",
-    z189sj: ["fde2wo7", "fyan362"],
-    Byoj8tv: "f57rjzg",
-    uwmqm3: ["fyan362", "fde2wo7"],
+    Byoj8tv: 0,
+    uwmqm3: 0,
+    z189sj: 0,
+    z8tnut: 0,
+    B0ocmuz: "f8cpqjf",
     B4j52fo: "ftac7j7",
     Bekrc4i: ["f1358rze", "f1rvrf73"],
     Bn0qgzm: "fqdk4by",
@@ -21,6 +22,8 @@ export const useSegmentStyles = /*#__PURE__*/__styles({
     E5pizo: "f16uyjdj"
   }
 }, {
-  d: [".fvbs34e{padding-top:1em;}", ".fde2wo7{padding-right:1em;}", ".fyan362{padding-left:1em;}", ".f57rjzg{padding-bottom:1em;}", ".ftac7j7{border-top-width:2px;}", ".f1358rze{border-right-width:0;}", ".f1rvrf73{border-left-width:0;}", ".fqdk4by{border-bottom-width:0;}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f16uyjdj{box-shadow:0 1px 1px 1px var(--colorNeutralShadowKey);}"]
+  d: [[".f8cpqjf{padding:1em;}", {
+    p: -1
+  }], ".ftac7j7{border-top-width:2px;}", ".f1358rze{border-right-width:0;}", ".f1rvrf73{border-left-width:0;}", ".fqdk4by{border-bottom-width:0;}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f16uyjdj{box-shadow:0 1px 1px 1px var(--colorNeutralShadowKey);}"]
 });
 //# sourceMappingURL=Segment.styles.js.map

package/lib/components/Segment/Segment.styles.js.map CHANGED Viewed

	@@ -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","ignoreList":[]}
1	+ {"version":3,"names":["__styles","shorthands","tokens","useSegmentStyles","segment","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","g2u3we","h3c5rm","B9xav0g","zhjwy3","icvyot","vrafjx","oivjwe","wvpqe5","De3pzq","E5pizo","d","p"],"sources":["Segment.styles.js"],"sourcesContent":["import { makeStyles, shorthands, tokens } from '@fluentui/react-components';\nexport const useSegmentStyles = makeStyles({\n segment: {\n 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,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;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;IAAAC,CAAA;EAAA;AAAA,CAS/B,CAAC","ignoreList":[]}

package/lib/components/StyledText/StyledText.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __styles, shorthands, tokens } from '@fluentui/react-components';
+import { __styles, tokens } from '@fluentui/react-components';
 export const useSizeStyles = /*#__PURE__*/__styles({
   base100: {
     Be2twd7: "f13mqy1h",
@@ -82,8 +82,9 @@ export const useStyles = /*#__PURE__*/__styles({
   },
   nowrap: {
     Huce71: "fz5stix",
-    B68tc82: "f1p9o1ba",
-    Bmxbyg5: "f1sil6mw"
+    B68tc82: 0,
+    Bmxbyg5: 0,
+    Bpg54ce: "f1a3p1vp"
   },
   truncate: {
     ygn44y: "f1cmbuwj"
@@ -98,6 +99,8 @@ export const useStyles = /*#__PURE__*/__styles({
     fsow6f: "f1j59e10"
   }
 }, {
-  d: [".fyind8e{color:var(--colorBrandForegroundLink);}", ".f1ouce03{color:var(--colorPalettePumpkinBorderActive);}", ".f1leeax8{font-weight:700;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}", ".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}", ".f1j4dglz{font-style:italic;}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fz5stix{white-space:nowrap;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1cmbuwj{text-overflow:ellipsis;}", ".f17mccla{text-align:center;}", ".f12ymhq5{text-align:end;}", ".f1j59e10{text-align:justify;}"]
+  d: [".fyind8e{color:var(--colorBrandForegroundLink);}", ".f1ouce03{color:var(--colorPalettePumpkinBorderActive);}", ".f1leeax8{font-weight:700;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}", ".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}", ".f1j4dglz{font-style:italic;}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fz5stix{white-space:nowrap;}", [".f1a3p1vp{overflow:hidden;}", {
+    p: -1
+  }], ".f1cmbuwj{text-overflow:ellipsis;}", ".f17mccla{text-align:center;}", ".f12ymhq5{text-align:end;}", ".f1j59e10{text-align:justify;}"]
 });
 //# sourceMappingURL=StyledText.styles.js.map

package/lib/components/StyledText/StyledText.styles.js.map CHANGED Viewed

	@@ -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","ignoreList":[]}
1	+ {"version":3,"names":["__styles","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","Bpg54ce","truncate","ygn44y","alignCenter","fsow6f","alignEnd","alignJustify","p"],"sources":["StyledText.styles.js"],"sourcesContent":["import { makeStyles, 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 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,MAAM,QAAQ,4BAA4B;AAC/D,OAAO,MAAMC,aAAa,gBAAGF,QAAA;EAAAG,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,gBAAGb,QAAA;EAAAc,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,gBAAGrB,QAAA;EAAAsB,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;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,MAAA;EAAA;EAAAC,WAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAD,MAAA;EAAA;EAAAE,YAAA;IAAAF,MAAA;EAAA;AAAA;EAAA5B,CAAA;IAAA+B,CAAA;EAAA;AAAA,CA2CxB,CAAC","ignoreList":[]}

package/lib-commonjs/components/Button/ButtonMigration.mixins.js CHANGED Viewed

@@ -25,7 +25,6 @@ _export(exports, {
         return v9DisabledCursor;
     }
 });
-const _reactcomponents = require("@fluentui/react-components");
 const _reacticons = require("@fluentui/react-icons");
 // class names from v0 - not imported as we do not want to keep depending on v0.
 const iconClassNames = {
@@ -55,14 +54,14 @@ const v9Icon = ()=>({
             paddingBottom: '100%',
             // negative margin is necessary here for centering v9 icon
             // with v0 button, because of extra spaces that svg contains
-            ..._reactcomponents.shorthands.margin('-4px', 0, 0, '-4px'),
-            ..._reactcomponents.shorthands.overflow('visible')
+            margin: '-4px 0 0 -4px',
+            overflow: 'visible'
         },
         ...v9HoverClasses()
     });
 const v9CustomSizeIcon = ()=>({
         '& svg': {
-            ..._reactcomponents.shorthands.overflow('visible')
+            overflow: 'visible'
         },
         ...v9HoverClasses()
     });

package/lib-commonjs/components/Button/ButtonMigration.mixins.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ButtonMigration.mixins.js"],"sourcesContent":["import { ~~shorthands } from '@fluentui/react-components';\nimport {~~ iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n// class names from v0 - not imported as we do not want to keep depending on v0.\nconst iconClassNames = {\n filled: 'ui-icon__filled',\n outline: 'ui-icon__outline'\n};\nexport const v9HoverClasses = ()=>({\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n },\n '&:hover': {\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n }\n });\nexport const v9Icon = ()=>({\n // styles that allow to keep consistent size of v9 icon with v0 icon\n '& svg': {\n width: '100%',\n paddingBottom: '100%',\n // negative margin is necessary here for centering v9 icon\n // with v0 button, because of extra spaces that svg contains\n ~~...shorthands.~~margin('-4px', 0, 0, '-4px'),\n ~~...shorthands.~~overflow('visible')\n },\n ...v9HoverClasses()\n });\nexport const v9CustomSizeIcon = ()=>({\n '& svg': {\n ~~...shorthands.~~overflow('visible')\n },\n ...v9HoverClasses()\n });\nexport const v0Icon = ()=>({\n [`& .${iconClassNames.outline}`]: {\n display: 'block'\n },\n [`& .${iconClassNames.filled}`]: {\n display: 'none'\n },\n '&:hover': {\n [`& .${iconClassNames.outline}`]: {\n display: 'none'\n },\n [`& .${iconClassNames.filled}`]: {\n display: 'block'\n }\n }\n });\nexport const v9DisabledCursor = ()=>({\n '&:disabled': {\n cursor: 'default',\n '&:hover': {\n cursor: 'default'\n },\n '&:hover:active': {\n cursor: 'default'\n }\n }\n });\n"],"names":["v9HoverClasses","v9Icon","v9CustomSizeIcon","v0Icon","v9DisabledCursor","iconClassNames","filled","outline","iconFilledClassName","display","iconRegularClassName","width","paddingBottom","~~shorthands","~~margin","overflow","cursor"],"mappings":";;;;;;;;;;;~~IAOaA~~,cAAc;eAAdA;;IAgBAC,MAAM;eAANA;;IAYAC,gBAAgB;eAAhBA;;IAMAC,MAAM;eAANA;;IAgBAC,gBAAgB;eAAhBA;;;~~iCAzDc~~;~~4BAC+B;~~AAC1D,gFAAgF;AAChF,MAAMC,iBAAiB;IACnBC,QAAQ;IACRC,SAAS;AACb;AACO,MAAMP,iBAAiB,IAAK,CAAA;QAC3B,CAAC,CAAC,GAAG,EAAEQ,+BAAmB,CAAC,CAAC,CAAC,EAAE;YAC3BC,SAAS;QACb;QACA,CAAC,CAAC,GAAG,EAAEC,gCAAoB,CAAC,CAAC,CAAC,EAAE;YAC5BD,SAAS;QACb;QACA,WAAW;YACP,CAAC,CAAC,GAAG,EAAED,+BAAmB,CAAC,CAAC,CAAC,EAAE;gBAC3BC,SAAS;YACb;YACA,CAAC,CAAC,GAAG,EAAEC,gCAAoB,CAAC,CAAC,CAAC,EAAE;gBAC5BD,SAAS;YACb;QACJ;IACJ,CAAA;AACG,MAAMR,SAAS,IAAK,CAAA;QACnB,oEAAoE;QACpE,SAAS;YACLU,OAAO;YACPC,eAAe;YACf,0DAA0D;YAC1D,4DAA4D;~~YAC5D~~,~~GAAGC,2BAAU,CAACC,MAAM,CAAC,~~QAAQ~~,GAAG,GAAG,OAAO~~;~~YAC1C~~,~~GAAGD,2BAAU,CAACE,QAAQ,CAAC,~~UAAU;~~QACrC~~;QACA,~~GAAGf~~,gBAAgB;IACvB,CAAA;AACG,MAAME,mBAAmB,IAAK,CAAA;QAC7B,SAAS;~~YACL~~,~~GAAGW,2BAAU,CAACE,QAAQ,CAAC,~~UAAU;~~QACrC~~;QACA,~~GAAGf~~,gBAAgB;IACvB,CAAA;AACG,MAAMG,SAAS,IAAK,CAAA;QACnB,CAAC,CAAC,GAAG,EAAEE,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;YAC9BE,SAAS;QACb;QACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;YAC7BG,SAAS;QACb;QACA,WAAW;YACP,CAAC,CAAC,GAAG,EAAEJ,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC9BE,SAAS;YACb;YACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC7BG,SAAS;YACb;QACJ;IACJ,CAAA;AACG,MAAML,mBAAmB,IAAK,CAAA;QAC7B,cAAc;~~YACVY~~,QAAQ;YACR,WAAW;gBACPA,QAAQ;YACZ;YACA,kBAAkB;gBACdA,QAAQ;YACZ;QACJ;IACJ,CAAA"}
1	+ {"version":3,"sources":["ButtonMigration.mixins.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n// class names from v0 - not imported as we do not want to keep depending on v0.\nconst iconClassNames = {\n filled: 'ui-icon__filled',\n outline: 'ui-icon__outline'\n};\nexport const v9HoverClasses = ()=>({\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n },\n '&:hover': {\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n }\n });\nexport const v9Icon = ()=>({\n // styles that allow to keep consistent size of v9 icon with v0 icon\n '& svg': {\n width: '100%',\n paddingBottom: '100%',\n // negative margin is necessary here for centering v9 icon\n // with v0 button, because of extra spaces that svg contains\n margin: '-4px 0 0 -4px',\n overflow: 'visible'\n },\n ...v9HoverClasses()\n });\nexport const v9CustomSizeIcon = ()=>({\n '& svg': {\n overflow: 'visible'\n },\n ...v9HoverClasses()\n });\nexport const v0Icon = ()=>({\n [`& .${iconClassNames.outline}`]: {\n display: 'block'\n },\n [`& .${iconClassNames.filled}`]: {\n display: 'none'\n },\n '&:hover': {\n [`& .${iconClassNames.outline}`]: {\n display: 'none'\n },\n [`& .${iconClassNames.filled}`]: {\n display: 'block'\n }\n }\n });\nexport const v9DisabledCursor = ()=>({\n '&:disabled': {\n cursor: 'default',\n '&:hover': {\n cursor: 'default'\n },\n '&:hover:active': {\n cursor: 'default'\n }\n }\n });\n"],"names":["v9HoverClasses","v9Icon","v9CustomSizeIcon","v0Icon","v9DisabledCursor","iconClassNames","filled","outline","iconFilledClassName","display","iconRegularClassName","width","paddingBottom","margin","overflow","cursor"],"mappings":";;;;;;;;;;;IAMaA,cAAc;eAAdA;;IAgBAC,MAAM;eAANA;;IAYAC,gBAAgB;eAAhBA;;IAMAC,MAAM;eAANA;;IAgBAC,gBAAgB;eAAhBA;;;4BAxD6C;AAC1D,gFAAgF;AAChF,MAAMC,iBAAiB;IACnBC,QAAQ;IACRC,SAAS;AACb;AACO,MAAMP,iBAAiB,IAAK,CAAA;QAC3B,CAAC,CAAC,GAAG,EAAEQ,+BAAmB,CAAC,CAAC,CAAC,EAAE;YAC3BC,SAAS;QACb;QACA,CAAC,CAAC,GAAG,EAAEC,gCAAoB,CAAC,CAAC,CAAC,EAAE;YAC5BD,SAAS;QACb;QACA,WAAW;YACP,CAAC,CAAC,GAAG,EAAED,+BAAmB,CAAC,CAAC,CAAC,EAAE;gBAC3BC,SAAS;YACb;YACA,CAAC,CAAC,GAAG,EAAEC,gCAAoB,CAAC,CAAC,CAAC,EAAE;gBAC5BD,SAAS;YACb;QACJ;IACJ,CAAA;AACG,MAAMR,SAAS,IAAK,CAAA;QACnB,oEAAoE;QACpE,SAAS;YACLU,OAAO;YACPC,eAAe;YACf,0DAA0D;YAC1D,4DAA4D;YAC5DC,QAAQ;YACRC,UAAU;QACd;QACA,GAAGd,gBAAgB;IACvB,CAAA;AACG,MAAME,mBAAmB,IAAK,CAAA;QAC7B,SAAS;YACLY,UAAU;QACd;QACA,GAAGd,gBAAgB;IACvB,CAAA;AACG,MAAMG,SAAS,IAAK,CAAA;QACnB,CAAC,CAAC,GAAG,EAAEE,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;YAC9BE,SAAS;QACb;QACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;YAC7BG,SAAS;QACb;QACA,WAAW;YACP,CAAC,CAAC,GAAG,EAAEJ,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC9BE,SAAS;YACb;YACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC7BG,SAAS;YACb;QACJ;IACJ,CAAA;AACG,MAAML,mBAAmB,IAAK,CAAA;QAC7B,cAAc;YACVW,QAAQ;YACR,WAAW;gBACPA,QAAQ;YACZ;YACA,kBAAkB;gBACdA,QAAQ;YACZ;QACJ;IACJ,CAAA"}

package/lib-commonjs/components/Flex/Flex.styles.js CHANGED Viewed

@@ -93,16 +93,11 @@ const useFlexStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
         i8kkvl: "fzco7x8"
     },
     paddingMedium: {
-        z8tnut: "f1809wu7",
-        z189sj: [
-            "f81rol6",
-            "frdkuqy"
-        ],
-        Byoj8tv: "f1fow5ox",
-        uwmqm3: [
-            "frdkuqy",
-            "f81rol6"
-        ]
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "fbhmu18"
     }
 }, {
     d: [
@@ -131,9 +126,11 @@ const useFlexStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
         ".f4px1ci{column-gap:8px;}",
         ".f1lv1r8n{column-gap:15px;}",
         ".fzco7x8{column-gap:30px;}",
-        ".f1809wu7{padding-top:10px;}",
-        ".f81rol6{padding-right:10px;}",
-        ".frdkuqy{padding-left:10px;}",
-        ".f1fow5ox{padding-bottom:10px;}"
+        [
+            ".fbhmu18{padding:10px;}",
+            {
+                p: -1
+            }
+        ]
     ]
 }); //# sourceMappingURL=Flex.styles.js.map

package/lib-commonjs/components/Flex/Flex.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Flex.styles.js"],"sourcesContent":["import { __styles, ~~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 = /#__PURE__/__styles({\n flex: {\n mc9l5x: \"f22iagw\"\n },\n inline: {\n mc9l5x: \"ftuwxu6\"\n },\n column: {\n Beiy3e4: \"f1vx9l62\"\n },\n alignItemsFlexStart: {\n Bt984gj: \"f6jr5hl\"\n },\n alignItemsCenter: {\n Bt984gj: \"f122n59\"\n },\n alignItemsFlexEnd: {\n Bt984gj: \"fgs5rwf\"\n },\n alignItemsStretch: {\n Bt984gj: \"f1q9h2pe\"\n },\n justifyContentFlexStart: {\n Brf1p80: \"fbhxue7\"\n },\n justifyContentCenter: {\n Brf1p80: \"f4d9j23\"\n },\n justifyContentFlexEnd: {\n Brf1p80: \"f9c4gz4\"\n },\n justifyContentStretch: {\n Brf1p80: \"fsxf2b5\"\n },\n justifyContentSpaceAround: {\n Brf1p80: \"f1iw3tyt\"\n },\n justifyContentSpaceBetween: {\n Brf1p80: \"f1869bpl\"\n },\n justifyContentSpaceEvenly: {\n Brf1p80: \"figf6al\"\n },\n wrap: {\n Eh141a: \"fni485r\"\n },\n fill: {\n a9b677: \"fly5x3f\",\n Bqenvij: \"f1l02sjl\"\n },\n gapForColumnFlexSmall: {\n Belr9w4: \"fd7ph1c\"\n },\n gapForColumnFlexSmaller: {\n Belr9w4: \"fn67r4l\"\n },\n gapForColumnFlexMedium: {\n Belr9w4: \"f16r77es\"\n },\n gapForColumnFlexLarge: {\n Belr9w4: \"fej36a\"\n },\n gapForRowFlexSmall: {\n i8kkvl: \"f18w1nra\"\n },\n gapForRowFlexSmaller: {\n i8kkvl: \"f4px1ci\"\n },\n gapForRowFlexMedium: {\n i8kkvl: \"f1lv1r8n\"\n },\n gapForRowFlexLarge: {\n i8kkvl: \"fzco7x8\"\n },\n paddingMedium: {\n ~~z8tnut~~: ~~\"f1809wu7\"~~,\n z189sj: ~~[\"f81rol6\", \"frdkuqy\"]~~,\n ~~Byoj8tv~~: ~~\"f1fow5ox\"~~,\n ~~uwmqm3~~: [\"~~frdkuqy~~\", \~~"f81rol6\"]\~~n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".ftuwxu6{display:inline-flex;}\", \".f1vx9l62{flex-direction:column;}\", \".f6jr5hl{align-items:flex-start;}\", \".f122n59{align-items:center;}\", \".fgs5rwf{align-items:flex-end;}\", \".f1q9h2pe{align-items:stretch;}\", \".fbhxue7{justify-content:flex-start;}\", \".f4d9j23{justify-content:center;}\", \".f9c4gz4{justify-content:flex-end;}\", \".fsxf2b5{justify-content:stretch;}\", \".f1iw3tyt{justify-content:space-around;}\", \".f1869bpl{justify-content:space-between;}\", \".figf6al{justify-content:space-evenly;}\", \".fni485r{flex-wrap:wrap;}\", \".fly5x3f{width:100%;}\", \".f1l02sjl{height:100%;}\", \".fd7ph1c{row-gap:10px;}\", \".fn67r4l{row-gap:8px;}\", \".f16r77es{row-gap:15px;}\", \".fej36a{row-gap:30px;}\", \".f18w1nra{column-gap:10px;}\", \".f4px1ci{column-gap:8px;}\", \".f1lv1r8n{column-gap:15px;}\", \".fzco7x8{column-gap:30px;}\", \".~~f1809wu7~~{padding~~-top~~:10px;}\", \~~".f81rol6{padding-right~~:~~10px;}\",~~ ~~\".frdkuqy{padding~~-~~left:10px;}~~\~~", \".f1fow5ox{padding-bottom:10px;~~}\"]\n});\n//# sourceMappingURL=Flex.styles.js.map"],"names":["useFlexStyles","gapValues","smaller","small","medium","large","paddingValues","__styles","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"],"mappings":";;;;+BAUaA;;;eAAAA;;;~~iCAVwB~~;~~AACrC~~,MAAMC,YAAY;IAChBC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT;AACA,MAAMC,gBAAgB;IACpBF,QAAQ;AACV;AACO,MAAMJ,gBAAgB,WAAW,GAAEO,IAAAA,yBAAQ,EAAC;IACjDC,MAAM;QACJC,QAAQ;IACV;IACAC,QAAQ;QACND,QAAQ;IACV;IACAE,QAAQ;QACNC,SAAS;IACX;IACAC,qBAAqB;QACnBC,SAAS;IACX;IACAC,kBAAkB;QAChBD,SAAS;IACX;IACAE,mBAAmB;QACjBF,SAAS;IACX;IACAG,mBAAmB;QACjBH,SAAS;IACX;IACAI,yBAAyB;QACvBC,SAAS;IACX;IACAC,sBAAsB;QACpBD,SAAS;IACX;IACAE,uBAAuB;QACrBF,SAAS;IACX;IACAG,uBAAuB;QACrBH,SAAS;IACX;IACAI,2BAA2B;QACzBJ,SAAS;IACX;IACAK,4BAA4B;QAC1BL,SAAS;IACX;IACAM,2BAA2B;QACzBN,SAAS;IACX;IACAO,MAAM;QACJC,QAAQ;IACV;IACAC,MAAM;QACJC,QAAQ;QACRC,SAAS;IACX;IACAC,uBAAuB;QACrBC,SAAS;IACX;IACAC,yBAAyB;QACvBD,SAAS;IACX;IACAE,wBAAwB;QACtBF,SAAS;IACX;IACAG,uBAAuB;QACrBH,SAAS;IACX;IACAI,oBAAoB;QAClBC,QAAQ;IACV;IACAC,sBAAsB;QACpBD,QAAQ;IACV;IACAE,qBAAqB;QACnBF,QAAQ;IACV;IACAG,oBAAoB;QAClBH,QAAQ;IACV;IACAI,eAAe;QACbC,QAAQ;QACRC,QAAQ;~~YAAC~~;~~YAAW;SAAU;QAC9BC~~,SAAS;~~QACTC,QAAQ~~;~~YAAC;YAAW;SAAU;IAChC;~~AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAAqC;QAAqC;QAAiC;QAAmC;QAAmC;QAAyC;QAAqC;QAAuC;QAAsC;QAA4C;QAA6C;QAA2C;QAA6B;QAAyB;QAA2B;QAA2B;QAA0B;QAA4B;QAA0B;QAA+B;QAA6B;QAA+B;QAA8B;~~QAAgC~~;~~QAAiC~~;~~QAAgC~~;~~KAAkC~~;~~AAC38B~~,IACA,uCAAuC"}
1	+ {"version":3,"sources":["Flex.styles.js"],"sourcesContent":["import { __styles } 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 = /#__PURE__/__styles({\n flex: {\n mc9l5x: \"f22iagw\"\n },\n inline: {\n mc9l5x: \"ftuwxu6\"\n },\n column: {\n Beiy3e4: \"f1vx9l62\"\n },\n alignItemsFlexStart: {\n Bt984gj: \"f6jr5hl\"\n },\n alignItemsCenter: {\n Bt984gj: \"f122n59\"\n },\n alignItemsFlexEnd: {\n Bt984gj: \"fgs5rwf\"\n },\n alignItemsStretch: {\n Bt984gj: \"f1q9h2pe\"\n },\n justifyContentFlexStart: {\n Brf1p80: \"fbhxue7\"\n },\n justifyContentCenter: {\n Brf1p80: \"f4d9j23\"\n },\n justifyContentFlexEnd: {\n Brf1p80: \"f9c4gz4\"\n },\n justifyContentStretch: {\n Brf1p80: \"fsxf2b5\"\n },\n justifyContentSpaceAround: {\n Brf1p80: \"f1iw3tyt\"\n },\n justifyContentSpaceBetween: {\n Brf1p80: \"f1869bpl\"\n },\n justifyContentSpaceEvenly: {\n Brf1p80: \"figf6al\"\n },\n wrap: {\n Eh141a: \"fni485r\"\n },\n fill: {\n a9b677: \"fly5x3f\",\n Bqenvij: \"f1l02sjl\"\n },\n gapForColumnFlexSmall: {\n Belr9w4: \"fd7ph1c\"\n },\n gapForColumnFlexSmaller: {\n Belr9w4: \"fn67r4l\"\n },\n gapForColumnFlexMedium: {\n Belr9w4: \"f16r77es\"\n },\n gapForColumnFlexLarge: {\n Belr9w4: \"fej36a\"\n },\n gapForRowFlexSmall: {\n i8kkvl: \"f18w1nra\"\n },\n gapForRowFlexSmaller: {\n i8kkvl: \"f4px1ci\"\n },\n gapForRowFlexMedium: {\n i8kkvl: \"f1lv1r8n\"\n },\n gapForRowFlexLarge: {\n i8kkvl: \"fzco7x8\"\n },\n paddingMedium: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"fbhmu18\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".ftuwxu6{display:inline-flex;}\", \".f1vx9l62{flex-direction:column;}\", \".f6jr5hl{align-items:flex-start;}\", \".f122n59{align-items:center;}\", \".fgs5rwf{align-items:flex-end;}\", \".f1q9h2pe{align-items:stretch;}\", \".fbhxue7{justify-content:flex-start;}\", \".f4d9j23{justify-content:center;}\", \".f9c4gz4{justify-content:flex-end;}\", \".fsxf2b5{justify-content:stretch;}\", \".f1iw3tyt{justify-content:space-around;}\", \".f1869bpl{justify-content:space-between;}\", \".figf6al{justify-content:space-evenly;}\", \".fni485r{flex-wrap:wrap;}\", \".fly5x3f{width:100%;}\", \".f1l02sjl{height:100%;}\", \".fd7ph1c{row-gap:10px;}\", \".fn67r4l{row-gap:8px;}\", \".f16r77es{row-gap:15px;}\", \".fej36a{row-gap:30px;}\", \".f18w1nra{column-gap:10px;}\", \".f4px1ci{column-gap:8px;}\", \".f1lv1r8n{column-gap:15px;}\", \".fzco7x8{column-gap:30px;}\", [\".fbhmu18{padding:10px;}\", {\n p: -1\n }]]\n});\n//# sourceMappingURL=Flex.styles.js.map"],"names":["useFlexStyles","gapValues","smaller","small","medium","large","paddingValues","__styles","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","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","d","p"],"mappings":";;;;+BAUaA;;;eAAAA;;;iCAVY;AACzB,MAAMC,YAAY;IAChBC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT;AACA,MAAMC,gBAAgB;IACpBF,QAAQ;AACV;AACO,MAAMJ,gBAAgB,WAAW,GAAEO,IAAAA,yBAAQ,EAAC;IACjDC,MAAM;QACJC,QAAQ;IACV;IACAC,QAAQ;QACND,QAAQ;IACV;IACAE,QAAQ;QACNC,SAAS;IACX;IACAC,qBAAqB;QACnBC,SAAS;IACX;IACAC,kBAAkB;QAChBD,SAAS;IACX;IACAE,mBAAmB;QACjBF,SAAS;IACX;IACAG,mBAAmB;QACjBH,SAAS;IACX;IACAI,yBAAyB;QACvBC,SAAS;IACX;IACAC,sBAAsB;QACpBD,SAAS;IACX;IACAE,uBAAuB;QACrBF,SAAS;IACX;IACAG,uBAAuB;QACrBH,SAAS;IACX;IACAI,2BAA2B;QACzBJ,SAAS;IACX;IACAK,4BAA4B;QAC1BL,SAAS;IACX;IACAM,2BAA2B;QACzBN,SAAS;IACX;IACAO,MAAM;QACJC,QAAQ;IACV;IACAC,MAAM;QACJC,QAAQ;QACRC,SAAS;IACX;IACAC,uBAAuB;QACrBC,SAAS;IACX;IACAC,yBAAyB;QACvBD,SAAS;IACX;IACAE,wBAAwB;QACtBF,SAAS;IACX;IACAG,uBAAuB;QACrBH,SAAS;IACX;IACAI,oBAAoB;QAClBC,QAAQ;IACV;IACAC,sBAAsB;QACpBD,QAAQ;IACV;IACAE,qBAAqB;QACnBF,QAAQ;IACV;IACAG,oBAAoB;QAClBH,QAAQ;IACV;IACAI,eAAe;QACbC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAAqC;QAAqC;QAAiC;QAAmC;QAAmC;QAAyC;QAAqC;QAAuC;QAAsC;QAA4C;QAA6C;QAA2C;QAA6B;QAAyB;QAA2B;QAA2B;QAA0B;QAA4B;QAA0B;QAA+B;QAA6B;QAA+B;QAA8B;YAAC;YAA2B;gBACh2BC,GAAG,CAAC;YACN;SAAE;KAAC;AACL,IACA,uCAAuC"}

package/lib-commonjs/components/Input/Input.mixins.js CHANGED Viewed

@@ -13,7 +13,7 @@ const fluid = ()=>({
         width: '100%'
     });
 const error = ()=>({
-        ..._reactcomponents.shorthands.border('1px', 'solid', _reactcomponents.tokens.colorPaletteRedBorderActive)
+        border: `1px solid ${_reactcomponents.tokens.colorPaletteRedBorderActive}`
     });
 const errorIndicator = ()=>({
         color: _reactcomponents.tokens.colorPaletteRedBorderActive

package/lib-commonjs/components/Input/Input.mixins.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Input.mixins.js"],"sourcesContent":["import { ~~shorthands,~~ tokens } from '@fluentui/react-components';\nconst fluid = ()=>({\n width: '100%'\n });\nconst error = ()=>({\n ~~...shorthands.~~border('1px', 'solid', tokens.colorPaletteRedBorderActive)\n });\nconst errorIndicator = ()=>({\n color: tokens.colorPaletteRedBorderActive\n });\nconst successIndicator = ()=>({\n color: tokens.colorPaletteGreenForeground1\n });\nexport const input = {\n error,\n errorIndicator,\n fluid,\n successIndicator\n};\n"],"names":["input","fluid","width","error","~~shorthands","~~border","tokens","colorPaletteRedBorderActive","errorIndicator","color","successIndicator","colorPaletteGreenForeground1"],"mappings":";;;;+BAaaA;;;eAAAA;;;~~iCAbsB~~;~~AACnC~~,MAAMC,QAAQ,IAAK,CAAA;QACXC,OAAO;IACX,CAAA;AACJ,MAAMC,QAAQ,IAAK,CAAA;~~QACX~~,~~GAAGC~~,~~2BAAU,CAACC,MAAM,~~CAAC,~~OAAO~~,~~SAASC~~,uBAAM,CAACC,2BAA2B,CAAC;~~IAC5E~~,CAAA;AACJ,MAAMC,iBAAiB,IAAK,CAAA;QACpBC,OAAOH,uBAAM,CAACC,2BAA2B;IAC7C,CAAA;AACJ,MAAMG,mBAAmB,IAAK,CAAA;QACtBD,OAAOH,uBAAM,CAACK,4BAA4B;IAC9C,CAAA;AACG,~~MAAMX~~,QAAQ;IACjBG;~~IACAK~~;~~IACAP~~;~~IACAS~~;AACJ"}
1	+ {"version":3,"sources":["Input.mixins.js"],"sourcesContent":["import { tokens } from '@fluentui/react-components';\nconst fluid = ()=>({\n width: '100%'\n });\nconst error = ()=>({\n border: `1px solid ${tokens.colorPaletteRedBorderActive}`\n });\nconst errorIndicator = ()=>({\n color: tokens.colorPaletteRedBorderActive\n });\nconst successIndicator = ()=>({\n color: tokens.colorPaletteGreenForeground1\n });\nexport const input = {\n error,\n errorIndicator,\n fluid,\n successIndicator\n};\n"],"names":["input","fluid","width","error","border","tokens","colorPaletteRedBorderActive","errorIndicator","color","successIndicator","colorPaletteGreenForeground1"],"mappings":";;;;+BAaaA;;;eAAAA;;;iCAbU;AACvB,MAAMC,QAAQ,IAAK,CAAA;QACXC,OAAO;IACX,CAAA;AACJ,MAAMC,QAAQ,IAAK,CAAA;QACXC,QAAQ,CAAC,UAAU,EAAEC,uBAAM,CAACC,2BAA2B,CAAC,CAAC;IAC7D,CAAA;AACJ,MAAMC,iBAAiB,IAAK,CAAA;QACpBC,OAAOH,uBAAM,CAACC,2BAA2B;IAC7C,CAAA;AACJ,MAAMG,mBAAmB,IAAK,CAAA;QACtBD,OAAOH,uBAAM,CAACK,4BAA4B;IAC9C,CAAA;AACG,MAAMV,QAAQ;IACjBG;IACAI;IACAN;IACAQ;AACJ"}

package/lib-commonjs/components/List/ListItem/useListItemStyles.styles.js CHANGED Viewed

@@ -40,8 +40,9 @@ const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rn7e01x", nul
         Bw0ie65: "fsyjsko"
     },
     truncate: {
-        B68tc82: "f1p9o1ba",
-        Bmxbyg5: "f1sil6mw",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp",
         j4b8c3: "fv6wr3j",
         ygn44y: "f1cmbuwj"
     },
@@ -56,8 +57,12 @@ const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rn7e01x", nul
     d: [
         ".fy9rknc{font-size:var(--fontSizeBase200);}",
         ".fsyjsko{grid-column-end:4;}",
-        ".f1p9o1ba{overflow-x:hidden;}",
-        ".f1sil6mw{overflow-y:hidden;}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
         ".fv6wr3j{text-wrap:nowrap;}",
         ".f1cmbuwj{text-overflow:ellipsis;}",
         ".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}",

package/lib-commonjs/components/List/ListItem/useListItemStyles.styles.js.map CHANGED Viewed

	@@ -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(\"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"}
1	+ {"version":3,"sources":["useListItemStyles.styles.js"],"sourcesContent":["import { __styles, __resetStyles, mergeClasses } 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: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\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;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], \".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","Bpg54ce","j4b8c3","ygn44y","rootSelected","De3pzq","rootClickable","Bceei9c","Jwef8y","d","p","h","state","rootBaseStyles","styles","className","mergeClasses","selectable","navigable","selected","_state_header","truncateHeader","_state_contentWrapper","truncateContent"],"mappings":";;;;;;;;;;;IAGaA,kBAAkB;eAAlBA;;IA2CAC,0BAA0B;eAA1BA;;;uBA9CyC;AAG/C,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,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;YAAC;YAA+B;gBACjHC,GAAG,CAAC;YACN;SAAE;QAAE;QAA+B;QAAsC;QAAuE;KAA6B;IAC7KC,GAAG;QAAC;KAAyE;AAC/E;AAIO,MAAM5B,6BAA6B6B,CAAAA;IACxC,MAAMC,iBAAiBtB;IACvB,MAAMuB,SAASrB;IACfmB,MAAM5B,IAAI,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAAClC,mBAAmBE,IAAI,EAAE6B,gBAAgB,AAACD,CAAAA,MAAMK,UAAU,IAAIL,MAAMM,SAAS,AAAD,KAAMJ,OAAOR,aAAa,EAAEM,MAAMO,QAAQ,IAAIL,OAAOV,YAAY,EAAEQ,MAAM5B,IAAI,CAAC+B,SAAS;IACvM,IAAIH,MAAM1B,MAAM,EAAE;QAChB,IAAIkC;QACJR,MAAM1B,MAAM,CAAC6B,SAAS,GAAGC,IAAAA,mBAAY,EAACJ,MAAMS,cAAc,IAAIP,OAAOhB,QAAQ,EAAE,AAACsB,CAAAA,gBAAgBR,MAAM1B,MAAM,AAAD,MAAO,QAAQkC,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcL,SAAS;IACvL;IACA,IAAIH,MAAMzB,cAAc,EAAE;QACxB,IAAImC;QACJV,MAAMzB,cAAc,CAAC4B,SAAS,GAAGC,IAAAA,mBAAY,EAACF,OAAO3B,cAAc,EAAEyB,MAAMW,eAAe,IAAIT,OAAOhB,QAAQ,EAAE,CAACc,MAAMvB,YAAY,IAAIyB,OAAOlB,0BAA0B,EAAE,AAAC0B,CAAAA,wBAAwBV,MAAMzB,cAAc,AAAD,MAAO,QAAQmC,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBP,SAAS;IACjT;IACA,OAAOH;AACT,GACA,oDAAoD"}

package/lib-commonjs/components/Segment/Segment.styles.js CHANGED Viewed

@@ -11,16 +11,11 @@ Object.defineProperty(exports, "useSegmentStyles", {
 const _reactcomponents = require("@fluentui/react-components");
 const useSegmentStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
     segment: {
-        z8tnut: "fvbs34e",
-        z189sj: [
-            "fde2wo7",
-            "fyan362"
-        ],
-        Byoj8tv: "f57rjzg",
-        uwmqm3: [
-            "fyan362",
-            "fde2wo7"
-        ],
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f8cpqjf",
         B4j52fo: "ftac7j7",
         Bekrc4i: [
             "f1358rze",
@@ -56,10 +51,12 @@ const useSegmentStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
     }
 }, {
     d: [
-        ".fvbs34e{padding-top:1em;}",
-        ".fde2wo7{padding-right:1em;}",
-        ".fyan362{padding-left:1em;}",
-        ".f57rjzg{padding-bottom:1em;}",
+        [
+            ".f8cpqjf{padding:1em;}",
+            {
+                p: -1
+            }
+        ],
         ".ftac7j7{border-top-width:2px;}",
         ".f1358rze{border-right-width:0;}",
         ".f1rvrf73{border-left-width:0;}",

package/lib-commonjs/components/Segment/Segment.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Segment.styles.js"],"sourcesContent":["import { __styles, shorthands, tokens } from '@fluentui/react-components';\nexport const useSegmentStyles = /#__PURE__/__styles({\n segment: {\n ~~z8tnut~~: ~~\"fvbs34e\"~~,\n z189sj: ~~[\"fde2wo7\", \"fyan362\"]~~,\n ~~Byoj8tv~~: ~~\"f57rjzg\"~~,\n ~~uwmqm3~~: [\"~~fyan362~~\"~~, \"fde2wo7\"]~~,\n B4j52fo: \"ftac7j7\",\n Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n Bn0qgzm: \"fqdk4by\",\n ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n De3pzq: \"fxugw4r\",\n E5pizo: \"f16uyjdj\"\n }\n}, {\n d: [\".~~fvbs34e~~{padding~~-top~~:1em;}\", \~~".fde2wo7{padding-right~~:~~1em;}\",~~ ~~\".fyan362{padding~~-~~left:1em;}~~\~~", \".f57rjzg{padding-bottom:1em;~~}\", \".ftac7j7{border-top-width:2px;}\", \".f1358rze{border-right-width:0;}\", \".f1rvrf73{border-left-width:0;}\", \".fqdk4by{border-bottom-width:0;}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f16uyjdj{box-shadow:0 1px 1px 1px var(--colorNeutralShadowKey);}\"]\n});\n//# sourceMappingURL=Segment.styles.js.map"],"names":["useSegmentStyles","__styles","segment","~~z8tnut~~","z189sj","~~Byoj8tv~~","~~uwmqm3~~","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","g2u3we","h3c5rm","B9xav0g","zhjwy3","icvyot","vrafjx","oivjwe","wvpqe5","De3pzq","E5pizo","d"],"mappings":";;;;+BACaA;;;eAAAA;;;iCADgC;AACtC,MAAMA,mBAAmB,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IACpDC,SAAS;QACPC,QAAQ;QACRC,QAAQ;~~YAAC~~;~~YAAW;SAAU;QAC9BC~~,SAAS;QACTC,~~QAAQ;YAAC;YAAW;SAAU;QAC9BC,~~SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;~~QAA8B~~;~~QAAgC~~;~~QAA+B~~;~~QAAiC~~;QAAmC;QAAoC;QAAmC;QAAoC;QAA4C;QAA8C;QAA6C;QAA+C;QAAqC;QAAuC;QAAsC;QAAwC;QAA8D;KAAoE;~~AACpuB~~,IACA,0CAA0C"}
1	+ {"version":3,"sources":["Segment.styles.js"],"sourcesContent":["import { __styles, shorthands, tokens } from '@fluentui/react-components';\nexport const useSegmentStyles = /#__PURE__/__styles({\n segment: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f8cpqjf\",\n B4j52fo: \"ftac7j7\",\n Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n Bn0qgzm: \"fqdk4by\",\n ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n De3pzq: \"fxugw4r\",\n E5pizo: \"f16uyjdj\"\n }\n}, {\n d: [[\".f8cpqjf{padding:1em;}\", {\n p: -1\n }], \".ftac7j7{border-top-width:2px;}\", \".f1358rze{border-right-width:0;}\", \".f1rvrf73{border-left-width:0;}\", \".fqdk4by{border-bottom-width:0;}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f16uyjdj{box-shadow:0 1px 1px 1px var(--colorNeutralShadowKey);}\"]\n});\n//# sourceMappingURL=Segment.styles.js.map"],"names":["useSegmentStyles","__styles","segment","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","g2u3we","h3c5rm","B9xav0g","zhjwy3","icvyot","vrafjx","oivjwe","wvpqe5","De3pzq","E5pizo","d","p"],"mappings":";;;;+BACaA;;;eAAAA;;;iCADgC;AACtC,MAAMA,mBAAmB,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IACpDC,SAAS;QACPC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;YAAC;YAA0B;gBAC7BC,GAAG,CAAC;YACN;SAAE;QAAE;QAAmC;QAAoC;QAAmC;QAAoC;QAA4C;QAA8C;QAA6C;QAA+C;QAAqC;QAAuC;QAAsC;QAAwC;QAA8D;KAAoE;AACtmB,IACA,0CAA0C"}

package/lib-commonjs/components/StyledText/StyledText.styles.js CHANGED Viewed

@@ -125,8 +125,9 @@ const useStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
     },
     nowrap: {
         Huce71: "fz5stix",
-        B68tc82: "f1p9o1ba",
-        Bmxbyg5: "f1sil6mw"
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp"
     },
     truncate: {
         ygn44y: "f1cmbuwj"
@@ -152,8 +153,12 @@ const useStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
         ".f1j4dglz{font-style:italic;}",
         ".f11d4kpn{color:var(--colorNeutralForeground3);}",
         ".fz5stix{white-space:nowrap;}",
-        ".f1p9o1ba{overflow-x:hidden;}",
-        ".f1sil6mw{overflow-y:hidden;}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
         ".f1cmbuwj{text-overflow:ellipsis;}",
         ".f17mccla{text-align:center;}",
         ".f12ymhq5{text-align:end;}",

package/lib-commonjs/components/StyledText/StyledText.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["StyledText.styles.js"],"sourcesContent":["import { __styles, ~~shorthands,~~ tokens } from '@fluentui/react-components';\nexport const useSizeStyles = /#__PURE__/__styles({\n base100: {\n Be2twd7: \"f13mqy1h\",\n Bg96gwp: \"fcpl73t\"\n },\n base200: {\n Be2twd7: \"fy9rknc\",\n Bg96gwp: \"fwrc4pm\"\n },\n base300: {\n Be2twd7: \"fkhj508\",\n Bg96gwp: \"f1i3iumi\"\n },\n base400: {\n Be2twd7: \"fod5ikn\",\n Bg96gwp: \"faaz57k\"\n },\n base500: {\n Be2twd7: \"f1pp30po\",\n Bg96gwp: \"f106mvju\"\n },\n base600: {\n Be2twd7: \"f1x0m3f5\",\n Bg96gwp: \"fb86gi6\"\n },\n hero700: {\n Be2twd7: \"fojgt09\",\n Bg96gwp: \"fcen8rp\"\n }\n}, {\n d: [\".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fcpl73t{line-height:var(--lineHeightBase100);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1x0m3f5{font-size:var(--fontSizeBase600);}\", \".fb86gi6{line-height:var(--lineHeightBase600);}\", \".fojgt09{font-size:var(--fontSizeHero700);}\", \".fcen8rp{line-height:var(--lineHeightHero700);}\"]\n});\nexport const useWeightStyles = /#__PURE__/__styles({\n light: {\n Bhrd7zp: \"f3wt7jm\"\n },\n semilight: {\n Bhrd7zp: \"f13vlhzf\"\n },\n regular: {\n Bhrd7zp: \"f71fsbu\"\n },\n medium: {\n Bhrd7zp: \"f1hd9hm2\"\n },\n semibold: {\n Bhrd7zp: \"fhuq1gn\"\n },\n bold: {\n Bhrd7zp: \"f1leeax8\"\n }\n}, {\n d: [\".f3wt7jm{font-weight:200;}\", \".f13vlhzf{font-weight:300;}\", \".f71fsbu{font-weight:400;}\", \".f1hd9hm2{font-weight:500;}\", \".fhuq1gn{font-weight:600;}\", \".f1leeax8{font-weight:700;}\"]\n});\nexport const useStyles = /#__PURE__/__styles({\n mention: {\n sj55zd: \"fyind8e\"\n },\n mentionMe: {\n sj55zd: \"f1ouce03\",\n Bhrd7zp: \"f1leeax8\"\n },\n disabled: {\n sj55zd: \"f1s2aq7o\"\n },\n error: {\n sj55zd: \"f1whyuy6\"\n },\n important: {\n sj55zd: \"f1l8vj45\",\n Bhrd7zp: \"f1leeax8\"\n },\n success: {\n sj55zd: \"f1m7fhi8\"\n },\n temporary: {\n B80ckks: \"f1j4dglz\"\n },\n timestamp: {\n sj55zd: \"f11d4kpn\"\n },\n nowrap: {\n Huce71: \"fz5stix\",\n B68tc82: ~~\"f1p9o1ba\"~~,\n Bmxbyg5: \"~~f1sil6mw~~\"\n },\n truncate: {\n ygn44y: \"f1cmbuwj\"\n },\n alignCenter: {\n fsow6f: \"f17mccla\"\n },\n alignEnd: {\n fsow6f: \"f12ymhq5\"\n },\n alignJustify: {\n fsow6f: \"f1j59e10\"\n }\n}, {\n d: [\".fyind8e{color:var(--colorBrandForegroundLink);}\", \".f1ouce03{color:var(--colorPalettePumpkinBorderActive);}\", \".f1leeax8{font-weight:700;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f1whyuy6{color:var(--colorPaletteRedForeground3);}\", \".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}\", \".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}\", \".f1j4dglz{font-style:italic;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".fz5stix{white-space:nowrap;}\", \".~~f1p9o1ba~~{overflow-x:hidden;}\", \~~".f1sil6mw{overflow~~-~~y:hidden;~~}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".f17mccla{text-align:center;}\", \".f12ymhq5{text-align:end;}\", \".f1j59e10{text-align:justify;}\"]\n});\n//# sourceMappingURL=StyledText.styles.js.map"],"names":["useSizeStyles","useWeightStyles","useStyles","__styles","base100","Be2twd7","Bg96gwp","base200","base300","base400","base500","base600","hero700","d","light","Bhrd7zp","semilight","regular","medium","semibold","bold","mention","sj55zd","mentionMe","disabled","error","important","success","temporary","B80ckks","timestamp","nowrap","Huce71","B68tc82","Bmxbyg5","truncate","ygn44y","alignCenter","fsow6f","alignEnd","alignJustify"],"mappings":";;;;;;;;;;;IACaA,aAAa;eAAbA;;IAgCAC,eAAe;eAAfA;;IAsBAC,SAAS;eAATA;;;~~iCAvDgC~~;~~AACtC~~,MAAMF,gBAAgB,WAAW,GAAEG,IAAAA,yBAAQ,EAAC;IACjDC,SAAS;QACPC,SAAS;QACTC,SAAS;IACX;IACAC,SAAS;QACPF,SAAS;QACTC,SAAS;IACX;IACAE,SAAS;QACPH,SAAS;QACTC,SAAS;IACX;IACAG,SAAS;QACPJ,SAAS;QACTC,SAAS;IACX;IACAI,SAAS;QACPL,SAAS;QACTC,SAAS;IACX;IACAK,SAAS;QACPN,SAAS;QACTC,SAAS;IACX;IACAM,SAAS;QACPP,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDO,GAAG;QAAC;QAAgD;QAAmD;QAA+C;QAAmD;QAA+C;QAAoD;QAA+C;QAAmD;QAAgD;QAAoD;QAAgD;QAAmD;QAA+C;KAAkD;AACxrB;AACO,MAAMZ,kBAAkB,WAAW,GAAEE,IAAAA,yBAAQ,EAAC;IACnDW,OAAO;QACLC,SAAS;IACX;IACAC,WAAW;QACTD,SAAS;IACX;IACAE,SAAS;QACPF,SAAS;IACX;IACAG,QAAQ;QACNH,SAAS;IACX;IACAI,UAAU;QACRJ,SAAS;IACX;IACAK,MAAM;QACJL,SAAS;IACX;AACF,GAAG;IACDF,GAAG;QAAC;QAA8B;QAA+B;QAA8B;QAA+B;QAA8B;KAA8B;AAC5L;AACO,MAAMX,YAAY,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IAC7CkB,SAAS;QACPC,QAAQ;IACV;IACAC,WAAW;QACTD,QAAQ;QACRP,SAAS;IACX;IACAS,UAAU;QACRF,QAAQ;IACV;IACAG,OAAO;QACLH,QAAQ;IACV;IACAI,WAAW;QACTJ,QAAQ;QACRP,SAAS;IACX;IACAY,SAAS;QACPL,QAAQ;IACV;IACAM,WAAW;QACTC,SAAS;IACX;IACAC,WAAW;QACTR,QAAQ;IACV;IACAS,QAAQ;QACNC,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;IACAC,UAAU;QACRC,QAAQ;IACV;IACAC,aAAa;QACXC,QAAQ;IACV;IACAC,UAAU;QACRD,QAAQ;IACV;IACAE,cAAc;QACZF,QAAQ;IACV;AACF,GAAG;~~IACDzB~~,GAAG;QAAC;QAAoD;QAA4D;QAA+B;QAA2D;QAAuD;QAA8D;QAAyD;QAAiC;QAAoD;QAAiC;~~QAAiC~~;~~QAAiC~~;QAAsC;QAAiC;QAA8B;KAAiC;~~AAC5rB~~,IACA,6CAA6C"}
1	+ {"version":3,"sources":["StyledText.styles.js"],"sourcesContent":["import { __styles, tokens } from '@fluentui/react-components';\nexport const useSizeStyles = /#__PURE__/__styles({\n base100: {\n Be2twd7: \"f13mqy1h\",\n Bg96gwp: \"fcpl73t\"\n },\n base200: {\n Be2twd7: \"fy9rknc\",\n Bg96gwp: \"fwrc4pm\"\n },\n base300: {\n Be2twd7: \"fkhj508\",\n Bg96gwp: \"f1i3iumi\"\n },\n base400: {\n Be2twd7: \"fod5ikn\",\n Bg96gwp: \"faaz57k\"\n },\n base500: {\n Be2twd7: \"f1pp30po\",\n Bg96gwp: \"f106mvju\"\n },\n base600: {\n Be2twd7: \"f1x0m3f5\",\n Bg96gwp: \"fb86gi6\"\n },\n hero700: {\n Be2twd7: \"fojgt09\",\n Bg96gwp: \"fcen8rp\"\n }\n}, {\n d: [\".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fcpl73t{line-height:var(--lineHeightBase100);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1x0m3f5{font-size:var(--fontSizeBase600);}\", \".fb86gi6{line-height:var(--lineHeightBase600);}\", \".fojgt09{font-size:var(--fontSizeHero700);}\", \".fcen8rp{line-height:var(--lineHeightHero700);}\"]\n});\nexport const useWeightStyles = /#__PURE__/__styles({\n light: {\n Bhrd7zp: \"f3wt7jm\"\n },\n semilight: {\n Bhrd7zp: \"f13vlhzf\"\n },\n regular: {\n Bhrd7zp: \"f71fsbu\"\n },\n medium: {\n Bhrd7zp: \"f1hd9hm2\"\n },\n semibold: {\n Bhrd7zp: \"fhuq1gn\"\n },\n bold: {\n Bhrd7zp: \"f1leeax8\"\n }\n}, {\n d: [\".f3wt7jm{font-weight:200;}\", \".f13vlhzf{font-weight:300;}\", \".f71fsbu{font-weight:400;}\", \".f1hd9hm2{font-weight:500;}\", \".fhuq1gn{font-weight:600;}\", \".f1leeax8{font-weight:700;}\"]\n});\nexport const useStyles = /#__PURE__/__styles({\n mention: {\n sj55zd: \"fyind8e\"\n },\n mentionMe: {\n sj55zd: \"f1ouce03\",\n Bhrd7zp: \"f1leeax8\"\n },\n disabled: {\n sj55zd: \"f1s2aq7o\"\n },\n error: {\n sj55zd: \"f1whyuy6\"\n },\n important: {\n sj55zd: \"f1l8vj45\",\n Bhrd7zp: \"f1leeax8\"\n },\n success: {\n sj55zd: \"f1m7fhi8\"\n },\n temporary: {\n B80ckks: \"f1j4dglz\"\n },\n timestamp: {\n sj55zd: \"f11d4kpn\"\n },\n nowrap: {\n Huce71: \"fz5stix\",\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\"\n },\n truncate: {\n ygn44y: \"f1cmbuwj\"\n },\n alignCenter: {\n fsow6f: \"f17mccla\"\n },\n alignEnd: {\n fsow6f: \"f12ymhq5\"\n },\n alignJustify: {\n fsow6f: \"f1j59e10\"\n }\n}, {\n d: [\".fyind8e{color:var(--colorBrandForegroundLink);}\", \".f1ouce03{color:var(--colorPalettePumpkinBorderActive);}\", \".f1leeax8{font-weight:700;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f1whyuy6{color:var(--colorPaletteRedForeground3);}\", \".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}\", \".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}\", \".f1j4dglz{font-style:italic;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".fz5stix{white-space:nowrap;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], \".f1cmbuwj{text-overflow:ellipsis;}\", \".f17mccla{text-align:center;}\", \".f12ymhq5{text-align:end;}\", \".f1j59e10{text-align:justify;}\"]\n});\n//# sourceMappingURL=StyledText.styles.js.map"],"names":["useSizeStyles","useWeightStyles","useStyles","__styles","base100","Be2twd7","Bg96gwp","base200","base300","base400","base500","base600","hero700","d","light","Bhrd7zp","semilight","regular","medium","semibold","bold","mention","sj55zd","mentionMe","disabled","error","important","success","temporary","B80ckks","timestamp","nowrap","Huce71","B68tc82","Bmxbyg5","Bpg54ce","truncate","ygn44y","alignCenter","fsow6f","alignEnd","alignJustify","p"],"mappings":";;;;;;;;;;;IACaA,aAAa;eAAbA;;IAgCAC,eAAe;eAAfA;;IAsBAC,SAAS;eAATA;;;iCAvDoB;AAC1B,MAAMF,gBAAgB,WAAW,GAAEG,IAAAA,yBAAQ,EAAC;IACjDC,SAAS;QACPC,SAAS;QACTC,SAAS;IACX;IACAC,SAAS;QACPF,SAAS;QACTC,SAAS;IACX;IACAE,SAAS;QACPH,SAAS;QACTC,SAAS;IACX;IACAG,SAAS;QACPJ,SAAS;QACTC,SAAS;IACX;IACAI,SAAS;QACPL,SAAS;QACTC,SAAS;IACX;IACAK,SAAS;QACPN,SAAS;QACTC,SAAS;IACX;IACAM,SAAS;QACPP,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDO,GAAG;QAAC;QAAgD;QAAmD;QAA+C;QAAmD;QAA+C;QAAoD;QAA+C;QAAmD;QAAgD;QAAoD;QAAgD;QAAmD;QAA+C;KAAkD;AACxrB;AACO,MAAMZ,kBAAkB,WAAW,GAAEE,IAAAA,yBAAQ,EAAC;IACnDW,OAAO;QACLC,SAAS;IACX;IACAC,WAAW;QACTD,SAAS;IACX;IACAE,SAAS;QACPF,SAAS;IACX;IACAG,QAAQ;QACNH,SAAS;IACX;IACAI,UAAU;QACRJ,SAAS;IACX;IACAK,MAAM;QACJL,SAAS;IACX;AACF,GAAG;IACDF,GAAG;QAAC;QAA8B;QAA+B;QAA8B;QAA+B;QAA8B;KAA8B;AAC5L;AACO,MAAMX,YAAY,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IAC7CkB,SAAS;QACPC,QAAQ;IACV;IACAC,WAAW;QACTD,QAAQ;QACRP,SAAS;IACX;IACAS,UAAU;QACRF,QAAQ;IACV;IACAG,OAAO;QACLH,QAAQ;IACV;IACAI,WAAW;QACTJ,QAAQ;QACRP,SAAS;IACX;IACAY,SAAS;QACPL,QAAQ;IACV;IACAM,WAAW;QACTC,SAAS;IACX;IACAC,WAAW;QACTR,QAAQ;IACV;IACAS,QAAQ;QACNC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAC,UAAU;QACRC,QAAQ;IACV;IACAC,aAAa;QACXC,QAAQ;IACV;IACAC,UAAU;QACRD,QAAQ;IACV;IACAE,cAAc;QACZF,QAAQ;IACV;AACF,GAAG;IACD1B,GAAG;QAAC;QAAoD;QAA4D;QAA+B;QAA2D;QAAuD;QAA8D;QAAyD;QAAiC;QAAoD;QAAiC;YAAC;YAA+B;gBAChhB6B,GAAG,CAAC;YACN;SAAE;QAAE;QAAsC;QAAiC;QAA8B;KAAiC;AAC5I,IACA,6CAA6C"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-migration-v0-v9",
-  "version": "9.1.33",
+  "version": "9.1.34",
   "description": "Migration shim components and methods for hybrid v0/v9 applications building on Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -33,13 +33,13 @@
     "@fluentui/scripts-storybook": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.11.3",
-    "@fluentui/react-components": "^9.52.0",
+    "@fluentui/react-aria": "^9.11.4",
+    "@fluentui/react-components": "^9.53.0",
     "@fluentui/react-context-selector": "^9.1.60",
     "@fluentui/react-icons": "^2.0.239",
     "@fluentui/react-jsx-runtime": "^9.0.38",
     "@fluentui/react-shared-contexts": "^9.19.0",
-    "@fluentui/react-tabster": "^9.21.3",
+    "@fluentui/react-tabster": "^9.21.4",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.9",
     "@griffel/react": "^1.5.22",