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

package/CHANGELOG.md

@@ -1,12 +1,38 @@
 # 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, 06 Jun 2024 15:22:27 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.1.35)
+
+Thu, 06 Jun 2024 15:22:27 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.1.34..@fluentui/react-migration-v0-v9_v9.1.35)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.12.0 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-components to v9.54.0 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.61 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.39 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-tabster to v9.21.5 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-utilities to v9.18.10 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+
+## [9.1.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.1.34)
+
+Thu, 23 May 2024 08:02:45 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/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
+- Bump @fluentui/react-components to v9.53.0 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
+- Bump @fluentui/react-tabster to v9.21.4 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) 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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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":[]}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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":[]}
+{"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

@@ -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

@@ -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":[]}
+{"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

@@ -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

@@ -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":[]}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-migration-v0-v9",
-  "version": "9.1.33",
+  "version": "9.1.35",
   "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,15 +33,15 @@
     "@fluentui/scripts-storybook": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.11.3",
-    "@fluentui/react-components": "^9.52.0",
-    "@fluentui/react-context-selector": "^9.1.60",
+    "@fluentui/react-aria": "^9.12.0",
+    "@fluentui/react-components": "^9.54.0",
+    "@fluentui/react-context-selector": "^9.1.61",
     "@fluentui/react-icons": "^2.0.239",
-    "@fluentui/react-jsx-runtime": "^9.0.38",
+    "@fluentui/react-jsx-runtime": "^9.0.39",
     "@fluentui/react-shared-contexts": "^9.19.0",
-    "@fluentui/react-tabster": "^9.21.3",
+    "@fluentui/react-tabster": "^9.21.5",
     "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-utilities": "^9.18.9",
+    "@fluentui/react-utilities": "^9.18.10",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },