@fluentui/react-migration-v0-v9 9.4.8 → 9.6.0

package/lib-commonjs/components/StyledText/StyledText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/StyledText/StyledText.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, Slot, ComponentProps, slot } from '@fluentui/react-components';\nimport { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';\n\nexport type StyledTextSlots = {\n  root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre' | 'time'>;\n};\n\nexport type StyledTextProps = ComponentProps<StyledTextSlots> & {\n  /**\n   * Aligns text based on the parent container.\n   */\n  align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * At mentions can be formatted to draw users' attention.\n   * Mentions for \"me\" can be formatted to appear differently.\n   */\n  atMention?: 'me' | boolean;\n\n  /**\n   * Set as disabled StyledText component\n   */\n  disabled?: boolean;\n\n  /**\n   * Set as error StyledText component\n   */\n  error?: boolean;\n\n  /**\n   * The StyledText can appear more important and draw user's attention\n   */\n  important?: boolean;\n\n  /**\n   * Applies font size and line height based on the theme tokens.\n   */\n  size?:\n    | 'smaller'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'large500'\n    | 'larger'\n    | 'largest'\n    | 100\n    | 200\n    | 300\n    | 400\n    | 500\n    | 600\n    | 700;\n\n  /**\n   * Set as success StyledText component\n   */\n  success?: boolean;\n\n  /**\n   * The text can signify a temporary state\n   */\n  temporary?: boolean;\n\n  /**\n   * Set as timestamp StyledText component\n   */\n  timestamp?: boolean;\n\n  /**\n   * Truncate overflowing text for block displays.\n   */\n  truncate?: boolean;\n\n  /**\n   * Applies font weight to the content.\n   */\n  weight?: 'light' | 'semilight' | 'regular' | 'medium' | 'semibold' | 'bold';\n\n  /**\n   * Wraps the text content on white spaces.\n   *\n   * @default true\n   */\n  wrap?: boolean;\n};\n\nexport const styledTextClassName = 'fui-StyledText';\n\nconst sizeMap: Record<string, 'base100' | 'base200' | 'base300' | 'base400' | 'base500' | 'base600' | 'hero700'> = {\n  '100': 'base100',\n  '200': 'base200',\n  '300': 'base300',\n  '400': 'base400',\n  '500': 'base500',\n  '600': 'base600',\n  '700': 'hero700',\n  smaller: 'base100',\n  small: 'base200',\n  medium: 'base300',\n  large: 'base400',\n  large500: 'base500',\n  larger: 'base600',\n  largest: 'hero700',\n};\n\nexport const StyledText = React.forwardRef<HTMLSpanElement, StyledTextProps>((props, ref) => {\n  const {\n    align,\n    atMention,\n    disabled,\n    error,\n    important,\n    success,\n    temporary,\n    timestamp,\n    truncate,\n    weight,\n    wrap = true,\n  } = props;\n\n  const dir = typeof props.children === 'string' ? 'auto' : undefined;\n\n  const sizeStyles = useSizeStyles();\n  const weightStyles = useWeightStyles();\n  const styles = useStyles();\n\n  const size = props.size ? sizeMap[props.size] : props.size;\n\n  const RootSlot = slot.always(\n    getIntrinsicElementProps('span', {\n      ref,\n      ...props,\n      dir,\n      className: mergeClasses(\n        styledTextClassName,\n        size && sizeStyles[size],\n        weight && weightStyles[weight],\n        wrap === false && styles.nowrap,\n        truncate && styles.truncate,\n        align === 'center' && styles.alignCenter,\n        align === 'end' && styles.alignEnd,\n        align === 'justify' && styles.alignJustify,\n\n        atMention && styles.mention,\n        atMention === 'me' && styles.mentionMe,\n        disabled && styles.disabled,\n        error && styles.error,\n        important && styles.important,\n        success && styles.success,\n        temporary && styles.temporary,\n        timestamp && styles.timestamp,\n        props.className,\n      ),\n    }),\n    { elementType: 'span' },\n  );\n\n  return <RootSlot />;\n});\n\nStyledText.displayName = 'StyledText';\n"],"names":["StyledText","styledTextClassName","sizeMap","smaller","small","medium","large","large500","larger","largest","React","forwardRef","props","ref","align","atMention","disabled","error","important","success","temporary","timestamp","truncate","weight","wrap","dir","children","undefined","sizeStyles","useSizeStyles","weightStyles","useWeightStyles","styles","useStyles","size","RootSlot","slot","always","getIntrinsicElementProps","className","mergeClasses","nowrap","alignCenter","alignEnd","alignJustify","mention","mentionMe","elementType","_jsx","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA6GaA,UAAAA;eAAAA;;IAnBAC,mBAAAA;eAAAA;;;;4BAzFb;iEAEuB;iCAC4D;kCACzB;AAqFnD,MAAMA,sBAAsB;AAEnC,MAAMC,UAA6G;IACjH,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACPC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACPC,UAAU;IACVC,QAAQ;IACRC,SAAS;AACX;AAEO,MAAMT,aAAAA,WAAAA,GAAaU,OAAMC,UAAU,CAAmC,CAACC,OAAOC;IACnF,MAAM,EACJC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,MAAM,EACNC,OAAO,IAAI,EACZ,GAAGZ;IAEJ,MAAMa,MAAM,OAAOb,MAAMc,QAAQ,KAAK,WAAW,SAASC;IAE1D,MAAMC,aAAaC,IAAAA,+BAAAA;IACnB,MAAMC,eAAeC,IAAAA,iCAAAA;IACrB,MAAMC,SAASC,IAAAA,2BAAAA;IAEf,MAAMC,OAAOtB,MAAMsB,IAAI,GAAGhC,OAAO,CAACU,MAAMsB,IAAI,CAAC,GAAGtB,MAAMsB,IAAI;IAE1D,MAAMC,WAAWC,qBAAAA,CAAKC,MAAM,CAC1BC,IAAAA,yCAAAA,EAAyB,QAAQ;QAC/BzB;QACA,GAAGD,KAAK;QACRa;QACAc,WAAWC,IAAAA,6BAAAA,EACTvC,qBACAiC,QAAQN,UAAU,CAACM,KAAK,EACxBX,UAAUO,YAAY,CAACP,OAAO,EAC9BC,SAAS,SAASQ,OAAOS,MAAM,EAC/BnB,YAAYU,OAAOV,QAAQ,EAC3BR,UAAU,YAAYkB,OAAOU,WAAW,EACxC5B,UAAU,SAASkB,OAAOW,QAAQ,EAClC7B,UAAU,aAAakB,OAAOY,YAAY,EAE1C7B,aAAaiB,OAAOa,OAAO,EAC3B9B,cAAc,QAAQiB,OAAOc,SAAS,EACtC9B,YAAYgB,OAAOhB,QAAQ,EAC3BC,SAASe,OAAOf,KAAK,EACrBC,aAAac,OAAOd,SAAS,EAC7BC,WAAWa,OAAOb,OAAO,EACzBC,aAAaY,OAAOZ,SAAS,EAC7BC,aAAaW,OAAOX,SAAS,EAC7BT,MAAM2B,SAAS;IAEnB,IACA;QAAEQ,aAAa;IAAO;IAGxB,OAAA,WAAA,GAAOC,IAAAA,eAAA,EAACb,UAAAA,CAAAA;AACV;AAEAnC,WAAWiD,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/StyledText/StyledText.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, Slot, ComponentProps, slot } from '@fluentui/react-components';\nimport { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';\n\nexport type StyledTextSlots = {\n  root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre' | 'time'>;\n};\n\nexport type StyledTextProps = ComponentProps<StyledTextSlots> & {\n  /**\n   * Aligns text based on the parent container.\n   */\n  align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * At mentions can be formatted to draw users' attention.\n   * Mentions for \"me\" can be formatted to appear differently.\n   */\n  atMention?: 'me' | boolean;\n\n  /**\n   * Set as disabled StyledText component\n   */\n  disabled?: boolean;\n\n  /**\n   * Set as error StyledText component\n   */\n  error?: boolean;\n\n  /**\n   * The StyledText can appear more important and draw user's attention\n   */\n  important?: boolean;\n\n  /**\n   * Applies font size and line height based on the theme tokens.\n   */\n  size?:\n    | 'smaller'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'large500'\n    | 'larger'\n    | 'largest'\n    | 100\n    | 200\n    | 300\n    | 400\n    | 500\n    | 600\n    | 700;\n\n  /**\n   * Set as success StyledText component\n   */\n  success?: boolean;\n\n  /**\n   * The text can signify a temporary state\n   */\n  temporary?: boolean;\n\n  /**\n   * Set as timestamp StyledText component\n   */\n  timestamp?: boolean;\n\n  /**\n   * Truncate overflowing text for block displays.\n   */\n  truncate?: boolean;\n\n  /**\n   * Applies font weight to the content.\n   */\n  weight?: 'light' | 'semilight' | 'regular' | 'medium' | 'semibold' | 'bold';\n\n  /**\n   * Wraps the text content on white spaces.\n   *\n   * @default true\n   */\n  wrap?: boolean;\n};\n\nexport const styledTextClassName = 'fui-StyledText';\n\nconst sizeMap: Record<string, 'base100' | 'base200' | 'base300' | 'base400' | 'base500' | 'base600' | 'hero700'> = {\n  '100': 'base100',\n  '200': 'base200',\n  '300': 'base300',\n  '400': 'base400',\n  '500': 'base500',\n  '600': 'base600',\n  '700': 'hero700',\n  smaller: 'base100',\n  small: 'base200',\n  medium: 'base300',\n  large: 'base400',\n  large500: 'base500',\n  larger: 'base600',\n  largest: 'hero700',\n};\n\nexport const StyledText = React.forwardRef<HTMLSpanElement, StyledTextProps>((props, ref) => {\n  const {\n    align,\n    atMention,\n    disabled,\n    error,\n    important,\n    success,\n    temporary,\n    timestamp,\n    truncate,\n    weight,\n    wrap = true,\n  } = props;\n\n  const dir = typeof props.children === 'string' ? 'auto' : undefined;\n\n  const sizeStyles = useSizeStyles();\n  const weightStyles = useWeightStyles();\n  const styles = useStyles();\n\n  const size = props.size ? sizeMap[props.size] : props.size;\n\n  const RootSlot = slot.always(\n    getIntrinsicElementProps('span', {\n      ref,\n      ...props,\n      dir,\n      className: mergeClasses(\n        styledTextClassName,\n        size && sizeStyles[size],\n        weight && weightStyles[weight],\n        wrap === false && styles.nowrap,\n        truncate && styles.truncate,\n        align === 'center' && styles.alignCenter,\n        align === 'end' && styles.alignEnd,\n        align === 'justify' && styles.alignJustify,\n\n        atMention && styles.mention,\n        atMention === 'me' && styles.mentionMe,\n        disabled && styles.disabled,\n        error && styles.error,\n        important && styles.important,\n        success && styles.success,\n        temporary && styles.temporary,\n        timestamp && styles.timestamp,\n        props.className,\n      ),\n    }),\n    { elementType: 'span' },\n  );\n\n  return <RootSlot />;\n});\n\nStyledText.displayName = 'StyledText';\n"],"names":["React","getIntrinsicElementProps","mergeClasses","slot","useSizeStyles","useStyles","useWeightStyles","styledTextClassName","sizeMap","smaller","small","medium","large","large500","larger","largest","StyledText","forwardRef","props","ref","align","atMention","disabled","error","important","success","temporary","timestamp","truncate","weight","wrap","dir","children","undefined","sizeStyles","weightStyles","styles","size","RootSlot","always","className","nowrap","alignCenter","alignEnd","alignJustify","mention","mentionMe","elementType","displayName"],"mappings":";;;;;;;;;;;IA6GagB,UAAAA;;;IAnBAT,mBAAAA;;;;;4BAzFb,gDAAiD;iEAE1B,QAAQ;iCACoD,6BAA6B;kCACtD,sBAAsB;AAqFzE,4BAA4B,iBAAiB;AAEpD,MAAMC,UAA6G;IACjH,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACPC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACPC,UAAU;IACVC,QAAQ;IACRC,SAAS;AACX;AAEO,mBAAMC,WAAAA,GAAahB,OAAMiB,UAAU,CAAmC,CAACC,OAAOC;IACnF,MAAM,EACJC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,MAAM,EACNC,OAAO,IAAI,EACZ,GAAGZ;IAEJ,MAAMa,MAAM,OAAOb,MAAMc,QAAQ,KAAK,WAAW,SAASC;IAE1D,MAAMC,iBAAa9B,+BAAAA;IACnB,MAAM+B,mBAAe7B,iCAAAA;IACrB,MAAM8B,aAAS/B,2BAAAA;IAEf,MAAMgC,OAAOnB,MAAMmB,IAAI,GAAG7B,OAAO,CAACU,MAAMmB,IAAI,CAAC,GAAGnB,MAAMmB,IAAI;IAE1D,MAAMC,WAAWnC,qBAAAA,CAAKoC,MAAM,CAC1BtC,6CAAAA,EAAyB,QAAQ;QAC/BkB;QACA,GAAGD,KAAK;QACRa;QACAS,eAAWtC,6BAAAA,EACTK,qBACA8B,QAAQH,UAAU,CAACG,KAAK,EACxBR,UAAUM,YAAY,CAACN,OAAO,EAC9BC,SAAS,SAASM,OAAOK,MAAM,EAC/Bb,YAAYQ,OAAOR,QAAQ,EAC3BR,UAAU,YAAYgB,OAAOM,WAAW,EACxCtB,UAAU,SAASgB,OAAOO,QAAQ,EAClCvB,UAAU,aAAagB,OAAOQ,YAAY,EAE1CvB,aAAae,OAAOS,OAAO,EAC3BxB,cAAc,QAAQe,OAAOU,SAAS,EACtCxB,YAAYc,OAAOd,QAAQ,EAC3BC,SAASa,OAAOb,KAAK,EACrBC,aAAaY,OAAOZ,SAAS,EAC7BC,WAAWW,OAAOX,OAAO,EACzBC,aAAaU,OAAOV,SAAS,EAC7BC,aAAaS,OAAOT,SAAS,EAC7BT,MAAMsB,SAAS;IAEnB,IACA;QAAEO,aAAa;IAAO;IAGxB,OAAA,WAAA,OAAO,eAAA,EAACT,UAAAA,CAAAA;AACV,GAAG;AAEHtB,WAAWgC,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["useSizeStyles","useStyles","useWeightStyles","__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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,aAAa;eAAbA;;IAkDAC,SAAS;eAATA;;IApBAC,eAAe;eAAfA;;;iCA/BsB;AAC5B,MAAMF,gBAAa,WAAA,GAAGG,IAAAA,yBAAA,EAAA;IAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,SAAA;QAAAF,SAAA;QAAAC,SAAA;IAAA;IAAAE,SAAA;QAAAH,SAAA;QAAAC,SAAA;IAAA;IAAAG,SAAA;QAAAJ,SAAA;QAAAC,SAAA;IAAA;IAAAI,SAAA;QAAAL,SAAA;QAAAC,SAAA;IAAA;IAAAK,SAAA;QAAAN,SAAA;QAAAC,SAAA;IAAA;IAAAM,SAAA;QAAAP,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAO,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AA8BtB,MAAMX,kBAAe,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAW,OAAA;QAAAC,SAAA;IAAA;IAAAC,WAAA;QAAAD,SAAA;IAAA;IAAAE,SAAA;QAAAF,SAAA;IAAA;IAAAG,QAAA;QAAAH,SAAA;IAAA;IAAAI,UAAA;QAAAJ,SAAA;IAAA;IAAAK,MAAA;QAAAL,SAAA;IAAA;AAAA,GAAA;IAAAF,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAoBxB,MAAMZ,YAAS,WAAA,GAAGE,IAAAA,yBAAA,EAAA;IAAAkB,SAAA;QAAAC,QAAA;IAAA;IAAAC,WAAA;QAAAD,QAAA;QAAAP,SAAA;IAAA;IAAAS,UAAA;QAAAF,QAAA;IAAA;IAAAG,OAAA;QAAAH,QAAA;IAAA;IAAAI,WAAA;QAAAJ,QAAA;QAAAP,SAAA;IAAA;IAAAY,SAAA;QAAAL,QAAA;IAAA;IAAAM,WAAA;QAAAC,SAAA;IAAA;IAAAC,WAAA;QAAAR,QAAA;IAAA;IAAAS,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,UAAA;QAAAC,QAAA;IAAA;IAAAC,aAAA;QAAAC,QAAA;IAAA;IAAAC,UAAA;QAAAD,QAAA;IAAA;IAAAE,cAAA;QAAAF,QAAA;IAAA;AAAA,GAAA;IAAA1B,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAA6B,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}
+{"version":3,"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"],"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"],"mappings":";;;;;;;;;;;IACaE,aAAa;;;aAkDJ;eAATmB;;mBApBe;eAAfR;;;iCA/BsB,4BAA4B;AACxD,sBAAmB,WAAA,OAAGb,yBAAA,EAAA;IAAAG,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,OAAA,EAAA;QAAAF,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAE,OAAA,EAAA;QAAAH,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAG,OAAA,EAAA;QAAAJ,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAI,OAAA,EAAA;QAAAL,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAK,OAAA,EAAA;QAAAN,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAM,OAAA,EAAA;QAAAP,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAO,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA6B5B,CAAC;AACK,wBAAqB,WAAA,OAAGZ,yBAAA,EAAA;IAAAc,KAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,SAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,OAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;IAAAG,MAAA,EAAA;QAAAH,OAAA,EAAA;IAAA;IAAAI,QAAA,EAAA;QAAAJ,OAAA,EAAA;IAAA;IAAAK,IAAA,EAAA;QAAAL,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAH,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAmB9B,CAAC;AACK,kBAAe,WAAA,OAAGZ,yBAAA,EAAA;IAAAsB,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,SAAA,EAAA;QAAAD,MAAA,EAAA;QAAAR,OAAA,EAAA;IAAA;IAAAU,QAAA,EAAA;QAAAF,MAAA,EAAA;IAAA;IAAAG,KAAA,EAAA;QAAAH,MAAA,EAAA;IAAA;IAAAI,SAAA,EAAA;QAAAJ,MAAA,EAAA;QAAAR,OAAA,EAAA;IAAA;IAAAa,OAAA,EAAA;QAAAL,MAAA,EAAA;IAAA;IAAAM,SAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,SAAA,EAAA;QAAAR,MAAA,EAAA;IAAA;IAAAS,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,WAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAD,MAAA,EAAA;IAAA;IAAAE,YAAA,EAAA;QAAAF,MAAA,EAAA;IAAA;AAAA,GAAA;IAAA5B,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAA+B,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA2CxB,CAAC"}

