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

package/lib/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":["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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,YAAY,EAAwBC,IAAI,QAAQ,6BAA6B;AAChH,SAASC,aAAa,EAAEC,SAAS,EAAEC,eAAe,QAAQ,sBAAsB;AAqFhF,OAAO,MAAMC,sBAAsB,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;AAEA,OAAO,MAAMC,2BAAahB,MAAMiB,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,aAAa9B;IACnB,MAAM+B,eAAe7B;IACrB,MAAM8B,SAAS/B;IAEf,MAAMgC,OAAOnB,MAAMmB,IAAI,GAAG7B,OAAO,CAACU,MAAMmB,IAAI,CAAC,GAAGnB,MAAMmB,IAAI;IAE1D,MAAMC,WAAWnC,KAAKoC,MAAM,CAC1BtC,yBAAyB,QAAQ;QAC/BkB;QACA,GAAGD,KAAK;QACRa;QACAS,WAAWtC,aACTK,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,qBAAO,KAACT;AACV,GAAG;AAEHtB,WAAWgC,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":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,YAAY,EAAwBC,IAAI,QAAQ,6BAA6B;AAChH,SAASC,aAAa,EAAEC,SAAS,EAAEC,eAAe,QAAQ,sBAAsB;AAqFhF,OAAO,MAAMC,sBAAsB,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;AAEA,OAAO,MAAMC,2BAAahB,MAAMiB,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,aAAa9B;IACnB,MAAM+B,eAAe7B;IACrB,MAAM8B,SAAS/B;IAEf,MAAMgC,OAAOnB,MAAMmB,IAAI,GAAG7B,OAAO,CAACU,MAAMmB,IAAI,CAAC,GAAGnB,MAAMmB,IAAI;IAE1D,MAAMC,WAAWnC,KAAKoC,MAAM,CAC1BtC,yBAAyB,QAAQ;QAC/BkB;QACA,GAAGD,KAAK;QACRa;QACAS,WAAWtC,aACTK,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,qBAAO,KAACT;AACV,GAAG;AAEHtB,WAAWgC,WAAW,GAAG"}

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

@@ -0,0 +1,95 @@
+import { makeStyles, tokens } from '@fluentui/react-components';
+export const useSizeStyles = makeStyles({
+    base100: {
+        fontSize: tokens.fontSizeBase100,
+        lineHeight: tokens.lineHeightBase100
+    },
+    base200: {
+        fontSize: tokens.fontSizeBase200,
+        lineHeight: tokens.lineHeightBase200
+    },
+    base300: {
+        fontSize: tokens.fontSizeBase300,
+        lineHeight: tokens.lineHeightBase300
+    },
+    base400: {
+        fontSize: tokens.fontSizeBase400,
+        lineHeight: tokens.lineHeightBase400
+    },
+    base500: {
+        fontSize: tokens.fontSizeBase500,
+        lineHeight: tokens.lineHeightBase500
+    },
+    base600: {
+        fontSize: tokens.fontSizeBase600,
+        lineHeight: tokens.lineHeightBase600
+    },
+    hero700: {
+        fontSize: tokens.fontSizeHero700,
+        lineHeight: tokens.lineHeightHero700
+    }
+});
+export const useWeightStyles = makeStyles({
+    light: {
+        fontWeight: 200
+    },
+    semilight: {
+        fontWeight: 300
+    },
+    regular: {
+        fontWeight: 400
+    },
+    medium: {
+        fontWeight: 500
+    },
+    semibold: {
+        fontWeight: 600
+    },
+    bold: {
+        fontWeight: 700
+    }
+});
+export const useStyles = makeStyles({
+    mention: {
+        color: tokens.colorBrandForegroundLink
+    },
+    mentionMe: {
+        color: tokens.colorPalettePumpkinBorderActive,
+        fontWeight: 700
+    },
+    disabled: {
+        color: tokens.colorNeutralForegroundDisabled
+    },
+    error: {
+        color: tokens.colorPaletteRedForeground3
+    },
+    important: {
+        color: tokens.colorPaletteDarkOrangeForeground3,
+        fontWeight: 700
+    },
+    success: {
+        color: tokens.colorPaletteGreenForeground3
+    },
+    temporary: {
+        fontStyle: 'italic'
+    },
+    timestamp: {
+        color: tokens.colorNeutralForeground3
+    },
+    nowrap: {
+        whiteSpace: 'nowrap',
+        overflow: 'hidden'
+    },
+    truncate: {
+        textOverflow: 'ellipsis'
+    },
+    alignCenter: {
+        textAlign: 'center'
+    },
+    alignEnd: {
+        textAlign: 'end'
+    },
+    alignJustify: {
+        textAlign: 'justify'
+    }
+});

package/lib/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":"AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,6BAA6B;AAEhE,OAAO,MAAMC,gBAAgBF,WAAW;IACtCG,SAAS;QACPC,UAAUH,OAAOI,eAAe;QAChCC,YAAYL,OAAOM,iBAAiB;IACtC;IACAC,SAAS;QACPJ,UAAUH,OAAOQ,eAAe;QAChCH,YAAYL,OAAOS,iBAAiB;IACtC;IACAC,SAAS;QACPP,UAAUH,OAAOW,eAAe;QAChCN,YAAYL,OAAOY,iBAAiB;IACtC;IACAC,SAAS;QACPV,UAAUH,OAAOc,eAAe;QAChCT,YAAYL,OAAOe,iBAAiB;IACtC;IACAC,SAAS;QACPb,UAAUH,OAAOiB,eAAe;QAChCZ,YAAYL,OAAOkB,iBAAiB;IACtC;IACAC,SAAS;QACPhB,UAAUH,OAAOoB,eAAe;QAChCf,YAAYL,OAAOqB,iBAAiB;IACtC;IACAC,SAAS;QACPnB,UAAUH,OAAOuB,eAAe;QAChClB,YAAYL,OAAOwB,iBAAiB;IACtC;AACF,GAAG;AAEH,OAAO,MAAMC,kBAAkB1B,WAAW;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;AAEH,OAAO,MAAMM,YAAYlC,WAAW;IAClCmC,SAAS;QACPC,OAAOnC,OAAOoC,wBAAwB;IACxC;IACAC,WAAW;QACTF,OAAOnC,OAAOsC,+BAA+B;QAC7CX,YAAY;IACd;IACAY,UAAU;QACRJ,OAAOnC,OAAOwC,8BAA8B;IAC9C;IACAC,OAAO;QACLN,OAAOnC,OAAO0C,0BAA0B;IAC1C;IACAC,WAAW;QACTR,OAAOnC,OAAO4C,iCAAiC;QAC/CjB,YAAY;IACd;IACAkB,SAAS;QACPV,OAAOnC,OAAO8C,4BAA4B;IAC5C;IACAC,WAAW;QACTC,WAAW;IACb;IACAC,WAAW;QACTd,OAAOnC,OAAOkD,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/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":"AACA,SAASA,UAAU,EAAEC,mBAAmB,QAAQ,eAAe;AAC/D,SAASC,aAAa,EAAEC,SAAS,EAAEC,eAAe,QAAQ,sBAAsB"}
+{"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":"AACA,SAASA,UAAU,EAAEC,mBAAmB,QAAQ,eAAe;AAC/D,SAASC,aAAa,EAAEC,SAAS,EAAEC,eAAe,QAAQ,sBAAsB"}

package/lib/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":["mergeClasses","useMergedRefs","React","useVideoStyles","videoClassName","Video","forwardRef","props","ref","className","muted","rest","videoRef","useRef","classes","useEffect","current","src","video","role","root","controls","autoPlay","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,EAAEC,aAAa,QAAQ,6BAA6B;AACzE,YAAYC,WAAW,QAAQ;AAC/B,SAASC,cAAc,QAAQ,iBAAiB;AAEhD,OAAO,MAAMC,iBAAiB,YAAY;AAuC1C,OAAO,MAAMC,sBAAQH,MAAMI,UAAU,CAA+B,CAACC,OAAOC;IAC1E;IAEA,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGJ;IAEtC,MAAMK,WAAWV,MAAMW,MAAM;IAE7B,MAAMC,UAAUX;IAChBD,MAAMa,SAAS,CAAC;QACd,4IAA4I;QAC5I,+DAA+D;QAC/D,OAAO;YACL,IAAIH,qBAAAA,+BAAAA,SAAUI,OAAO,EAAE;gBACrB,gEAAgE;gBAChE,uDAAuD;gBACvDJ,SAASI,OAAO,CAACC,GAAG,GAAG;YACzB;QACF;IACF,GAAG;QAACL;KAAS;IAEbV,MAAMa,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,qBACE,oBAACQ;QACCV,KAAKP,cAAcO,KAAKI;QACxBO,MAAK;QACLV,WAAWT,aAAaI,gBAAgBU,QAAQM,IAAI,EAAEX;QACtDY,UAAU;QACVC,UAAU;QACVZ,OAAOA;QACN,GAAGC,IAAI;;AAGd,GAAG;AAEHN,MAAMkB,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":"AAAA,SAASA,YAAY,EAAEC,aAAa,QAAQ,6BAA6B;AACzE,YAAYC,WAAW,QAAQ;AAC/B,SAASC,cAAc,QAAQ,iBAAiB;AAEhD,OAAO,MAAMC,iBAAiB,YAAY;AAuC1C,OAAO,MAAMC,sBAAQH,MAAMI,UAAU,CAA+B,CAACC,OAAOC;IAC1E;IAEA,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGJ;IAEtC,MAAMK,WAAWV,MAAMW,MAAM;IAE7B,MAAMC,UAAUX;IAChBD,MAAMa,SAAS,CAAC;QACd,4IAA4I;QAC5I,+DAA+D;QAC/D,OAAO;YACL,IAAIH,qBAAAA,+BAAAA,SAAUI,OAAO,EAAE;gBACrB,gEAAgE;gBAChE,uDAAuD;gBACvDJ,SAASI,OAAO,CAACC,GAAG,GAAG;YACzB;QACF;IACF,GAAG;QAACL;KAAS;IAEbV,MAAMa,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,qBACE,oBAACQ;QACCV,KAAKP,cAAcO,KAAKI;QACxBO,MAAK;QACLV,WAAWT,aAAaI,gBAAgBU,QAAQM,IAAI,EAAEX;QACtDY,UAAU;QACVC,UAAU;QACVZ,OAAOA;QACN,GAAGC,IAAI;;AAGd,GAAG;AAEHN,MAAMkB,WAAW,GAAG"}

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

@@ -0,0 +1,9 @@
+import { makeStyles } from '@fluentui/react-components';
+export const useVideoStyles = makeStyles({
+    root: {
+        display: 'inline-block',
+        verticalAlign: 'middle',
+        width: '100%',
+        height: 'auto'
+    }
+});

package/lib/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":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,OAAO,MAAMC,iBAAiBD,WAAW;IACvCE,MAAM;QACJC,SAAS;QACTC,eAAe;QACfC,OAAO;QACPC,QAAQ;IACV;AACF,GAAG"}

package/lib/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":"AACA,SAASA,KAAK,EAAEC,cAAc,QAAQ,UAAU"}
+{"version":3,"sources":["../src/components/Video/index.ts"],"sourcesContent":["export type { VideoProps } from './Video';\nexport { Video, videoClassName } from './Video';\n"],"names":["Video","videoClassName"],"mappings":"AACA,SAASA,KAAK,EAAEC,cAAc,QAAQ,UAAU"}

package/lib/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":["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"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,SAASA,QAAQ,EAAEC,IAAI,EAAEC,aAAa,EAAEC,aAAa,QAAQ,0BAA0B;AAEvF,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,KAAK,EAAEC,cAAc,QAAQ,qBAAqB;AAE3D,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,MAAM,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,MAAM,QAAQ,sBAAsB;AACzG,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,UAAU,EAAEC,mBAAmB,QAAQ,0BAA0B;AAE1E,SAASC,SAAS,EAAEC,kBAAkB,QAAQ,yBAAyB;AACvE,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,mBAAmB,QAAQ,0BAA0B;AAC/F,SAASC,IAAI,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,oBAAoB;AACjF,SACEC,IAAI,EACJC,QAAQ,EACRC,cAAc,EACdC,kBAAkB,EAClBC,uBAAuB,EACvBC,mBAAmB,EACnBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,gBAAgB,EAChBC,sBAAsB,EACtBC,gBAAgB,QACX,oBAAoB;AAE3B,SACEC,UAAU,EACVC,gBAAgB,EAChBC,cAAc,EACdC,qBAAqB,EACrBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,EACnBC,yBAAyB,EACzBC,uBAAuB,EACvBC,8BAA8B,EAC9BC,yBAAyB,EACzBC,uBAAuB,EACvBC,8BAA8B,EAC9BC,oCAAoC,QAC/B,0BAA0B"}
+{"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":"AAAA,SAASA,QAAQ,EAAEC,IAAI,EAAEC,aAAa,EAAEC,aAAa,QAAQ,0BAA0B;AAEvF,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,KAAK,EAAEC,cAAc,QAAQ,qBAAqB;AAE3D,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,MAAM,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,MAAM,QAAQ,sBAAsB;AACzG,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,UAAU,EAAEC,mBAAmB,QAAQ,0BAA0B;AAE1E,SAASC,SAAS,EAAEC,kBAAkB,QAAQ,yBAAyB;AACvE,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,mBAAmB,QAAQ,0BAA0B;AAC/F,SAASC,IAAI,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,oBAAoB;AACjF,SACEC,IAAI,EACJC,QAAQ,EACRC,cAAc,EACdC,kBAAkB,EAClBC,uBAAuB,EACvBC,mBAAmB,EACnBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,gBAAgB,EAChBC,sBAAsB,EACtBC,gBAAgB,QACX,oBAAoB;AAE3B,SACEC,UAAU,EACVC,gBAAgB,EAChBC,cAAc,EACdC,qBAAqB,EACrBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,EACnBC,yBAAyB,EACzBC,uBAAuB,EACvBC,8BAA8B,EAC9BC,yBAAyB,EACzBC,uBAAuB,EACvBC,8BAA8B,EAC9BC,oCAAoC,QAC/B,0BAA0B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/Attachment.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport * as React from 'react';\n\nimport { useAttachmentBaseStyles, useAttachmentStyles } from './Attachment.styles';\n\nexport const attachmentClassName = 'fui-Attachment';\nexport const attachmentProgressContainerClassName = `${attachmentClassName}__progress-container`;\nexport const attachmentProgressBarClassName = `${attachmentClassName}__progress`;\n\nexport interface AttachmentProps extends React.HTMLAttributes<HTMLElement> {\n  actionable?: boolean;\n  disabled?: boolean;\n  progress?: string | number;\n  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n}\n\nexport const Attachment = React.forwardRef<HTMLDivElement, AttachmentProps>((props, ref) => {\n  const { actionable, className, children, disabled, onClick, progress, onKeyDown, onKeyUp, ...rest } = props;\n  const attachmentBaseClass = useAttachmentBaseStyles();\n  const classes = useAttachmentStyles();\n\n  const buttonProps = useARIAButtonProps('div', {\n    disabled,\n    onClick,\n    onKeyDown: onKeyDown as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n    onKeyUp: onKeyUp as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n  });\n\n  return (\n    <div\n      ref={ref}\n      className={mergeClasses(attachmentClassName, attachmentBaseClass, actionable && classes.actionable, className)}\n      {...(actionable && {\n        'data-is-focusable': true,\n        ...buttonProps,\n      })}\n      {...rest}\n    >\n      {children}\n      {!isNaN(Number(progress)) && (\n        <div className={mergeClasses(attachmentProgressContainerClassName, classes.progressContainer)}>\n          <div\n            className={mergeClasses(classes.progressBar, attachmentProgressBarClassName)}\n            style={{ width: `${progress}%` }}\n          />\n        </div>\n      )}\n    </div>\n  );\n});\n\nAttachment.displayName = 'Attachment';\n"],"names":["Attachment","attachmentClassName","attachmentProgressBarClassName","attachmentProgressContainerClassName","React","forwardRef","props","ref","actionable","className","children","disabled","onClick","progress","onKeyDown","onKeyUp","rest","attachmentBaseClass","useAttachmentBaseStyles","classes","useAttachmentStyles","buttonProps","useARIAButtonProps","createElement","div","mergeClasses","isNaN","Number","progressContainer","progressBar","style","width","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAiBaA,UAAAA;eAAAA;;IAXAC,mBAAAA;eAAAA;;IAEAC,8BAAAA;eAAAA;;IADAC,oCAAAA;eAAAA;;;;iCAPgB;2BACM;iEACZ;kCAEsC;AAEtD,MAAMF,sBAAsB;AAC5B,MAAME,uCAAuC,CAAC,EAAEF,oBAAoB,oBAAoB,CAAC;AACzF,MAAMC,iCAAiC,CAAC,EAAED,oBAAoB,UAAU,CAAC;AASzE,MAAMD,aAAAA,WAAAA,GAAaI,OAAMC,UAAU,CAAkC,CAACC,OAAOC;IAClF,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC,MAAM,GAAGV;IACtG,MAAMW,sBAAsBC,IAAAA,yCAAAA;IAC5B,MAAMC,UAAUC,IAAAA,qCAAAA;IAEhB,MAAMC,cAAcC,IAAAA,6BAAAA,EAAmB,OAAO;QAC5CX;QACAC;QACAE,WAAWA;QACXC,SAASA;IACX;IAEA,OAAA,WAAA,GACEX,OAAAmB,aAAA,CAACC,OAAAA;QACCjB,KAAKA;QACLE,WAAWgB,IAAAA,6BAAAA,EAAaxB,qBAAqBgB,qBAAqBT,cAAcW,QAAQX,UAAU,EAAEC;QACnG,GAAID,cAAc;YACjB,qBAAqB;YACrB,GAAGa,WAAW;QAChB,CAAC;QACA,GAAGL,IAAI;OAEPN,UACA,CAACgB,MAAMC,OAAOd,cAAAA,WAAAA,GACbT,OAAAmB,aAAA,CAACC,OAAAA;QAAIf,WAAWgB,IAAAA,6BAAAA,EAAatB,sCAAsCgB,QAAQS,iBAAiB;qBAC1FxB,OAAAmB,aAAA,CAACC,OAAAA;QACCf,WAAWgB,IAAAA,6BAAAA,EAAaN,QAAQU,WAAW,EAAE3B;QAC7C4B,OAAO;YAAEC,OAAO,CAAC,EAAElB,SAAS,CAAC,CAAC;QAAC;;AAM3C;AAEAb,WAAWgC,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/Attachment.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport * as React from 'react';\n\nimport { useAttachmentBaseStyles, useAttachmentStyles } from './Attachment.styles';\n\nexport const attachmentClassName = 'fui-Attachment';\nexport const attachmentProgressContainerClassName = `${attachmentClassName}__progress-container`;\nexport const attachmentProgressBarClassName = `${attachmentClassName}__progress`;\n\nexport interface AttachmentProps extends React.HTMLAttributes<HTMLElement> {\n  actionable?: boolean;\n  disabled?: boolean;\n  progress?: string | number;\n  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n}\n\nexport const Attachment = React.forwardRef<HTMLDivElement, AttachmentProps>((props, ref) => {\n  const { actionable, className, children, disabled, onClick, progress, onKeyDown, onKeyUp, ...rest } = props;\n  const attachmentBaseClass = useAttachmentBaseStyles();\n  const classes = useAttachmentStyles();\n\n  const buttonProps = useARIAButtonProps('div', {\n    disabled,\n    onClick,\n    onKeyDown: onKeyDown as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n    onKeyUp: onKeyUp as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n  });\n\n  return (\n    <div\n      ref={ref}\n      className={mergeClasses(attachmentClassName, attachmentBaseClass, actionable && classes.actionable, className)}\n      {...(actionable && {\n        'data-is-focusable': true,\n        ...buttonProps,\n      })}\n      {...rest}\n    >\n      {children}\n      {!isNaN(Number(progress)) && (\n        <div className={mergeClasses(attachmentProgressContainerClassName, classes.progressContainer)}>\n          <div\n            className={mergeClasses(classes.progressBar, attachmentProgressBarClassName)}\n            style={{ width: `${progress}%` }}\n          />\n        </div>\n      )}\n    </div>\n  );\n});\n\nAttachment.displayName = 'Attachment';\n"],"names":["mergeClasses","useARIAButtonProps","React","useAttachmentBaseStyles","useAttachmentStyles","attachmentClassName","attachmentProgressContainerClassName","attachmentProgressBarClassName","Attachment","forwardRef","props","ref","actionable","className","children","disabled","onClick","progress","onKeyDown","onKeyUp","rest","attachmentBaseClass","classes","buttonProps","div","isNaN","Number","progressContainer","progressBar","style","width","displayName"],"mappings":";;;;;;;;;;;IAiBaQ,UAAAA;;;uBAXAH;;;kCAEAE;;;wCADAD;;;;;iCAPgB,6BAA6B;2BACvB,uBAAuB;iEACnC,QAAQ;kCAE8B,sBAAsB;AAE5E,MAAMD,sBAAsB,iBAAiB;AAC7C,MAAMC,uCAAuC,GAAGD,oBAAoB,oBAAoB,CAAC,CAAC;AAC1F,MAAME,iCAAiC,GAAGF,oBAAoB,UAAU,CAAC,CAAC;AAS1E,mBAAMG,WAAAA,GAAaN,OAAMO,UAAU,CAAkC,CAACC,OAAOC;IAClF,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC,MAAM,GAAGV;IACtG,MAAMW,0BAAsBlB,yCAAAA;IAC5B,MAAMmB,UAAUlB,yCAAAA;IAEhB,MAAMmB,kBAActB,6BAAAA,EAAmB,OAAO;QAC5Cc;QACAC;QACAE,WAAWA;QACXC,SAASA;IACX;IAEA,OAAA,WAAA,GACE,OAAA,aAAA,CAACK,OAAAA;QACCb,KAAKA;QACLE,eAAWb,6BAAAA,EAAaK,qBAAqBgB,qBAAqBT,cAAcU,QAAQV,UAAU,EAAEC;QACnG,GAAID,cAAc;YACjB,qBAAqB;YACrB,GAAGW,WAAW;QAChB,CAAC;QACA,GAAGH,IAAI;OAEPN,UACA,CAACW,MAAMC,OAAOT,cAAAA,WAAAA,GACb,OAAA,aAAA,CAACO,OAAAA;QAAIX,eAAWb,6BAAAA,EAAaM,sCAAsCgB,QAAQK,iBAAiB;qBAC1F,OAAA,aAAA,CAACH,OAAAA;QACCX,WAAWb,iCAAAA,EAAasB,QAAQM,WAAW,EAAErB;QAC7CsB,OAAO;YAAEC,OAAO,GAAGb,SAAS,CAAC,CAAC;QAAC;;AAM3C,GAAG;AAEHT,WAAWuB,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["Attachment.styles.js"],"sourcesContent":["import { createCustomFocusIndicatorStyle, makeResetStyles, makeStyles, shorthands, tokens } from '@fluentui/react-components';\nimport { attachmentActionClassName } from './AttachmentAction';\nimport { attachmentIconClassName } from './AttachmentIcon';\nexport const useAttachmentBaseStyles = makeResetStyles({\n    ...createCustomFocusIndicatorStyle({\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n        borderRadius: tokens.borderRadiusMedium,\n        backgroundColor: undefined,\n        color: undefined,\n        [`& .${attachmentActionClassName}`]: {\n            color: undefined\n        },\n        [`& .${attachmentIconClassName}`]: {\n            color: undefined\n        }\n    }, {\n        selector: 'focus'\n    }),\n    position: 'relative',\n    display: 'inline-flex',\n    alignItems: 'center',\n    width: '100%',\n    maxWidth: '424px',\n    minHeight: '32px',\n    ...shorthands.padding('7px', '3px', '7px', '11px'),\n    marginBottom: '2px',\n    marginRight: '2px',\n    backgroundColor: tokens.colorNeutralBackground6,\n    color: tokens.colorNeutralForeground1,\n    boxShadow: `0 .2rem .4rem -.075rem ${tokens.colorNeutralShadowAmbient}`,\n    ...shorthands.border('1px', 'solid', tokens.colorNeutralStroke3),\n    borderRadius: '4px'\n});\nexport const useAttachmentStyles = makeStyles({\n    actionable: {\n        cursor: 'pointer',\n        ':hover': {\n            backgroundColor: tokens.colorNeutralBackground4Hover\n        }\n    },\n    progressContainer: {\n        borderBottomLeftRadius: '4px',\n        borderBottomRightRadius: '4px',\n        bottom: 0,\n        height: '4px',\n        left: 0,\n        overflow: 'hidden',\n        position: 'absolute',\n        right: 0\n    },\n    progressBar: {\n        backgroundColor: tokens.colorPaletteLightGreenBackground3,\n        height: '100%',\n        maxWidth: '100%',\n        transition: 'width 0.2s'\n    }\n});\n"],"names":["useAttachmentBaseStyles","useAttachmentStyles","__resetStyles","__styles","actionable","Bceei9c","Jwef8y","progressContainer","Beyfa6y","Bbmb7ep","B5kzvoi","Bqenvij","oyh7mz","B68tc82","Bmxbyg5","Bpg54ce","qhf8xq","j35jbq","progressBar","De3pzq","B2u0y6b","Bn62ygk","Cwk7ip","B3o57yi","Bmy1vo4","Bkqvd7p","Bi2q7bf","d","p","h"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,uBAAuB;eAAvBA;;IA8BAC,mBAAmB;eAAnBA;;;iCAjCoF;AAG1F,MAAMD,0BAAuB,WAAA,GAAGE,IAAAA,8BAAA,EAAA,WAAA,WAAA;IAAA;IAAA;IAAA;IAAA;CA6BtC;AACM,MAAMD,sBAAmB,WAAA,GAAGE,IAAAA,yBAAA,EAAA;IAAAC,YAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,mBAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,aAAA;QAAAC,QAAA;QAAAR,SAAA;QAAAS,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;KAAA;IAAAC,GAAA;QAAA;KAAA;AAAA"}
+{"version":3,"sources":["Attachment.styles.js"],"sourcesContent":["import { createCustomFocusIndicatorStyle, makeResetStyles, makeStyles, shorthands, tokens } from '@fluentui/react-components';\nimport { attachmentActionClassName } from './AttachmentAction';\nimport { attachmentIconClassName } from './AttachmentIcon';\nexport const useAttachmentBaseStyles = makeResetStyles({\n    ...createCustomFocusIndicatorStyle({\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n        borderRadius: tokens.borderRadiusMedium,\n        backgroundColor: undefined,\n        color: undefined,\n        [`& .${attachmentActionClassName}`]: {\n            color: undefined\n        },\n        [`& .${attachmentIconClassName}`]: {\n            color: undefined\n        }\n    }, {\n        selector: 'focus'\n    }),\n    position: 'relative',\n    display: 'inline-flex',\n    alignItems: 'center',\n    width: '100%',\n    maxWidth: '424px',\n    minHeight: '32px',\n    ...shorthands.padding('7px', '3px', '7px', '11px'),\n    marginBottom: '2px',\n    marginRight: '2px',\n    backgroundColor: tokens.colorNeutralBackground6,\n    color: tokens.colorNeutralForeground1,\n    boxShadow: `0 .2rem .4rem -.075rem ${tokens.colorNeutralShadowAmbient}`,\n    ...shorthands.border('1px', 'solid', tokens.colorNeutralStroke3),\n    borderRadius: '4px'\n});\nexport const useAttachmentStyles = makeStyles({\n    actionable: {\n        cursor: 'pointer',\n        ':hover': {\n            backgroundColor: tokens.colorNeutralBackground4Hover\n        }\n    },\n    progressContainer: {\n        borderBottomLeftRadius: '4px',\n        borderBottomRightRadius: '4px',\n        bottom: 0,\n        height: '4px',\n        left: 0,\n        overflow: 'hidden',\n        position: 'absolute',\n        right: 0\n    },\n    progressBar: {\n        backgroundColor: tokens.colorPaletteLightGreenBackground3,\n        height: '100%',\n        maxWidth: '100%',\n        transition: 'width 0.2s'\n    }\n});\n"],"names":["createCustomFocusIndicatorStyle","__resetStyles","__styles","shorthands","tokens","attachmentActionClassName","attachmentIconClassName","useAttachmentBaseStyles","useAttachmentStyles","actionable","Bceei9c","Jwef8y","progressContainer","Beyfa6y","Bbmb7ep","B5kzvoi","Bqenvij","oyh7mz","B68tc82","Bmxbyg5","Bpg54ce","qhf8xq","j35jbq","progressBar","De3pzq","B2u0y6b","Bn62ygk","Cwk7ip","B3o57yi","Bmy1vo4","Bkqvd7p","Bi2q7bf","d","p","h"],"mappings":";;;;;;;;;;;2BAGoC;eAAvBO;;uBA8BmB;eAAnBC;;;iCAjCoF,4BAA4B;AAGtH,gCAA6B,WAAA,OAAGP,8BAAA,EAAA,WAAA,WAAA;IAAA;IAAA;IAAA;IAAA;CA6BtC,CAAC;AACK,4BAAyB,WAAA,OAAGC,yBAAA,EAAA;IAAAO,UAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,iBAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,WAAA,EAAA;QAAAC,MAAA,EAAA;QAAAR,OAAA,EAAA;QAAAS,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAuBlC,CAAC"}

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

@@ -0,0 +1,75 @@
+"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, {
+    useAttachmentBaseStyles: function() {
+        return useAttachmentBaseStyles;
+    },
+    useAttachmentStyles: function() {
+        return useAttachmentStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _AttachmentAction = require("./AttachmentAction");
+const _AttachmentIcon = require("./AttachmentIcon");
+const useAttachmentBaseStyles = (0, _reactcomponents.makeResetStyles)({
+    ...(0, _reactcomponents.createCustomFocusIndicatorStyle)({
+        outline: `${_reactcomponents.tokens.strokeWidthThick} solid ${_reactcomponents.tokens.colorStrokeFocus2}`,
+        borderRadius: _reactcomponents.tokens.borderRadiusMedium,
+        backgroundColor: undefined,
+        color: undefined,
+        [`& .${_AttachmentAction.attachmentActionClassName}`]: {
+            color: undefined
+        },
+        [`& .${_AttachmentIcon.attachmentIconClassName}`]: {
+            color: undefined
+        }
+    }, {
+        selector: 'focus'
+    }),
+    position: 'relative',
+    display: 'inline-flex',
+    alignItems: 'center',
+    width: '100%',
+    maxWidth: '424px',
+    minHeight: '32px',
+    ..._reactcomponents.shorthands.padding('7px', '3px', '7px', '11px'),
+    marginBottom: '2px',
+    marginRight: '2px',
+    backgroundColor: _reactcomponents.tokens.colorNeutralBackground6,
+    color: _reactcomponents.tokens.colorNeutralForeground1,
+    boxShadow: `0 .2rem .4rem -.075rem ${_reactcomponents.tokens.colorNeutralShadowAmbient}`,
+    ..._reactcomponents.shorthands.border('1px', 'solid', _reactcomponents.tokens.colorNeutralStroke3),
+    borderRadius: '4px'
+});
+const useAttachmentStyles = (0, _reactcomponents.makeStyles)({
+    actionable: {
+        cursor: 'pointer',
+        ':hover': {
+            backgroundColor: _reactcomponents.tokens.colorNeutralBackground4Hover
+        }
+    },
+    progressContainer: {
+        borderBottomLeftRadius: '4px',
+        borderBottomRightRadius: '4px',
+        bottom: 0,
+        height: '4px',
+        left: 0,
+        overflow: 'hidden',
+        position: 'absolute',
+        right: 0
+    },
+    progressBar: {
+        backgroundColor: _reactcomponents.tokens.colorPaletteLightGreenBackground3,
+        height: '100%',
+        maxWidth: '100%',
+        transition: 'width 0.2s'
+    }
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Attachment/Attachment.styles.ts"],"sourcesContent":["import {\n  createCustomFocusIndicatorStyle,\n  makeResetStyles,\n  makeStyles,\n  shorthands,\n  tokens,\n} from '@fluentui/react-components';\nimport { attachmentActionClassName } from './AttachmentAction';\nimport { attachmentIconClassName } from './AttachmentIcon';\n\nexport const useAttachmentBaseStyles = makeResetStyles({\n  ...createCustomFocusIndicatorStyle(\n    {\n      outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n      borderRadius: tokens.borderRadiusMedium,\n      backgroundColor: undefined,\n      color: undefined,\n      [`& .${attachmentActionClassName}`]: {\n        color: undefined,\n      },\n\n      [`& .${attachmentIconClassName}`]: {\n        color: undefined,\n      },\n    },\n    { selector: 'focus' },\n  ),\n  position: 'relative',\n  display: 'inline-flex',\n  alignItems: 'center',\n  width: '100%',\n  maxWidth: '424px',\n  minHeight: '32px',\n  ...shorthands.padding('7px', '3px', '7px', '11px'),\n  marginBottom: '2px',\n  marginRight: '2px',\n  backgroundColor: tokens.colorNeutralBackground6,\n  color: tokens.colorNeutralForeground1,\n  boxShadow: `0 .2rem .4rem -.075rem ${tokens.colorNeutralShadowAmbient}`,\n  ...shorthands.border('1px', 'solid', tokens.colorNeutralStroke3),\n  borderRadius: '4px',\n});\n\nexport const useAttachmentStyles = makeStyles({\n  actionable: {\n    cursor: 'pointer',\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground4Hover,\n    },\n  },\n  progressContainer: {\n    borderBottomLeftRadius: '4px',\n    borderBottomRightRadius: '4px',\n    bottom: 0,\n    height: '4px',\n    left: 0,\n    overflow: 'hidden',\n    position: 'absolute',\n    right: 0,\n  },\n  progressBar: {\n    backgroundColor: tokens.colorPaletteLightGreenBackground3,\n    height: '100%',\n    maxWidth: '100%',\n    transition: 'width 0.2s',\n  },\n});\n"],"names":["createCustomFocusIndicatorStyle","makeResetStyles","makeStyles","shorthands","tokens","attachmentActionClassName","attachmentIconClassName","useAttachmentBaseStyles","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","backgroundColor","undefined","color","selector","position","display","alignItems","width","maxWidth","minHeight","padding","marginBottom","marginRight","colorNeutralBackground6","colorNeutralForeground1","boxShadow","colorNeutralShadowAmbient","border","colorNeutralStroke3","useAttachmentStyles","actionable","cursor","colorNeutralBackground4Hover","progressContainer","borderBottomLeftRadius","borderBottomRightRadius","bottom","height","left","overflow","right","progressBar","colorPaletteLightGreenBackground3","transition"],"mappings":";;;;;;;;;;;IAUaO,uBAAAA;;;uBAiCAyB;eAAAA;;;iCArCN,6BAA6B;kCACM,qBAAqB;gCACvB,mBAAmB;AAEpD,oCAAgC/B,gCAAAA,EAAgB;IACrD,OAAGD,gDAAAA,EACD;QACEQ,SAAS,GAAGJ,uBAAAA,CAAOK,gBAAgB,CAAC,OAAO,EAAEL,uBAAAA,CAAOM,iBAAiB,EAAE;QACvEC,cAAcP,uBAAAA,CAAOQ,kBAAkB;QACvCC,iBAAiBC;QACjBC,OAAOD;QACP,CAAC,CAAC,GAAG,EAAET,2CAAAA,EAA2B,CAAC,EAAE;YACnCU,OAAOD;QACT;QAEA,CAAC,CAAC,GAAG,EAAER,uCAAAA,EAAyB,CAAC,EAAE;YACjCS,OAAOD;QACT;IACF,GACA;QAAEE,UAAU;IAAQ,EACrB;IACDC,UAAU;IACVC,SAAS;IACTC,YAAY;IACZC,OAAO;IACPC,UAAU;IACVC,WAAW;IACX,GAAGnB,2BAAAA,CAAWoB,OAAO,CAAC,OAAO,OAAO,OAAO,OAAO;IAClDC,cAAc;IACdC,aAAa;IACbZ,iBAAiBT,uBAAAA,CAAOsB,uBAAuB;IAC/CX,OAAOX,uBAAAA,CAAOuB,uBAAuB;IACrCC,WAAW,CAAC,uBAAuB,EAAExB,uBAAAA,CAAOyB,yBAAyB,EAAE;IACvE,GAAG1B,2BAAAA,CAAW2B,MAAM,CAAC,OAAO,SAAS1B,uBAAAA,CAAO2B,mBAAmB,CAAC;IAChEpB,cAAc;AAChB,GAAG;AAEI,gCAA4BT,2BAAAA,EAAW;IAC5C+B,YAAY;QACVC,QAAQ;QACR,UAAU;YACRrB,iBAAiBT,uBAAAA,CAAO+B,4BAA4B;QACtD;IACF;IACAC,mBAAmB;QACjBC,wBAAwB;QACxBC,yBAAyB;QACzBC,QAAQ;QACRC,QAAQ;QACRC,MAAM;QACNC,UAAU;QACVzB,UAAU;QACV0B,OAAO;IACT;IACAC,aAAa;QACX/B,iBAAiBT,uBAAAA,CAAOyC,iCAAiC;QACzDL,QAAQ;QACRnB,UAAU;QACVyB,YAAY;IACd;AACF,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentAction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentAction.tsx"],"sourcesContent":["import { Button, ButtonProps, mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentActionStyles } from './AttachmentAction.styles';\n\nexport type AttachmentActionProps = ButtonProps;\n\nexport const attachmentActionClassName = 'fui-AttachmentAction';\n\nexport const AttachmentAction = React.forwardRef<HTMLButtonElement, AttachmentActionProps>((props, ref) => {\n  const { className, disabled, disabledFocusable, children, onClick, onKeyUp, onKeyDown, ...rest } = props;\n  const classes = useAttachmentActionStyles();\n\n  const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement>>(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick?.(e);\n    },\n    [onClick],\n  );\n\n  const handleKeyUp = React.useCallback<React.KeyboardEventHandler<HTMLAnchorElement & HTMLButtonElement>>(\n    e => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.stopPropagation();\n      }\n      onKeyUp?.(e);\n    },\n    [onKeyUp],\n  );\n\n  const handleKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLButtonElement & HTMLAnchorElement>>(\n    e => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.stopPropagation();\n      }\n      onKeyDown?.(e);\n    },\n    [onKeyDown],\n  );\n\n  return (\n    <Button\n      ref={ref}\n      className={mergeClasses(\n        attachmentActionClassName,\n        classes.root,\n        (disabled || disabledFocusable) && classes.disabled,\n        className,\n      )}\n      appearance=\"transparent\"\n      disabled={disabled}\n      disabledFocusable={disabledFocusable}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      onKeyUp={handleKeyUp}\n      {...rest}\n    >\n      {children}\n    </Button>\n  );\n});\n\nAttachmentAction.displayName = 'AttachmentAction';\n"],"names":["AttachmentAction","attachmentActionClassName","React","forwardRef","props","ref","className","disabled","disabledFocusable","children","onClick","onKeyUp","onKeyDown","rest","classes","useAttachmentActionStyles","handleClick","useCallback","e","stopPropagation","preventDefault","handleKeyUp","key","handleKeyDown","createElement","Button","mergeClasses","root","appearance","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,gBAAAA;eAAAA;;IAFAC,yBAAAA;eAAAA;;;;iCANqC;iEAC3B;wCACmB;AAInC,MAAMA,4BAA4B;AAElC,MAAMD,mBAAAA,WAAAA,GAAmBE,OAAMC,UAAU,CAA2C,CAACC,OAAOC;IACjG,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGT;IACnG,MAAMU,UAAUC,IAAAA,iDAAAA;IAEhB,MAAMC,cAAcd,OAAMe,WAAW,CACnCC,CAAAA;QACEA,EAAEC,eAAe;QACjBD,EAAEE,cAAc;QAChBV,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUQ;IACZ,GACA;QAACR;KAAQ;IAGX,MAAMW,cAAcnB,OAAMe,WAAW,CACnCC,CAAAA;QACE,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACtCJ,EAAEC,eAAe;QACnB;QACAR,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUO;IACZ,GACA;QAACP;KAAQ;IAGX,MAAMY,gBAAgBrB,OAAMe,WAAW,CACrCC,CAAAA;QACE,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACtCJ,EAAEC,eAAe;QACnB;QACAP,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAYM;IACd,GACA;QAACN;KAAU;IAGb,OAAA,WAAA,GACEV,OAAAsB,aAAA,CAACC,uBAAAA,EAAAA;QACCpB,KAAKA;QACLC,WAAWoB,IAAAA,6BAAAA,EACTzB,2BACAa,QAAQa,IAAI,EACZ,AAACpB,CAAAA,YAAYC,iBAAAA,KAAsBM,QAAQP,QAAQ,EACnDD;QAEFsB,YAAW;QACXrB,UAAUA;QACVC,mBAAmBA;QACnBE,SAASM;QACTJ,WAAWW;QACXZ,SAASU;QACR,GAAGR,IAAI;OAEPJ;AAGP;AAEAT,iBAAiB6B,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/AttachmentAction.tsx"],"sourcesContent":["import { Button, ButtonProps, mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentActionStyles } from './AttachmentAction.styles';\n\nexport type AttachmentActionProps = ButtonProps;\n\nexport const attachmentActionClassName = 'fui-AttachmentAction';\n\nexport const AttachmentAction = React.forwardRef<HTMLButtonElement, AttachmentActionProps>((props, ref) => {\n  const { className, disabled, disabledFocusable, children, onClick, onKeyUp, onKeyDown, ...rest } = props;\n  const classes = useAttachmentActionStyles();\n\n  const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement>>(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick?.(e);\n    },\n    [onClick],\n  );\n\n  const handleKeyUp = React.useCallback<React.KeyboardEventHandler<HTMLAnchorElement & HTMLButtonElement>>(\n    e => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.stopPropagation();\n      }\n      onKeyUp?.(e);\n    },\n    [onKeyUp],\n  );\n\n  const handleKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLButtonElement & HTMLAnchorElement>>(\n    e => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.stopPropagation();\n      }\n      onKeyDown?.(e);\n    },\n    [onKeyDown],\n  );\n\n  return (\n    <Button\n      ref={ref}\n      className={mergeClasses(\n        attachmentActionClassName,\n        classes.root,\n        (disabled || disabledFocusable) && classes.disabled,\n        className,\n      )}\n      appearance=\"transparent\"\n      disabled={disabled}\n      disabledFocusable={disabledFocusable}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      onKeyUp={handleKeyUp}\n      {...rest}\n    >\n      {children}\n    </Button>\n  );\n});\n\nAttachmentAction.displayName = 'AttachmentAction';\n"],"names":["Button","mergeClasses","React","useAttachmentActionStyles","attachmentActionClassName","AttachmentAction","forwardRef","props","ref","className","disabled","disabledFocusable","children","onClick","onKeyUp","onKeyDown","rest","classes","handleClick","useCallback","e","stopPropagation","preventDefault","handleKeyUp","key","handleKeyDown","root","appearance","displayName"],"mappings":";;;;;;;;;;;IAQaK,gBAAAA;;;6BAFAD;;;;;iCANqC,6BAA6B;iEACxD,QAAQ;wCACW,4BAA4B;AAI/D,MAAMA,4BAA4B,uBAAuB;AAEzD,yBAAMC,WAAAA,GAAmBH,OAAMI,UAAU,CAA2C,CAACC,OAAOC;IACjG,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGT;IACnG,MAAMU,cAAUd,iDAAAA;IAEhB,MAAMe,cAAchB,OAAMiB,WAAW,CACnCC,CAAAA;QACEA,EAAEC,eAAe;QACjBD,EAAEE,cAAc;QAChBT,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUO;IACZ,GACA;QAACP;KAAQ;IAGX,MAAMU,cAAcrB,OAAMiB,WAAW,CACnCC,CAAAA;QACE,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACtCJ,EAAEC,eAAe;QACnB;QACAP,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUM;IACZ,GACA;QAACN;KAAQ;IAGX,MAAMW,gBAAgBvB,OAAMiB,WAAW,CACrCC,CAAAA;QACE,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACtCJ,EAAEC,eAAe;QACnB;QACAN,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAYK;IACd,GACA;QAACL;KAAU;IAGb,OAAA,WAAA,GACE,OAAA,aAAA,CAACf,uBAAAA,EAAAA;QACCQ,KAAKA;QACLC,eAAWR,6BAAAA,EACTG,2BACAa,QAAQS,IAAI,EACXhB,CAAAA,YAAYC,iBAAAA,CAAgB,IAAMM,QAAQP,QAAQ,EACnDD;QAEFkB,YAAW;QACXjB,UAAUA;QACVC,mBAAmBA;QACnBE,SAASK;QACTH,WAAWU;QACXX,SAASS;QACR,GAAGP,IAAI;OAEPJ;AAGP,GAAG;AAEHP,iBAAiBuB,WAAW,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentAction.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentAction.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useAttachmentActionStyles = makeStyles({\n    root: {\n        height: '32px',\n        maxWidth: '280px',\n        minWidth: '32px',\n        display: 'inline-flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        position: 'relative',\n        verticalAlign: 'middle',\n        cursor: 'pointer'\n    },\n    disabled: {\n        cursor: 'default'\n    }\n});\n"],"names":["useAttachmentActionStyles","__styles","root","Bqenvij","B2u0y6b","Bf4jedk","mc9l5x","Brf1p80","Bt984gj","qhf8xq","ha4doy","Bceei9c","disabled","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADc;AACpB,MAAMA,4BAAyB,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,UAAA;QAAAD,SAAA;IAAA;AAAA,GAAA;IAAAE,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}
+{"version":3,"sources":["AttachmentAction.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useAttachmentActionStyles = makeStyles({\n    root: {\n        height: '32px',\n        maxWidth: '280px',\n        minWidth: '32px',\n        display: 'inline-flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        position: 'relative',\n        verticalAlign: 'middle',\n        cursor: 'pointer'\n    },\n    disabled: {\n        cursor: 'default'\n    }\n});\n"],"names":["__styles","useAttachmentActionStyles","root","Bqenvij","B2u0y6b","Bf4jedk","mc9l5x","Brf1p80","Bt984gj","qhf8xq","ha4doy","Bceei9c","disabled","d"],"mappings":";;;;+BACaC,yBAAyB;;;;;;iCADX,4BAA4B;AAChD,kCAA+B,WAAA,OAAGD,yBAAA,EAAA;IAAAE,IAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAexC,CAAC"}

package/lib-commonjs/components/Attachment/AttachmentAction.styles.raw.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentActionStyles", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentActionStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useAttachmentActionStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        height: '32px',
+        maxWidth: '280px',
+        minWidth: '32px',
+        display: 'inline-flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        position: 'relative',
+        verticalAlign: 'middle',
+        cursor: 'pointer'
+    },
+    disabled: {
+        cursor: 'default'
+    }
+});

package/lib-commonjs/components/Attachment/AttachmentAction.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Attachment/AttachmentAction.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useAttachmentActionStyles = makeStyles({\n  root: {\n    height: '32px',\n    maxWidth: '280px',\n    minWidth: '32px',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    position: 'relative',\n    verticalAlign: 'middle',\n    cursor: 'pointer',\n  },\n  disabled: {\n    cursor: 'default',\n  },\n});\n"],"names":["makeStyles","useAttachmentActionStyles","root","height","maxWidth","minWidth","display","justifyContent","alignItems","position","verticalAlign","cursor","disabled"],"mappings":";;;;+BAEaC;;;;;;iCAFc,6BAA6B;AAEjD,sCAAkCD,2BAAAA,EAAW;IAClDE,MAAM;QACJC,QAAQ;QACRC,UAAU;QACVC,UAAU;QACVC,SAAS;QACTC,gBAAgB;QAChBC,YAAY;QACZC,UAAU;QACVC,eAAe;QACfC,QAAQ;IACV;IACAC,UAAU;QACRD,QAAQ;IACV;AACF,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentBody.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentBodyStyles } from './AttachmentBody.styles';\n\nexport interface AttachmentBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const attachmentBodyClassName = 'fui-AttachmentBody';\n\nexport const AttachmentBody: React.FC<AttachmentBodyProps> = React.forwardRef<HTMLDivElement, AttachmentBodyProps>(\n  (props, ref) => {\n    const { className, children, ...rest } = props;\n    const classes = useAttachmentBodyStyles();\n\n    return (\n      <div ref={ref} className={mergeClasses(attachmentBodyClassName, classes.root, className)} {...rest}>\n        {children}\n      </div>\n    );\n  },\n);\n\nAttachmentBody.displayName = 'AttachmentBody';\n"],"names":["AttachmentBody","attachmentBodyClassName","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentBodyStyles","createElement","div","mergeClasses","root","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,cAAAA;eAAAA;;IAFAC,uBAAAA;eAAAA;;;;iCANgB;iEACN;sCACiB;AAIjC,MAAMA,0BAA0B;AAEhC,MAAMD,iBAAAA,WAAAA,GAAgDE,OAAMC,UAAU,CAC3E,CAACC,OAAOC;IACN,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,6CAAAA;IAEhB,OAAA,WAAA,GACER,OAAAS,aAAA,CAACC,OAAAA;QAAIP,KAAKA;QAAKC,WAAWO,IAAAA,6BAAAA,EAAaZ,yBAAyBQ,QAAQK,IAAI,EAAER;QAAa,GAAGE,IAAI;OAC/FD;AAGP;AAGFP,eAAee,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/AttachmentBody.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentBodyStyles } from './AttachmentBody.styles';\n\nexport interface AttachmentBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const attachmentBodyClassName = 'fui-AttachmentBody';\n\nexport const AttachmentBody: React.FC<AttachmentBodyProps> = React.forwardRef<HTMLDivElement, AttachmentBodyProps>(\n  (props, ref) => {\n    const { className, children, ...rest } = props;\n    const classes = useAttachmentBodyStyles();\n\n    return (\n      <div ref={ref} className={mergeClasses(attachmentBodyClassName, classes.root, className)} {...rest}>\n        {children}\n      </div>\n    );\n  },\n);\n\nAttachmentBody.displayName = 'AttachmentBody';\n"],"names":["mergeClasses","React","useAttachmentBodyStyles","attachmentBodyClassName","AttachmentBody","forwardRef","props","ref","className","children","rest","classes","div","root","displayName"],"mappings":";;;;;;;;;;;IAQaI,cAAAA;;;2BAFAD;;;;;iCANgB,6BAA6B;iEACnC,QAAQ;sCACS,0BAA0B;AAI3D,MAAMA,0BAA0B,qBAAqB;AAErD,uBAAMC,WAAAA,GAAgDH,OAAMI,UAAU,CAC3E,CAACC,OAAOC;IACN,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,cAAUT,6CAAAA;IAEhB,OAAA,WAAA,GACE,OAAA,aAAA,CAACU,OAAAA;QAAIL,KAAKA;QAAKC,eAAWR,6BAAAA,EAAaG,yBAAyBQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OAC/FD;AAGP,GACA;AAEFL,eAAeU,WAAW,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentBody.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentBody.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useAttachmentBodyStyles = makeStyles({\n    root: {\n        flex: '1 1 0'\n    }\n});\n"],"names":["useAttachmentBodyStyles","__styles","root","xawz","Bh6795r","Bnnss6s","fkmc3a","d","p"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADc;AACpB,MAAMA,0BAAuB,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,MAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;KAAA;AAAA"}
+{"version":3,"sources":["AttachmentBody.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useAttachmentBodyStyles = makeStyles({\n    root: {\n        flex: '1 1 0'\n    }\n});\n"],"names":["__styles","useAttachmentBodyStyles","root","xawz","Bh6795r","Bnnss6s","fkmc3a","d","p"],"mappings":";;;;+BACaC,uBAAuB;;;;;;iCADT,4BAA4B;AAChD,gCAA6B,WAAA,OAAGD,yBAAA,EAAA;IAAAE,IAAA,EAAA;QAAAC,IAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAItC,CAAC"}

package/lib-commonjs/components/Attachment/AttachmentBody.styles.raw.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentBodyStyles", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentBodyStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useAttachmentBodyStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        flex: '1 1 0'
+    }
+});

package/lib-commonjs/components/Attachment/AttachmentBody.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Attachment/AttachmentBody.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useAttachmentBodyStyles = makeStyles({\n  root: {\n    flex: '1 1 0',\n  },\n});\n"],"names":["makeStyles","useAttachmentBodyStyles","root","flex"],"mappings":";;;;;;;;;;iCAA2B,6BAA6B;AAEjD,MAAMC,8BAA0BD,2BAAAA,EAAW;IAChDE,MAAM;QACJC,MAAM;IACR;AACF,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentDescription.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentDescription.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentDescriptionStyles } from './AttachmentDescription.styles';\n\nexport interface AttachmentDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const attachmentDescriptionClassName = 'fui-AttachmentDescription';\n\nexport const AttachmentDescription: React.FC<AttachmentDescriptionProps> = React.forwardRef<\n  HTMLSpanElement,\n  AttachmentDescriptionProps\n>((props, ref) => {\n  const { className, children, ...rest } = props;\n  const classes = useAttachmentDescriptionStyles();\n\n  return (\n    <span ref={ref} className={mergeClasses(attachmentDescriptionClassName, classes.root, className)} {...rest}>\n      {children}\n    </span>\n  );\n});\n\nAttachmentDescription.displayName = 'AttachmentDescription';\n"],"names":["AttachmentDescription","attachmentDescriptionClassName","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentDescriptionStyles","createElement","span","mergeClasses","root","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,qBAAAA;eAAAA;;IAFAC,8BAAAA;eAAAA;;;;iCANgB;iEACN;6CACwB;AAIxC,MAAMA,iCAAiC;AAEvC,MAAMD,wBAAAA,WAAAA,GAA8DE,OAAMC,UAAU,CAGzF,CAACC,OAAOC;IACR,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,2DAAAA;IAEhB,OAAA,WAAA,GACER,OAAAS,aAAA,CAACC,QAAAA;QAAKP,KAAKA;QAAKC,WAAWO,IAAAA,6BAAAA,EAAaZ,gCAAgCQ,QAAQK,IAAI,EAAER;QAAa,GAAGE,IAAI;OACvGD;AAGP;AAEAP,sBAAsBe,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/AttachmentDescription.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentDescriptionStyles } from './AttachmentDescription.styles';\n\nexport interface AttachmentDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const attachmentDescriptionClassName = 'fui-AttachmentDescription';\n\nexport const AttachmentDescription: React.FC<AttachmentDescriptionProps> = React.forwardRef<\n  HTMLSpanElement,\n  AttachmentDescriptionProps\n>((props, ref) => {\n  const { className, children, ...rest } = props;\n  const classes = useAttachmentDescriptionStyles();\n\n  return (\n    <span ref={ref} className={mergeClasses(attachmentDescriptionClassName, classes.root, className)} {...rest}>\n      {children}\n    </span>\n  );\n});\n\nAttachmentDescription.displayName = 'AttachmentDescription';\n"],"names":["mergeClasses","React","useAttachmentDescriptionStyles","attachmentDescriptionClassName","AttachmentDescription","forwardRef","props","ref","className","children","rest","classes","span","root","displayName"],"mappings":";;;;;;;;;;;IAQaI,qBAAAA;;;kCAFAD;;;;;iCANgB,6BAA6B;iEACnC,QAAQ;6CACgB,iCAAiC;AAIzE,MAAMA,iCAAiC,4BAA4B;AAEnE,8BAAMC,WAAAA,GAA8DH,OAAMI,UAAU,CAGzF,CAACC,OAAOC;IACR,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,cAAUT,2DAAAA;IAEhB,OAAA,WAAA,GACE,OAAA,aAAA,CAACU,QAAAA;QAAKL,KAAKA;QAAKC,eAAWR,6BAAAA,EAAaG,gCAAgCQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OACvGD;AAGP,GAAG;AAEHL,sBAAsBU,WAAW,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentDescription.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentDescription.styles.js"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\nexport const useAttachmentDescriptionStyles = makeStyles({\n    root: {\n        display: 'block',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        lineHeight: 1\n    }\n});\n"],"names":["useAttachmentDescriptionStyles","__styles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADsB;AAC5B,MAAMA,iCAA8B,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}
+{"version":3,"sources":["AttachmentDescription.styles.js"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\nexport const useAttachmentDescriptionStyles = makeStyles({\n    root: {\n        display: 'block',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        lineHeight: 1\n    }\n});\n"],"names":["__styles","tokens","useAttachmentDescriptionStyles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":";;;;;;;;;;iCAAmC,4BAA4B;AACxD,MAAME,8BAA8B,GAAA,WAAA,OAAGF,yBAAA,EAAA;IAAAG,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAO7C,CAAC"}

package/lib-commonjs/components/Attachment/AttachmentDescription.styles.raw.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentDescriptionStyles", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentDescriptionStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useAttachmentDescriptionStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        display: 'block',
+        fontSize: _reactcomponents.tokens.fontSizeBase200,
+        fontWeight: _reactcomponents.tokens.fontWeightRegular,
+        lineHeight: 1
+    }
+});

package/lib-commonjs/components/Attachment/AttachmentDescription.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Attachment/AttachmentDescription.styles.ts"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\n\nexport const useAttachmentDescriptionStyles = makeStyles({\n  root: {\n    display: 'block',\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: 1,\n  },\n});\n"],"names":["makeStyles","tokens","useAttachmentDescriptionStyles","root","display","fontSize","fontSizeBase200","fontWeight","fontWeightRegular","lineHeight"],"mappings":";;;;;;;;;;iCAAmC,6BAA6B;AAEzD,MAAME,qCAAiCF,2BAAAA,EAAW;IACvDG,MAAM;QACJC,SAAS;QACTC,UAAUJ,uBAAAA,CAAOK,eAAe;QAChCC,YAAYN,uBAAAA,CAAOO,iBAAiB;QACpCC,YAAY;IACd;AACF,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentHeader.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentHeaderStyles } from './AttachmentHeader.styles';\n\nexport interface AttachmentHeaderProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const attachmentHeaderClassName = 'fui-AttachmentHeader';\n\nexport const AttachmentHeader: React.FC<AttachmentHeaderProps> = React.forwardRef<\n  HTMLSpanElement,\n  AttachmentHeaderProps\n>((props, ref) => {\n  const { className, children, ...rest } = props;\n  const classes = useAttachmentHeaderStyles();\n\n  return (\n    <span ref={ref} className={mergeClasses(attachmentHeaderClassName, classes.root, className)} {...rest}>\n      {children}\n    </span>\n  );\n});\n\nAttachmentHeader.displayName = 'AttachmentHeader';\n"],"names":["AttachmentHeader","attachmentHeaderClassName","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentHeaderStyles","createElement","span","mergeClasses","root","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,gBAAAA;eAAAA;;IAFAC,yBAAAA;eAAAA;;;;iCANgB;iEACN;wCACmB;AAInC,MAAMA,4BAA4B;AAElC,MAAMD,mBAAAA,WAAAA,GAAoDE,OAAMC,UAAU,CAG/E,CAACC,OAAOC;IACR,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,iDAAAA;IAEhB,OAAA,WAAA,GACER,OAAAS,aAAA,CAACC,QAAAA;QAAKP,KAAKA;QAAKC,WAAWO,IAAAA,6BAAAA,EAAaZ,2BAA2BQ,QAAQK,IAAI,EAAER;QAAa,GAAGE,IAAI;OAClGD;AAGP;AAEAP,iBAAiBe,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/AttachmentHeader.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentHeaderStyles } from './AttachmentHeader.styles';\n\nexport interface AttachmentHeaderProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const attachmentHeaderClassName = 'fui-AttachmentHeader';\n\nexport const AttachmentHeader: React.FC<AttachmentHeaderProps> = React.forwardRef<\n  HTMLSpanElement,\n  AttachmentHeaderProps\n>((props, ref) => {\n  const { className, children, ...rest } = props;\n  const classes = useAttachmentHeaderStyles();\n\n  return (\n    <span ref={ref} className={mergeClasses(attachmentHeaderClassName, classes.root, className)} {...rest}>\n      {children}\n    </span>\n  );\n});\n\nAttachmentHeader.displayName = 'AttachmentHeader';\n"],"names":["mergeClasses","React","useAttachmentHeaderStyles","attachmentHeaderClassName","AttachmentHeader","forwardRef","props","ref","className","children","rest","classes","span","root","displayName"],"mappings":";;;;;;;;;;;IAQaI,gBAAAA;;;6BAFAD;;;;;iCANgB,6BAA6B;iEACnC,QAAQ;wCACW,4BAA4B;AAI/D,MAAMA,4BAA4B,uBAAuB;AAEzD,yBAAMC,WAAAA,GAAoDH,OAAMI,UAAU,CAG/E,CAACC,OAAOC;IACR,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,cAAUT,iDAAAA;IAEhB,OAAA,WAAA,GACE,OAAA,aAAA,CAACU,QAAAA;QAAKL,KAAKA;QAAKC,eAAWR,6BAAAA,EAAaG,2BAA2BQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OAClGD;AAGP,GAAG;AAEHL,iBAAiBU,WAAW,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentHeader.styles.js"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\nexport const useAttachmentHeaderStyles = makeStyles({\n    root: {\n        display: 'block',\n        fontSize: tokens.fontSizeBase300,\n        fontWeight: tokens.fontWeightSemibold,\n        lineHeight: 1.4286\n    }\n});\n"],"names":["useAttachmentHeaderStyles","__styles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADsB;AAC5B,MAAMA,4BAAyB,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}
+{"version":3,"sources":["AttachmentHeader.styles.js"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\nexport const useAttachmentHeaderStyles = makeStyles({\n    root: {\n        display: 'block',\n        fontSize: tokens.fontSizeBase300,\n        fontWeight: tokens.fontWeightSemibold,\n        lineHeight: 1.4286\n    }\n});\n"],"names":["__styles","tokens","useAttachmentHeaderStyles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":";;;;;;;;;;iCAAmC,4BAA4B;AACxD,MAAME,yBAAyB,GAAA,WAAA,OAAGF,yBAAA,EAAA;IAAAG,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAOxC,CAAC"}

package/lib-commonjs/components/Attachment/AttachmentHeader.styles.raw.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentHeaderStyles", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentHeaderStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useAttachmentHeaderStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        display: 'block',
+        fontSize: _reactcomponents.tokens.fontSizeBase300,
+        fontWeight: _reactcomponents.tokens.fontWeightSemibold,
+        lineHeight: 1.4286
+    }
+});

package/lib-commonjs/components/Attachment/AttachmentHeader.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Attachment/AttachmentHeader.styles.ts"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\n\nexport const useAttachmentHeaderStyles = makeStyles({\n  root: {\n    display: 'block',\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: 1.4286,\n  },\n});\n"],"names":["makeStyles","tokens","useAttachmentHeaderStyles","root","display","fontSize","fontSizeBase300","fontWeight","fontWeightSemibold","lineHeight"],"mappings":";;;;;;;;;;iCAAmC,6BAA6B;AAEzD,MAAME,gCAA4BF,2BAAAA,EAAW;IAClDG,MAAM;QACJC,SAAS;QACTC,UAAUJ,uBAAAA,CAAOK,eAAe;QAChCC,YAAYN,uBAAAA,CAAOO,kBAAkB;QACrCC,YAAY;IACd;AACF,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/AttachmentIcon.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentIconStyles } from './AttachmentIcon.styles';\n\nexport interface AttachmentIconProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const attachmentIconClassName = 'fui-AttachmentIcon';\n\nexport const AttachmentIcon: React.FC<AttachmentIconProps> = React.forwardRef<HTMLSpanElement, AttachmentIconProps>(\n  (props, ref) => {\n    const { className, children, ...rest } = props;\n    const classes = useAttachmentIconStyles();\n\n    return (\n      <span ref={ref} className={mergeClasses(attachmentIconClassName, classes.root, className)} {...rest}>\n        {children}\n      </span>\n    );\n  },\n);\n\nAttachmentIcon.displayName = 'AttachmentIcon';\n"],"names":["AttachmentIcon","attachmentIconClassName","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentIconStyles","createElement","span","mergeClasses","root","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,cAAAA;eAAAA;;IAFAC,uBAAAA;eAAAA;;;;iCANgB;iEACN;sCACiB;AAIjC,MAAMA,0BAA0B;AAEhC,MAAMD,iBAAAA,WAAAA,GAAgDE,OAAMC,UAAU,CAC3E,CAACC,OAAOC;IACN,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,6CAAAA;IAEhB,OAAA,WAAA,GACER,OAAAS,aAAA,CAACC,QAAAA;QAAKP,KAAKA;QAAKC,WAAWO,IAAAA,6BAAAA,EAAaZ,yBAAyBQ,QAAQK,IAAI,EAAER;QAAa,GAAGE,IAAI;OAChGD;AAGP;AAGFP,eAAee,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Attachment/AttachmentIcon.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentIconStyles } from './AttachmentIcon.styles';\n\nexport interface AttachmentIconProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const attachmentIconClassName = 'fui-AttachmentIcon';\n\nexport const AttachmentIcon: React.FC<AttachmentIconProps> = React.forwardRef<HTMLSpanElement, AttachmentIconProps>(\n  (props, ref) => {\n    const { className, children, ...rest } = props;\n    const classes = useAttachmentIconStyles();\n\n    return (\n      <span ref={ref} className={mergeClasses(attachmentIconClassName, classes.root, className)} {...rest}>\n        {children}\n      </span>\n    );\n  },\n);\n\nAttachmentIcon.displayName = 'AttachmentIcon';\n"],"names":["mergeClasses","React","useAttachmentIconStyles","attachmentIconClassName","AttachmentIcon","forwardRef","props","ref","className","children","rest","classes","span","root","displayName"],"mappings":";;;;;;;;;;;IAQaI,cAAAA;;;2BAFAD;;;;;iCANgB,6BAA6B;iEACnC,QAAQ;sCACS,0BAA0B;AAI3D,MAAMA,0BAA0B,qBAAqB;AAErD,uBAAMC,WAAAA,GAAgDH,OAAMI,UAAU,CAC3E,CAACC,OAAOC;IACN,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,cAAUT,6CAAAA;IAEhB,OAAA,WAAA,GACE,OAAA,aAAA,CAACU,QAAAA;QAAKL,KAAKA;QAAKC,eAAWR,6BAAAA,EAAaG,yBAAyBQ,QAAQE,IAAI,EAAEL;QAAa,GAAGE,IAAI;OAChGD;AAGP,GACA;AAEFL,eAAeU,WAAW,GAAG"}

package/lib-commonjs/components/Attachment/AttachmentIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentIcon.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useAttachmentIconStyles = makeStyles({\n    root: {\n        height: '32px',\n        width: '32px',\n        marginRight: '12px',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        '& svg': {\n            height: '100%',\n            width: '100%'\n        }\n    }\n});\n"],"names":["useAttachmentIconStyles","__styles","root","Bqenvij","a9b677","t21cq0","mc9l5x","Bt984gj","Brf1p80","p4uzdd","B5pe6w7","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADc;AACpB,MAAMA,0BAAuB,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}
+{"version":3,"sources":["AttachmentIcon.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useAttachmentIconStyles = makeStyles({\n    root: {\n        height: '32px',\n        width: '32px',\n        marginRight: '12px',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        '& svg': {\n            height: '100%',\n            width: '100%'\n        }\n    }\n});\n"],"names":["__styles","useAttachmentIconStyles","root","Bqenvij","a9b677","t21cq0","mc9l5x","Bt984gj","Brf1p80","p4uzdd","B5pe6w7","d"],"mappings":";;;;+BACaC,uBAAuB;;;;;;iCADT,4BAA4B;AAChD,gCAA6B,WAAA,OAAGD,yBAAA,EAAA;IAAAE,IAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAatC,CAAC"}