package/lib-commonjs/components/StyledText/StyledText.styles.raw.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useSizeStyles: function() {
+        return useSizeStyles;
+    },
+    useStyles: function() {
+        return useStyles;
+    },
+    useWeightStyles: function() {
+        return useWeightStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useSizeStyles = (0, _reactcomponents.makeStyles)({
+    base100: {
+        fontSize: _reactcomponents.tokens.fontSizeBase100,
+        lineHeight: _reactcomponents.tokens.lineHeightBase100
+    },
+    base200: {
+        fontSize: _reactcomponents.tokens.fontSizeBase200,
+        lineHeight: _reactcomponents.tokens.lineHeightBase200
+    },
+    base300: {
+        fontSize: _reactcomponents.tokens.fontSizeBase300,
+        lineHeight: _reactcomponents.tokens.lineHeightBase300
+    },
+    base400: {
+        fontSize: _reactcomponents.tokens.fontSizeBase400,
+        lineHeight: _reactcomponents.tokens.lineHeightBase400
+    },
+    base500: {
+        fontSize: _reactcomponents.tokens.fontSizeBase500,
+        lineHeight: _reactcomponents.tokens.lineHeightBase500
+    },
+    base600: {
+        fontSize: _reactcomponents.tokens.fontSizeBase600,
+        lineHeight: _reactcomponents.tokens.lineHeightBase600
+    },
+    hero700: {
+        fontSize: _reactcomponents.tokens.fontSizeHero700,
+        lineHeight: _reactcomponents.tokens.lineHeightHero700
+    }
+});
+const useWeightStyles = (0, _reactcomponents.makeStyles)({
+    light: {
+        fontWeight: 200
+    },
+    semilight: {
+        fontWeight: 300
+    },
+    regular: {
+        fontWeight: 400
+    },
+    medium: {
+        fontWeight: 500
+    },
+    semibold: {
+        fontWeight: 600
+    },
+    bold: {
+        fontWeight: 700
+    }
+});
+const useStyles = (0, _reactcomponents.makeStyles)({
+    mention: {
+        color: _reactcomponents.tokens.colorBrandForegroundLink
+    },
+    mentionMe: {
+        color: _reactcomponents.tokens.colorPalettePumpkinBorderActive,
+        fontWeight: 700
+    },
+    disabled: {
+        color: _reactcomponents.tokens.colorNeutralForegroundDisabled
+    },
+    error: {
+        color: _reactcomponents.tokens.colorPaletteRedForeground3
+    },
+    important: {
+        color: _reactcomponents.tokens.colorPaletteDarkOrangeForeground3,
+        fontWeight: 700
+    },
+    success: {
+        color: _reactcomponents.tokens.colorPaletteGreenForeground3
+    },
+    temporary: {
+        fontStyle: 'italic'
+    },
+    timestamp: {
+        color: _reactcomponents.tokens.colorNeutralForeground3
+    },
+    nowrap: {
+        whiteSpace: 'nowrap',
+        overflow: 'hidden'
+    },
+    truncate: {
+        textOverflow: 'ellipsis'
+    },
+    alignCenter: {
+        textAlign: 'center'
+    },
+    alignEnd: {
+        textAlign: 'end'
+    },
+    alignJustify: {
+        textAlign: 'justify'
+    }
+});

package/lib-commonjs/components/StyledText/StyledText.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/StyledText/StyledText.styles.ts"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\n\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});\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});\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"],"names":["makeStyles","tokens","useSizeStyles","base100","fontSize","fontSizeBase100","lineHeight","lineHeightBase100","base200","fontSizeBase200","lineHeightBase200","base300","fontSizeBase300","lineHeightBase300","base400","fontSizeBase400","lineHeightBase400","base500","fontSizeBase500","lineHeightBase500","base600","fontSizeBase600","lineHeightBase600","hero700","fontSizeHero700","lineHeightHero700","useWeightStyles","light","fontWeight","semilight","regular","medium","semibold","bold","useStyles","mention","color","colorBrandForegroundLink","mentionMe","colorPalettePumpkinBorderActive","disabled","colorNeutralForegroundDisabled","error","colorPaletteRedForeground3","important","colorPaletteDarkOrangeForeground3","success","colorPaletteGreenForeground3","temporary","fontStyle","timestamp","colorNeutralForeground3","nowrap","whiteSpace","overflow","truncate","textOverflow","alignCenter","textAlign","alignEnd","alignJustify"],"mappings":";;;;;;;;;;;IAEaE,aAAAA;;;aAoDAgC;eAAAA;;mBArBAR;eAAAA;;;iCAjCsB,6BAA6B;AAEzD,0BAAsB1B,2BAAAA,EAAW;IACtCG,SAAS;QACPC,UAAUH,uBAAAA,CAAOI,eAAe;QAChCC,YAAYL,uBAAAA,CAAOM,iBAAiB;IACtC;IACAC,SAAS;QACPJ,UAAUH,uBAAAA,CAAOQ,eAAe;QAChCH,YAAYL,uBAAAA,CAAOS,iBAAiB;IACtC;IACAC,SAAS;QACPP,UAAUH,uBAAAA,CAAOW,eAAe;QAChCN,YAAYL,uBAAAA,CAAOY,iBAAiB;IACtC;IACAC,SAAS;QACPV,UAAUH,uBAAAA,CAAOc,eAAe;QAChCT,YAAYL,uBAAAA,CAAOe,iBAAiB;IACtC;IACAC,SAAS;QACPb,UAAUH,uBAAAA,CAAOiB,eAAe;QAChCZ,YAAYL,uBAAAA,CAAOkB,iBAAiB;IACtC;IACAC,SAAS;QACPhB,UAAUH,uBAAAA,CAAOoB,eAAe;QAChCf,YAAYL,uBAAAA,CAAOqB,iBAAiB;IACtC;IACAC,SAAS;QACPnB,UAAUH,uBAAAA,CAAOuB,eAAe;QAChClB,YAAYL,uBAAAA,CAAOwB,iBAAiB;IACtC;AACF,GAAG;AAEI,4BAAwBzB,2BAAAA,EAAW;IACxC2B,OAAO;QACLC,YAAY;IACd;IACAC,WAAW;QACTD,YAAY;IACd;IACAE,SAAS;QACPF,YAAY;IACd;IACAG,QAAQ;QACNH,YAAY;IACd;IACAI,UAAU;QACRJ,YAAY;IACd;IACAK,MAAM;QACJL,YAAY;IACd;AACF,GAAG;AAEI,sBAAkB5B,2BAAAA,EAAW;IAClCmC,SAAS;QACPC,OAAOnC,uBAAAA,CAAOoC,wBAAwB;IACxC;IACAC,WAAW;QACTF,OAAOnC,uBAAAA,CAAOsC,+BAA+B;QAC7CX,YAAY;IACd;IACAY,UAAU;QACRJ,OAAOnC,uBAAAA,CAAOwC,8BAA8B;IAC9C;IACAC,OAAO;QACLN,OAAOnC,uBAAAA,CAAO0C,0BAA0B;IAC1C;IACAC,WAAW;QACTR,OAAOnC,uBAAAA,CAAO4C,iCAAiC;QAC/CjB,YAAY;IACd;IACAkB,SAAS;QACPV,OAAOnC,uBAAAA,CAAO8C,4BAA4B;IAC5C;IACAC,WAAW;QACTC,WAAW;IACb;IACAC,WAAW;QACTd,OAAOnC,uBAAAA,CAAOkD,uBAAuB;IACvC;IACAC,QAAQ;QACNC,YAAY;QACZC,UAAU;IACZ;IACAC,UAAU;QACRC,cAAc;IAChB;IACAC,aAAa;QACXC,WAAW;IACb;IACAC,UAAU;QACRD,WAAW;IACb;IACAE,cAAc;QACZF,WAAW;IACb;AACF,GAAG"}

package/lib-commonjs/components/StyledText/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/StyledText/index.tsx"],"sourcesContent":["export type { StyledTextProps, StyledTextSlots } from './StyledText';\nexport { StyledText, styledTextClassName } from './StyledText';\nexport { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';\n"],"names":["StyledText","styledTextClassName","useSizeStyles","useStyles","useWeightStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,UAAU;eAAVA,sBAAU;;IAAEC,mBAAmB;eAAnBA,+BAAmB;;IAC/BC,aAAa;eAAbA,+BAAa;;IAAEC,SAAS;eAATA,2BAAS;;IAAEC,eAAe;eAAfA,iCAAe;;;4BADF;kCACU"}
+{"version":3,"sources":["../src/components/StyledText/index.tsx"],"sourcesContent":["export type { StyledTextProps, StyledTextSlots } from './StyledText';\nexport { StyledText, styledTextClassName } from './StyledText';\nexport { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';\n"],"names":["StyledText","styledTextClassName","useSizeStyles","useStyles","useWeightStyles"],"mappings":";;;;;;;;;;;;eACSA,sBAAU;;;eAAEC,+BAAmB;;;eAC/BC,+BAAa;;;eAAEC,2BAAS;;;eAAEC,iCAAe;;;4BADF,eAAe;kCACL,sBAAsB"}

package/lib-commonjs/components/Video/Video.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Video/Video.tsx"],"sourcesContent":["import { mergeClasses, useMergedRefs } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useVideoStyles } from './Video.styles';\n\nexport const videoClassName = 'fui-Video';\n\n/**\n * Video component props\n */\nexport interface VideoProps extends React.VideoHTMLAttributes<HTMLVideoElement> {\n  /**\n   * The source URL of the video\n   */\n  src: string;\n\n  /**\n   * Whether the video should start playing automatically\n   * @default false\n   */\n  autoPlay?: boolean;\n\n  /**\n   * Whether the video should display controls\n   * @default true\n   */\n  controls?: boolean;\n\n  /**\n   * Whether the video should loop\n   */\n  loop?: boolean;\n\n  /**\n   * Whether the video should be muted\n   */\n  muted?: boolean;\n\n  /**\n   * The URL of an image to display while the video is loading\n   */\n  poster?: string;\n}\n\nexport const Video = React.forwardRef<HTMLVideoElement, VideoProps>((props, ref) => {\n  'use no memo';\n\n  const { className, muted, ...rest } = props;\n\n  const videoRef = React.useRef<HTMLVideoElement>();\n\n  const classes = useVideoStyles();\n  React.useEffect(() => {\n    // this is a workaround for a potential memory leak in Chromium which retains a Detached HTMLVideoElement when <video autoplay> is unmounted\n    // https://bugs.chromium.org/p/chromium/issues/detail?id=969049\n    return () => {\n      if (videoRef?.current) {\n        // we want to perform the cleanup on the latest element rendered\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        videoRef.current.src = '';\n      }\n    };\n  }, [videoRef]);\n\n  React.useEffect(() => {\n    // React doesn't guarantee that props will be set:\n    // https://github.com/facebook/react/issues/10389\n    if (videoRef.current) {\n      videoRef.current.muted = !!muted;\n    }\n  }, [muted]);\n\n  return (\n    <video\n      ref={useMergedRefs(ref, videoRef) as React.Ref<HTMLVideoElement>}\n      role=\"application\"\n      className={mergeClasses(videoClassName, classes.root, className)}\n      controls={true}\n      autoPlay={false}\n      muted={muted}\n      {...rest}\n    />\n  );\n});\n\nVideo.displayName = 'Video';\n"],"names":["Video","videoClassName","React","forwardRef","props","ref","className","muted","rest","videoRef","useRef","classes","useVideoStyles","useEffect","current","src","createElement","video","useMergedRefs","role","mergeClasses","root","controls","autoPlay","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA2CaA,KAAAA;eAAAA;;IAvCAC,cAAAA;eAAAA;;;;iCAJ+B;iEACrB;6BACQ;AAExB,MAAMA,iBAAiB;AAuCvB,MAAMD,QAAAA,WAAAA,GAAQE,OAAMC,UAAU,CAA+B,CAACC,OAAOC;IAC1E;IAEA,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGJ;IAEtC,MAAMK,WAAWP,OAAMQ,MAAM;IAE7B,MAAMC,UAAUC,IAAAA,2BAAAA;IAChBV,OAAMW,SAAS,CAAC;QACd,4IAA4I;QAC5I,+DAA+D;QAC/D,OAAO;YACL,IAAIJ,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,SAAUK,OAAO,EAAE;gBACrB,gEAAgE;gBAChE,uDAAuD;gBACvDL,SAASK,OAAO,CAACC,GAAG,GAAG;YACzB;QACF;IACF,GAAG;QAACN;KAAS;IAEbP,OAAMW,SAAS,CAAC;QACd,kDAAkD;QAClD,iDAAiD;QACjD,IAAIJ,SAASK,OAAO,EAAE;YACpBL,SAASK,OAAO,CAACP,KAAK,GAAG,CAAC,CAACA;QAC7B;IACF,GAAG;QAACA;KAAM;IAEV,OAAA,WAAA,GACEL,OAAAc,aAAA,CAACC,SAAAA;QACCZ,KAAKa,IAAAA,8BAAAA,EAAcb,KAAKI;QACxBU,MAAK;QACLb,WAAWc,IAAAA,6BAAAA,EAAanB,gBAAgBU,QAAQU,IAAI,EAAEf;QACtDgB,UAAU;QACVC,UAAU;QACVhB,OAAOA;QACN,GAAGC,IAAI;;AAGd;AAEAR,MAAMwB,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Video/Video.tsx"],"sourcesContent":["import { mergeClasses, useMergedRefs } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useVideoStyles } from './Video.styles';\n\nexport const videoClassName = 'fui-Video';\n\n/**\n * Video component props\n */\nexport interface VideoProps extends React.VideoHTMLAttributes<HTMLVideoElement> {\n  /**\n   * The source URL of the video\n   */\n  src: string;\n\n  /**\n   * Whether the video should start playing automatically\n   * @default false\n   */\n  autoPlay?: boolean;\n\n  /**\n   * Whether the video should display controls\n   * @default true\n   */\n  controls?: boolean;\n\n  /**\n   * Whether the video should loop\n   */\n  loop?: boolean;\n\n  /**\n   * Whether the video should be muted\n   */\n  muted?: boolean;\n\n  /**\n   * The URL of an image to display while the video is loading\n   */\n  poster?: string;\n}\n\nexport const Video = React.forwardRef<HTMLVideoElement, VideoProps>((props, ref) => {\n  'use no memo';\n\n  const { className, muted, ...rest } = props;\n\n  const videoRef = React.useRef<HTMLVideoElement>();\n\n  const classes = useVideoStyles();\n  React.useEffect(() => {\n    // this is a workaround for a potential memory leak in Chromium which retains a Detached HTMLVideoElement when <video autoplay> is unmounted\n    // https://bugs.chromium.org/p/chromium/issues/detail?id=969049\n    return () => {\n      if (videoRef?.current) {\n        // we want to perform the cleanup on the latest element rendered\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        videoRef.current.src = '';\n      }\n    };\n  }, [videoRef]);\n\n  React.useEffect(() => {\n    // React doesn't guarantee that props will be set:\n    // https://github.com/facebook/react/issues/10389\n    if (videoRef.current) {\n      videoRef.current.muted = !!muted;\n    }\n  }, [muted]);\n\n  return (\n    <video\n      ref={useMergedRefs(ref, videoRef) as React.Ref<HTMLVideoElement>}\n      role=\"application\"\n      className={mergeClasses(videoClassName, classes.root, className)}\n      controls={true}\n      autoPlay={false}\n      muted={muted}\n      {...rest}\n    />\n  );\n});\n\nVideo.displayName = 'Video';\n"],"names":["mergeClasses","useMergedRefs","React","useVideoStyles","videoClassName","Video","forwardRef","props","ref","className","muted","rest","videoRef","useRef","classes","useEffect","current","src","video","role","root","controls","autoPlay","displayName"],"mappings":";;;;;;;;;;;IA2CaK,KAAAA;;;kBAvCAD;;;;;iCAJ+B,6BAA6B;iEAClD,QAAQ;6BACA,iBAAiB;AAEzC,MAAMA,iBAAiB,YAAY;AAuCnC,cAAMC,WAAAA,GAAQH,OAAMI,UAAU,CAA+B,CAACC,OAAOC;IAC1E;IAEA,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGJ;IAEtC,MAAMK,WAAWV,OAAMW,MAAM;IAE7B,MAAMC,cAAUX,2BAAAA;IAChBD,OAAMa,SAAS,CAAC;QACd,4IAA4I;QAC5I,+DAA+D;QAC/D,OAAO;YACL,IAAIH,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,SAAUI,OAAO,EAAE;gBACrB,gEAAgE;gBAChE,uDAAuD;gBACvDJ,SAASI,OAAO,CAACC,GAAG,GAAG;YACzB;QACF;IACF,GAAG;QAACL;KAAS;IAEbV,OAAMa,SAAS,CAAC;QACd,kDAAkD;QAClD,iDAAiD;QACjD,IAAIH,SAASI,OAAO,EAAE;YACpBJ,SAASI,OAAO,CAACN,KAAK,GAAG,CAAC,CAACA;QAC7B;IACF,GAAG;QAACA;KAAM;IAEV,OAAA,WAAA,GACE,OAAA,aAAA,CAACQ,SAAAA;QACCV,KAAKP,kCAAAA,EAAcO,KAAKI;QACxBO,MAAK;QACLV,eAAWT,6BAAAA,EAAaI,gBAAgBU,QAAQM,IAAI,EAAEX;QACtDY,UAAU;QACVC,UAAU;QACVZ,OAAOA;QACN,GAAGC,IAAI;;AAGd,GAAG;AAEHN,MAAMkB,WAAW,GAAG"}

package/lib-commonjs/components/Video/Video.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Video.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useVideoStyles = makeStyles({\n    root: {\n        display: 'inline-block',\n        verticalAlign: 'middle',\n        width: '100%',\n        height: 'auto'\n    }\n});\n"],"names":["useVideoStyles","__styles","root","mc9l5x","ha4doy","a9b677","Bqenvij","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADc;AACpB,MAAMA,iBAAc,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}
+{"version":3,"sources":["Video.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useVideoStyles = makeStyles({\n    root: {\n        display: 'inline-block',\n        verticalAlign: 'middle',\n        width: '100%',\n        height: 'auto'\n    }\n});\n"],"names":["__styles","useVideoStyles","root","mc9l5x","ha4doy","a9b677","Bqenvij","d"],"mappings":";;;;;;;;;;iCAA2B,4BAA4B;AAChD,MAAMC,cAAc,GAAA,WAAA,OAAGD,yBAAA,EAAA;IAAAE,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAO7B,CAAC"}

package/lib-commonjs/components/Video/Video.styles.raw.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useVideoStyles", {
+    enumerable: true,
+    get: function() {
+        return useVideoStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useVideoStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        display: 'inline-block',
+        verticalAlign: 'middle',
+        width: '100%',
+        height: 'auto'
+    }
+});

package/lib-commonjs/components/Video/Video.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Video/Video.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useVideoStyles = makeStyles({\n  root: {\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    width: '100%',\n    height: 'auto',\n  },\n});\n"],"names":["makeStyles","useVideoStyles","root","display","verticalAlign","width","height"],"mappings":";;;;;;;;;;iCAA2B,6BAA6B;AAEjD,MAAMC,qBAAiBD,2BAAAA,EAAW;IACvCE,MAAM;QACJC,SAAS;QACTC,eAAe;QACfC,OAAO;QACPC,QAAQ;IACV;AACF,GAAG"}

package/lib-commonjs/components/Video/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Video/index.ts"],"sourcesContent":["export type { VideoProps } from './Video';\nexport { Video, videoClassName } from './Video';\n"],"names":["Video","videoClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,KAAK;eAALA,YAAK;;IAAEC,cAAc;eAAdA,qBAAc;;;uBAAQ"}
+{"version":3,"sources":["../src/components/Video/index.ts"],"sourcesContent":["export type { VideoProps } from './Video';\nexport { Video, videoClassName } from './Video';\n"],"names":["Video","videoClassName"],"mappings":";;;;;;;;;;;;eACSA,YAAK;;;eAAEC,qBAAc;;;uBAAQ,UAAU"}

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { GridShim, grid, gridClassName, useGridStyles } from './components/Grid/index';\nexport type { GridShimProps } from './components/Grid/index';\nexport { FormFieldShim } from './components/FormField';\nexport { Segment } from './components/Segment';\nexport { slider } from './components/Slider';\nexport { Video, videoClassName } from './components/Video';\nexport { type VideoProps } from './components/Video';\nexport { input } from './components/Input';\nexport { v0Icon, v9CustomSizeIcon, v9DisabledCursor, v9HoverClasses, v9Icon } from './components/Button';\nexport { spinner } from './components/Spinner';\nexport { StyledText, styledTextClassName } from './components/StyledText';\nexport type { StyledTextProps, StyledTextSlots } from './components/StyledText';\nexport { Primitive, primitiveClassName } from './components/Primitive';\nexport { ItemLayout, itemLayoutClassName, useItemLayoutStyles } from './components/ItemLayout';\nexport { Flex, flexClassName, flexItem, useFlexStyles } from './components/Flex';\nexport {\n  List,\n  ListItem,\n  listClassNames,\n  listItemClassNames,\n  renderListItem_unstable,\n  renderList_unstable,\n  useListItemStyles_unstable,\n  useListItem_unstable,\n  useListSelection,\n  useListStyles_unstable,\n  useList_unstable,\n} from './components/List';\nexport type { ListItemProps, ListItemSlots, ListItemState, ListProps, ListSlots, ListState } from './components/List';\nexport {\n  Attachment,\n  AttachmentAction,\n  AttachmentBody,\n  AttachmentDescription,\n  AttachmentHeader,\n  AttachmentIcon,\n  attachmentClassName,\n  attachmentActionClassName,\n  attachmentBodyClassName,\n  attachmentDescriptionClassName,\n  attachmentHeaderClassName,\n  attachmentIconClassName,\n  attachmentProgressBarClassName,\n  attachmentProgressContainerClassName,\n} from './components/Attachment';\n\nexport type {\n  AttachmentProps,\n  AttachmentActionProps,\n  AttachmentBodyProps,\n  AttachmentDescriptionProps,\n  AttachmentHeaderProps,\n  AttachmentIconProps,\n} from './components/Attachment';\n"],"names":["Attachment","AttachmentAction","AttachmentBody","AttachmentDescription","AttachmentHeader","AttachmentIcon","Flex","FormFieldShim","GridShim","ItemLayout","List","ListItem","Primitive","Segment","StyledText","Video","attachmentActionClassName","attachmentBodyClassName","attachmentClassName","attachmentDescriptionClassName","attachmentHeaderClassName","attachmentIconClassName","attachmentProgressBarClassName","attachmentProgressContainerClassName","flexClassName","flexItem","grid","gridClassName","input","itemLayoutClassName","listClassNames","listItemClassNames","primitiveClassName","renderListItem_unstable","renderList_unstable","slider","spinner","styledTextClassName","useFlexStyles","useGridStyles","useItemLayoutStyles","useListItemStyles_unstable","useListItem_unstable","useListSelection","useListStyles_unstable","useList_unstable","v0Icon","v9CustomSizeIcon","v9DisabledCursor","v9HoverClasses","v9Icon","videoClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA8BEA,UAAU;eAAVA,sBAAU;;IACVC,gBAAgB;eAAhBA,4BAAgB;;IAChBC,cAAc;eAAdA,0BAAc;;IACdC,qBAAqB;eAArBA,iCAAqB;;IACrBC,gBAAgB;eAAhBA,4BAAgB;;IAChBC,cAAc;eAAdA,0BAAc;;IArBPC,IAAI;eAAJA,UAAI;;IAZJC,aAAa;eAAbA,wBAAa;;IAFbC,QAAQ;eAARA,eAAQ;;IAaRC,UAAU;eAAVA,sBAAU;;IAGjBC,IAAI;eAAJA,UAAI;;IACJC,QAAQ;eAARA,cAAQ;;IALDC,SAAS;eAATA,oBAAS;;IATTC,OAAO;eAAPA,gBAAO;;IAOPC,UAAU;eAAVA,sBAAU;;IALVC,KAAK;eAALA,YAAK;;IAgCZC,yBAAyB;eAAzBA,qCAAyB;;IACzBC,uBAAuB;eAAvBA,mCAAuB;;IAFvBC,mBAAmB;eAAnBA,+BAAmB;;IAGnBC,8BAA8B;eAA9BA,0CAA8B;;IAC9BC,yBAAyB;eAAzBA,qCAAyB;;IACzBC,uBAAuB;eAAvBA,mCAAuB;;IACvBC,8BAA8B;eAA9BA,0CAA8B;;IAC9BC,oCAAoC;eAApCA,gDAAoC;;IA7BvBC,aAAa;eAAbA,mBAAa;;IAAEC,QAAQ;eAARA,cAAQ;;IAdnBC,IAAI;eAAJA,WAAI;;IAAEC,aAAa;eAAbA,oBAAa;;IAO7BC,KAAK;eAALA,YAAK;;IAMOC,mBAAmB;eAAnBA,+BAAmB;;IAKtCC,cAAc;eAAdA,oBAAc;;IACdC,kBAAkB;eAAlBA,wBAAkB;;IAPAC,kBAAkB;eAAlBA,6BAAkB;;IAQpCC,uBAAuB;eAAvBA,6BAAuB;;IACvBC,mBAAmB;eAAnBA,yBAAmB;;IAjBZC,MAAM;eAANA,cAAM;;IAKNC,OAAO;eAAPA,gBAAO;;IACKC,mBAAmB;eAAnBA,+BAAmB;;IAIAC,aAAa;eAAbA,mBAAa;;IAdbC,aAAa;eAAbA,oBAAa;;IAaXC,mBAAmB;eAAnBA,+BAAmB;;IAS3DC,0BAA0B;eAA1BA,gCAA0B;;IAC1BC,oBAAoB;eAApBA,0BAAoB;;IACpBC,gBAAgB;eAAhBA,sBAAgB;;IAChBC,sBAAsB;eAAtBA,4BAAsB;;IACtBC,gBAAgB;eAAhBA,sBAAgB;;IAlBTC,MAAM;eAANA,cAAM;;IAAEC,gBAAgB;eAAhBA,wBAAgB;;IAAEC,gBAAgB;eAAhBA,wBAAgB;;IAAEC,cAAc;eAAdA,sBAAc;;IAAEC,MAAM;eAANA,cAAM;;IAH3DC,cAAc;eAAdA,qBAAc;;;uBAL+B;2BAE/B;yBACN;wBACD;uBACe;uBAEhB;wBAC6D;yBAC3D;4BACwB;2BAEF;4BACuB;sBACR;sBAatD;4BAiBA"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { GridShim, grid, gridClassName, useGridStyles } from './components/Grid/index';\nexport type { GridShimProps } from './components/Grid/index';\nexport { FormFieldShim } from './components/FormField';\nexport { Segment } from './components/Segment';\nexport { slider } from './components/Slider';\nexport { Video, videoClassName } from './components/Video';\nexport { type VideoProps } from './components/Video';\nexport { input } from './components/Input';\nexport { v0Icon, v9CustomSizeIcon, v9DisabledCursor, v9HoverClasses, v9Icon } from './components/Button';\nexport { spinner } from './components/Spinner';\nexport { StyledText, styledTextClassName } from './components/StyledText';\nexport type { StyledTextProps, StyledTextSlots } from './components/StyledText';\nexport { Primitive, primitiveClassName } from './components/Primitive';\nexport { ItemLayout, itemLayoutClassName, useItemLayoutStyles } from './components/ItemLayout';\nexport { Flex, flexClassName, flexItem, useFlexStyles } from './components/Flex';\nexport {\n  List,\n  ListItem,\n  listClassNames,\n  listItemClassNames,\n  renderListItem_unstable,\n  renderList_unstable,\n  useListItemStyles_unstable,\n  useListItem_unstable,\n  useListSelection,\n  useListStyles_unstable,\n  useList_unstable,\n} from './components/List';\nexport type { ListItemProps, ListItemSlots, ListItemState, ListProps, ListSlots, ListState } from './components/List';\nexport {\n  Attachment,\n  AttachmentAction,\n  AttachmentBody,\n  AttachmentDescription,\n  AttachmentHeader,\n  AttachmentIcon,\n  attachmentClassName,\n  attachmentActionClassName,\n  attachmentBodyClassName,\n  attachmentDescriptionClassName,\n  attachmentHeaderClassName,\n  attachmentIconClassName,\n  attachmentProgressBarClassName,\n  attachmentProgressContainerClassName,\n} from './components/Attachment';\n\nexport type {\n  AttachmentProps,\n  AttachmentActionProps,\n  AttachmentBodyProps,\n  AttachmentDescriptionProps,\n  AttachmentHeaderProps,\n  AttachmentIconProps,\n} from './components/Attachment';\n"],"names":["GridShim","grid","gridClassName","useGridStyles","FormFieldShim","Segment","slider","Video","videoClassName","input","v0Icon","v9CustomSizeIcon","v9DisabledCursor","v9HoverClasses","v9Icon","spinner","StyledText","styledTextClassName","Primitive","primitiveClassName","ItemLayout","itemLayoutClassName","useItemLayoutStyles","Flex","flexClassName","flexItem","useFlexStyles","List","ListItem","listClassNames","listItemClassNames","renderListItem_unstable","renderList_unstable","useListItemStyles_unstable","useListItem_unstable","useListSelection","useListStyles_unstable","useList_unstable","Attachment","AttachmentAction","AttachmentBody","AttachmentDescription","AttachmentHeader","AttachmentIcon","attachmentClassName","attachmentActionClassName","attachmentBodyClassName","attachmentDescriptionClassName","attachmentHeaderClassName","attachmentIconClassName","attachmentProgressBarClassName","attachmentProgressContainerClassName"],"mappings":";;;;;;;;;;;IA8BEsC;qCAAU;;oBACM;eAAhBC;;kBACc;eAAdC;;IACAC,qBAAqB;;;;eACrBC,4BAAgB;;kBACF;eAAdC;;IArBOpB,IAAI;;;IAZJnB;uCAAa;;;eAFbJ,eAAQ;;;eAaRoB,sBAAU;;;eAGjBO,UAAI;;;eACJC,cAAQ;;;eALDV,oBAAS;;;eATTb,gBAAO;;;eAOPW,sBAAU;;;eALVT,YAAK;;;eAgCZsC,qCAAyB;;;eACzBC,mCAAuB;;;eAFvBF,+BAAmB;;;eAGnBG,0CAA8B;;;eAC9BC,qCAAyB;;;eACzBC,mCAAuB;;kCACO;eAA9BC;;IACAC,oCAAoC;;;;eA7BvB3B,mBAAa;;;eAAEC,cAAQ;;;eAdnBxB,WAAI;;;eAAEC,oBAAa;;;eAO7BO,YAAK;;;eAMOY,+BAAmB;;;eAKtCQ,oBAAc;;;eACdC,wBAAkB;;;eAPAX,6BAAkB;;;eAQpCY,6BAAuB;;uBACJ;eAAnBC;;;eAjBO1B,cAAM;;;eAKNS,gBAAO;;;eACKE,+BAAmB;;;eAIAS,mBAAa;;;eAdbvB,oBAAa;;;eAaXmB,+BAAmB;;;eAS3DW,gCAA0B;;;eAC1BC,0BAAoB;;;eACpBC,sBAAgB;;;eAChBC,4BAAsB;;;eACtBC,sBAAgB;;;eAlBT3B,cAAM;;;eAAEC,wBAAgB;;;eAAEC,wBAAgB;;kBAAgB;eAAdC;;;eAAgBC,cAAM;;;eAH3DN,qBAAc;;;uBAL+B,0BAA0B;2BAEzD,yBAAyB;yBAC/B,uBAAuB;wBACxB,sBAAsB;uBACP,qBAAqB;uBAErC,qBAAqB;wBACwC,sBAAsB;yBACjF,uBAAuB;4BACC,0BAA0B;2BAE5B,yBAAyB;4BACF,0BAA0B;sBAClC,oBAAoB;sBAa1E,oBAAoB;4BAiBpB,0BAA0B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-migration-v0-v9",
-  "version": "9.4.8",
+  "version": "9.6.0",
   "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",
@@ -20,15 +20,15 @@
     "@fluentui/scripts-storybook": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.15.3",
-    "@fluentui/react-components": "^9.66.8",
-    "@fluentui/react-context-selector": "^9.2.2",
+    "@fluentui/react-aria": "^9.16.0",
+    "@fluentui/react-components": "^9.68.0",
+    "@fluentui/react-context-selector": "^9.2.3",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.1.2",
+    "@fluentui/react-jsx-runtime": "^9.1.3",
     "@fluentui/react-shared-contexts": "^9.24.0",
-    "@fluentui/react-tabster": "^9.25.3",
+    "@fluentui/react-tabster": "^9.26.1",
     "@fluentui/react-theme": "^9.1.24",
-    "@fluentui/react-utilities": "^9.22.0",
+    "@fluentui/react-utilities": "^9.23.0",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },