@fluentui/react-migration-v0-v9 9.2.0 → 9.2.1

package/lib/components/Primitive/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"sourcesContent":["export * from './Primitive';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc"}
+{"version":3,"sources":["index.tsx"],"sourcesContent":["export * from './Primitive';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,cAAc"}

package/lib/components/Segment/Segment.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Segment.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\n\nimport { useSegmentStyles } from './Segment.styles';\n\nexport const segmentClassName = 'fui-Segment';\n\nexport const Segment = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement>>((props, ref) => {\n  const { children, className, ...rest } = props;\n  const classes = useSegmentStyles();\n\n  const segmentClasses = mergeClasses(segmentClassName, classes.segment, className);\n\n  return (\n    <div ref={ref} className={segmentClasses} {...rest}>\n      {children}\n    </div>\n  );\n});\n\nSegment.displayName = 'Segment';\n"],"names":["mergeClasses","React","useSegmentStyles","segmentClassName","Segment","forwardRef","props","ref","children","className","rest","classes","segmentClasses","segment","div","displayName"],"mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAE/B,SAASC,gBAAgB,QAAQ,mBAAmB;AAEpD,OAAO,MAAMC,mBAAmB,cAAc;AAE9C,OAAO,MAAMC,wBAAUH,MAAMI,UAAU,CAAoD,CAACC,OAAOC;IACjG,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT;IAEhB,MAAMU,iBAAiBZ,aAAaG,kBAAkBQ,QAAQE,OAAO,EAAEJ;IAEvE,qBACE,oBAACK;QAAIP,KAAKA;QAAKE,WAAWG;QAAiB,GAAGF,IAAI;OAC/CF;AAGP,GAAG;AAEHJ,QAAQW,WAAW,GAAG"}
+{"version":3,"sources":["Segment.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\n\nimport { useSegmentStyles } from './Segment.styles';\n\nexport const segmentClassName = 'fui-Segment';\n\nexport const Segment = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement>>((props, ref) => {\n  const { children, className, ...rest } = props;\n  const classes = useSegmentStyles();\n\n  const segmentClasses = mergeClasses(segmentClassName, classes.segment, className);\n\n  return (\n    <div ref={ref} className={segmentClasses} {...rest}>\n      {children}\n    </div>\n  );\n});\n\nSegment.displayName = 'Segment';\n"],"names":["mergeClasses","React","useSegmentStyles","segmentClassName","Segment","forwardRef","props","ref","children","className","rest","classes","segmentClasses","segment","div","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAE/B,SAASC,gBAAgB,QAAQ,mBAAmB;AAEpD,OAAO,MAAMC,mBAAmB,cAAc;AAE9C,OAAO,MAAMC,wBAAUH,MAAMI,UAAU,CAAoD,CAACC,OAAOC;IACjG,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT;IAEhB,MAAMU,iBAAiBZ,aAAaG,kBAAkBQ,QAAQE,OAAO,EAAEJ;IAEvE,qBACE,oBAACK;QAAIP,KAAKA;QAAKE,WAAWG;QAAiB,GAAGF,IAAI;OAC/CF;AAGP,GAAG;AAEHJ,QAAQW,WAAW,GAAG"}

package/lib/components/Segment/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Segment';\n"],"names":[],"mappings":"AAAA,cAAc,YAAY"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Segment';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,YAAY"}

package/lib/components/Slider/Slider.mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Slider.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\n\nconst fluid = (): GriffelStyle => ({ width: '100%' });\n\nexport const slider = {\n  fluid,\n};\n"],"names":["fluid","width","slider"],"mappings":"AAEA,MAAMA,QAAQ,IAAqB,CAAA;QAAEC,OAAO;IAAO,CAAA;AAEnD,OAAO,MAAMC,SAAS;IACpBF;AACF,EAAE"}
+{"version":3,"sources":["Slider.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\n\nconst fluid = (): GriffelStyle => ({ width: '100%' });\n\nexport const slider = {\n  fluid,\n};\n"],"names":["fluid","width","slider"],"rangeMappings":";;;;;","mappings":"AAEA,MAAMA,QAAQ,IAAqB,CAAA;QAAEC,OAAO;IAAO,CAAA;AAEnD,OAAO,MAAMC,SAAS;IACpBF;AACF,EAAE"}

package/lib/components/Slider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export { slider } from './Slider.mixins';\n"],"names":["slider"],"mappings":"AAAA,SAASA,MAAM,QAAQ,kBAAkB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { slider } from './Slider.mixins';\n"],"names":["slider"],"rangeMappings":"","mappings":"AAAA,SAASA,MAAM,QAAQ,kBAAkB"}

package/lib/components/Spinner/SpinnerMigration.mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerMigration.mixins.ts"],"sourcesContent":["import { GriffelStyle, tokens, labelClassNames } from '@fluentui/react-components';\n\nconst v0Inline = (): GriffelStyle => ({ display: 'inline-flex' });\n\nconst v0SpinnerLabelStyle = (): GriffelStyle => ({\n  [`& .${labelClassNames.root}`]: {\n    fontSize: '14px',\n    fontWeight: tokens.fontWeightMedium,\n  },\n});\n\nexport const spinner = {\n  v0Inline,\n  v0SpinnerLabelStyle,\n};\n"],"names":["tokens","labelClassNames","v0Inline","display","v0SpinnerLabelStyle","root","fontSize","fontWeight","fontWeightMedium","spinner"],"mappings":"AAAA,SAAuBA,MAAM,EAAEC,eAAe,QAAQ,6BAA6B;AAEnF,MAAMC,WAAW,IAAqB,CAAA;QAAEC,SAAS;IAAc,CAAA;AAE/D,MAAMC,sBAAsB,IAAqB,CAAA;QAC/C,CAAC,CAAC,GAAG,EAAEH,gBAAgBI,IAAI,CAAC,CAAC,CAAC,EAAE;YAC9BC,UAAU;YACVC,YAAYP,OAAOQ,gBAAgB;QACrC;IACF,CAAA;AAEA,OAAO,MAAMC,UAAU;IACrBP;IACAE;AACF,EAAE"}
+{"version":3,"sources":["SpinnerMigration.mixins.ts"],"sourcesContent":["import { GriffelStyle, tokens, labelClassNames } from '@fluentui/react-components';\n\nconst v0Inline = (): GriffelStyle => ({ display: 'inline-flex' });\n\nconst v0SpinnerLabelStyle = (): GriffelStyle => ({\n  [`& .${labelClassNames.root}`]: {\n    fontSize: '14px',\n    fontWeight: tokens.fontWeightMedium,\n  },\n});\n\nexport const spinner = {\n  v0Inline,\n  v0SpinnerLabelStyle,\n};\n"],"names":["tokens","labelClassNames","v0Inline","display","v0SpinnerLabelStyle","root","fontSize","fontWeight","fontWeightMedium","spinner"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,SAAuBA,MAAM,EAAEC,eAAe,QAAQ,6BAA6B;AAEnF,MAAMC,WAAW,IAAqB,CAAA;QAAEC,SAAS;IAAc,CAAA;AAE/D,MAAMC,sBAAsB,IAAqB,CAAA;QAC/C,CAAC,CAAC,GAAG,EAAEH,gBAAgBI,IAAI,CAAC,CAAC,CAAC,EAAE;YAC9BC,UAAU;YACVC,YAAYP,OAAOQ,gBAAgB;QACrC;IACF,CAAA;AAEA,OAAO,MAAMC,UAAU;IACrBP;IACAE;AACF,EAAE"}

package/lib/components/Spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"sourcesContent":["export { spinner } from './SpinnerMigration.mixins';\n"],"names":["spinner"],"mappings":"AAAA,SAASA,OAAO,QAAQ,4BAA4B"}
+{"version":3,"sources":["index.tsx"],"sourcesContent":["export { spinner } from './SpinnerMigration.mixins';\n"],"names":["spinner"],"rangeMappings":"","mappings":"AAAA,SAASA,OAAO,QAAQ,4BAA4B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["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"}
+{"version":3,"sources":["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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"sourcesContent":["export * from './StyledText';\nexport * from './StyledText.styles';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,sBAAsB"}
+{"version":3,"sources":["index.tsx"],"sourcesContent":["export * from './StyledText';\nexport * from './StyledText.styles';\n"],"names":[],"rangeMappings":";","mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,sBAAsB"}

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["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 { 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","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,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":["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 { 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","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,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

@@ -9,17 +9,17 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    Attachment: function() {
+        return Attachment;
+    },
     attachmentClassName: function() {
         return attachmentClassName;
     },
-    attachmentProgressContainerClassName: function() {
-        return attachmentProgressContainerClassName;
-    },
     attachmentProgressBarClassName: function() {
         return attachmentProgressBarClassName;
     },
-    Attachment: function() {
-        return Attachment;
+    attachmentProgressContainerClassName: function() {
+        return attachmentProgressContainerClassName;
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");

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

@@ -1 +1 @@
-{"version":3,"sources":["Attachment.js"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport * as React from 'react';\nimport { useAttachmentBaseStyles, useAttachmentStyles } from './Attachment.styles';\nexport const attachmentClassName = 'fui-Attachment';\nexport const attachmentProgressContainerClassName = `${attachmentClassName}__progress-container`;\nexport const attachmentProgressBarClassName = `${attachmentClassName}__progress`;\nexport const Attachment = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const { actionable, className, children, disabled, onClick, progress, onKeyDown, onKeyUp, ...rest } = props;\n    const attachmentBaseClass = useAttachmentBaseStyles();\n    const classes = useAttachmentStyles();\n    const buttonProps = useARIAButtonProps('div', {\n        disabled,\n        onClick,\n        onKeyDown: onKeyDown,\n        onKeyUp: onKeyUp\n    });\n    return /*#__PURE__*/ React.createElement(\"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    }, children, !isNaN(Number(progress)) && /*#__PURE__*/ React.createElement(\"div\", {\n        className: mergeClasses(attachmentProgressContainerClassName, classes.progressContainer)\n    }, /*#__PURE__*/ React.createElement(\"div\", {\n        className: mergeClasses(classes.progressBar, attachmentProgressBarClassName),\n        style: {\n            width: `${progress}%`\n        }\n    })));\n});\nAttachment.displayName = 'Attachment';\n"],"names":["attachmentClassName","attachmentProgressContainerClassName","attachmentProgressBarClassName","Attachment","React","forwardRef","props","ref","actionable","className","children","disabled","onClick","progress","onKeyDown","onKeyUp","rest","attachmentBaseClass","useAttachmentBaseStyles","classes","useAttachmentStyles","buttonProps","useARIAButtonProps","createElement","mergeClasses","isNaN","Number","progressContainer","progressBar","style","width","displayName"],"mappings":";;;;;;;;;;;IAIaA,mBAAmB;eAAnBA;;IACAC,oCAAoC;eAApCA;;IACAC,8BAA8B;eAA9BA;;IACAC,UAAU;eAAVA;;;;iCAPgB;2BACM;iEACZ;kCACsC;AACtD,MAAMH,sBAAsB;AAC5B,MAAMC,uCAAuC,CAAC,EAAED,oBAAoB,oBAAoB,CAAC;AACzF,MAAME,iCAAiC,CAAC,EAAEF,oBAAoB,UAAU,CAAC;AACzE,MAAMG,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7D,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,yCAAuB;IACnD,MAAMC,UAAUC,IAAAA,qCAAmB;IACnC,MAAMC,cAAcC,IAAAA,6BAAkB,EAAC,OAAO;QAC1CX;QACAC;QACAE,WAAWA;QACXC,SAASA;IACb;IACA,OAAO,WAAW,GAAGX,OAAMmB,aAAa,CAAC,OAAO;QAC5ChB,KAAKA;QACLE,WAAWe,IAAAA,6BAAY,EAACxB,qBAAqBiB,qBAAqBT,cAAcW,QAAQX,UAAU,EAAEC;QACpG,GAAGD,cAAc;YACb,qBAAqB;YACrB,GAAGa,WAAW;QAClB,CAAC;QACD,GAAGL,IAAI;IACX,GAAGN,UAAU,CAACe,MAAMC,OAAOb,cAAc,WAAW,GAAGT,OAAMmB,aAAa,CAAC,OAAO;QAC9Ed,WAAWe,IAAAA,6BAAY,EAACvB,sCAAsCkB,QAAQQ,iBAAiB;IAC3F,GAAG,WAAW,GAAGvB,OAAMmB,aAAa,CAAC,OAAO;QACxCd,WAAWe,IAAAA,6BAAY,EAACL,QAAQS,WAAW,EAAE1B;QAC7C2B,OAAO;YACHC,OAAO,CAAC,EAAEjB,SAAS,CAAC,CAAC;QACzB;IACJ;AACJ;AACAV,WAAW4B,WAAW,GAAG"}
+{"version":3,"sources":["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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["Attachment.styles.js"],"sourcesContent":["import { createCustomFocusIndicatorStyle, __resetStyles, __styles, shorthands, tokens } from '@fluentui/react-components';\nimport { attachmentActionClassName } from './AttachmentAction';\nimport { attachmentIconClassName } from './AttachmentIcon';\nexport const useAttachmentBaseStyles = /*#__PURE__*/__resetStyles(\"rtx3whk\", \"r4q6ha0\", [\".rtx3whk{position:relative;display:inline-flex;align-items:center;width:100%;max-width:424px;min-height:32px;padding-top:7px;padding-right:3px;padding-bottom:7px;padding-left:11px;margin-bottom:2px;margin-right:2px;background-color:var(--colorNeutralBackground6);color:var(--colorNeutralForeground1);box-shadow:0 .2rem .4rem -.075rem var(--colorNeutralShadowAmbient);border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke3);border-right-color:var(--colorNeutralStroke3);border-bottom-color:var(--colorNeutralStroke3);border-left-color:var(--colorNeutralStroke3);border-radius:4px;}\", \".rtx3whk[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}\", \".r4q6ha0{position:relative;display:inline-flex;align-items:center;width:100%;max-width:424px;min-height:32px;padding-top:7px;padding-left:3px;padding-bottom:7px;padding-right:11px;margin-bottom:2px;margin-left:2px;background-color:var(--colorNeutralBackground6);color:var(--colorNeutralForeground1);box-shadow:0 .2rem .4rem -.075rem var(--colorNeutralShadowAmbient);border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke3);border-left-color:var(--colorNeutralStroke3);border-bottom-color:var(--colorNeutralStroke3);border-right-color:var(--colorNeutralStroke3);border-radius:4px;}\", \".r4q6ha0[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}\"]);\nexport const useAttachmentStyles = /*#__PURE__*/__styles({\n  actionable: {\n    Bceei9c: \"f1k6fduh\",\n    Jwef8y: \"f11oyicx\"\n  },\n  progressContainer: {\n    Beyfa6y: [\"f1bjk9e1\", \"fff7au0\"],\n    Bbmb7ep: [\"fff7au0\", \"f1bjk9e1\"],\n    B5kzvoi: \"f1yab3r1\",\n    Bqenvij: \"f6ywr7j\",\n    oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n    B68tc82: 0,\n    Bmxbyg5: 0,\n    Bpg54ce: \"f1a3p1vp\",\n    qhf8xq: \"f1euv43f\",\n    j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"]\n  },\n  progressBar: {\n    De3pzq: \"fnusneo\",\n    Bqenvij: \"f1l02sjl\",\n    B2u0y6b: \"f6dzj5z\",\n    Bn62ygk: 0,\n    Cwk7ip: 0,\n    B3o57yi: 0,\n    Bmy1vo4: 0,\n    Bkqvd7p: 0,\n    Bi2q7bf: \"f12zwupp\"\n  }\n}, {\n  d: [\".f1k6fduh{cursor:pointer;}\", \".f1bjk9e1{border-bottom-left-radius:4px;}\", \".fff7au0{border-bottom-right-radius:4px;}\", \".f1yab3r1{bottom:0;}\", \".f6ywr7j{height:4px;}\", \".f1vgc2s3{left:0;}\", \".f1e31b4d{right:0;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n    p: -1\n  }], \".f1euv43f{position:absolute;}\", \".fnusneo{background-color:var(--colorPaletteLightGreenBackground3);}\", \".f1l02sjl{height:100%;}\", \".f6dzj5z{max-width:100%;}\", [\".f12zwupp{transition:width 0.2s;}\", {\n    p: -1\n  }]],\n  h: [\".f11oyicx:hover{background-color:var(--colorNeutralBackground4Hover);}\"]\n});\n//# sourceMappingURL=Attachment.styles.js.map"],"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"],"mappings":";;;;;;;;;;;IAGaA,uBAAuB;eAAvBA;;IACAC,mBAAmB;eAAnBA;;;iCAJgF;AAGtF,MAAMD,0BAA0B,WAAW,GAAEE,IAAAA,8BAAa,EAAC,WAAW,WAAW;IAAC;IAAwvB;IAA6I;IAAuvB;CAA4I;AAC11D,MAAMD,sBAAsB,WAAW,GAAEE,IAAAA,yBAAQ,EAAC;IACvDC,YAAY;QACVC,SAAS;QACTC,QAAQ;IACV;IACAC,mBAAmB;QACjBC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,aAAa;QACXC,QAAQ;QACRR,SAAS;QACTS,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA8B;QAA6C;QAA6C;QAAwB;QAAyB;QAAsB;QAAuB;YAAC;YAA+B;gBACxPC,GAAG,CAAC;YACN;SAAE;QAAE;QAAiC;QAAwE;QAA2B;QAA6B;YAAC;YAAqC;gBACzMA,GAAG,CAAC;YACN;SAAE;KAAC;IACHC,GAAG;QAAC;KAAyE;AAC/E,IACA,6CAA6C"}
+{"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"}

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

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    attachmentActionClassName: function() {
-        return attachmentActionClassName;
-    },
     AttachmentAction: function() {
         return AttachmentAction;
+    },
+    attachmentActionClassName: function() {
+        return attachmentActionClassName;
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");

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

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentAction.js"],"sourcesContent":["import { Button, mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentActionStyles } from './AttachmentAction.styles';\nexport const attachmentActionClassName = 'fui-AttachmentAction';\nexport const AttachmentAction = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const { className, disabled, disabledFocusable, children, onClick, onKeyUp, onKeyDown, ...rest } = props;\n    const classes = useAttachmentActionStyles();\n    const handleClick = React.useCallback((e)=>{\n        e.stopPropagation();\n        e.preventDefault();\n        onClick === null || onClick === void 0 ? void 0 : onClick(e);\n    }, [\n        onClick\n    ]);\n    const handleKeyUp = React.useCallback((e)=>{\n        if (e.key === 'Enter' || e.key === ' ') {\n            e.stopPropagation();\n        }\n        onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(e);\n    }, [\n        onKeyUp\n    ]);\n    const handleKeyDown = React.useCallback((e)=>{\n        if (e.key === 'Enter' || e.key === ' ') {\n            e.stopPropagation();\n        }\n        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);\n    }, [\n        onKeyDown\n    ]);\n    return /*#__PURE__*/ React.createElement(Button, {\n        ref: ref,\n        className: mergeClasses(attachmentActionClassName, classes.root, (disabled || disabledFocusable) && classes.disabled, className),\n        appearance: \"transparent\",\n        disabled: disabled,\n        disabledFocusable: disabledFocusable,\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n        onKeyUp: handleKeyUp,\n        ...rest\n    }, children);\n});\nAttachmentAction.displayName = 'AttachmentAction';\n"],"names":["attachmentActionClassName","AttachmentAction","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"],"mappings":";;;;;;;;;;;IAGaA,yBAAyB;eAAzBA;;IACAC,gBAAgB;eAAhBA;;;;iCAJwB;iEACd;wCACmB;AACnC,MAAMD,4BAA4B;AAClC,MAAMC,mBAAmB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnE,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGT;IACnG,MAAMU,UAAUC,IAAAA,iDAAyB;IACzC,MAAMC,cAAcd,OAAMe,WAAW,CAAC,CAACC;QACnCA,EAAEC,eAAe;QACjBD,EAAEE,cAAc;QAChBV,YAAY,QAAQA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQQ;IAC9D,GAAG;QACCR;KACH;IACD,MAAMW,cAAcnB,OAAMe,WAAW,CAAC,CAACC;QACnC,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACpCJ,EAAEC,eAAe;QACrB;QACAR,YAAY,QAAQA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQO;IAC9D,GAAG;QACCP;KACH;IACD,MAAMY,gBAAgBrB,OAAMe,WAAW,CAAC,CAACC;QACrC,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACpCJ,EAAEC,eAAe;QACrB;QACAP,cAAc,QAAQA,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUM;IACpE,GAAG;QACCN;KACH;IACD,OAAO,WAAW,GAAGV,OAAMsB,aAAa,CAACC,uBAAM,EAAE;QAC7CpB,KAAKA;QACLC,WAAWoB,IAAAA,6BAAY,EAAC1B,2BAA2Bc,QAAQa,IAAI,EAAE,AAACpB,CAAAA,YAAYC,iBAAgB,KAAMM,QAAQP,QAAQ,EAAED;QACtHsB,YAAY;QACZrB,UAAUA;QACVC,mBAAmBA;QACnBE,SAASM;QACTJ,WAAWW;QACXZ,SAASU;QACT,GAAGR,IAAI;IACX,GAAGJ;AACP;AACAR,iBAAiB4B,WAAW,GAAG"}
+{"version":3,"sources":["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(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick?.(e);\n    },\n    [onClick],\n  );\n\n  const handleKeyUp = React.useCallback(\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(\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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentAction.styles.js"],"sourcesContent":["import { __styles } from '@fluentui/react-components';\nexport const useAttachmentActionStyles = /*#__PURE__*/__styles({\n  root: {\n    Bqenvij: \"f1d2rq10\",\n    B2u0y6b: \"f1n52uh2\",\n    Bf4jedk: \"fwbmr0d\",\n    mc9l5x: \"ftuwxu6\",\n    Brf1p80: \"f4d9j23\",\n    Bt984gj: \"f122n59\",\n    qhf8xq: \"f10pi13n\",\n    ha4doy: \"fmrv4ls\",\n    Bceei9c: \"f1k6fduh\"\n  },\n  disabled: {\n    Bceei9c: \"f158kwzp\"\n  }\n}, {\n  d: [\".f1d2rq10{height:32px;}\", \".f1n52uh2{max-width:280px;}\", \".fwbmr0d{min-width:32px;}\", \".ftuwxu6{display:inline-flex;}\", \".f4d9j23{justify-content:center;}\", \".f122n59{align-items:center;}\", \".f10pi13n{position:relative;}\", \".fmrv4ls{vertical-align:middle;}\", \".f1k6fduh{cursor:pointer;}\", \".f158kwzp{cursor:default;}\"]\n});\n//# sourceMappingURL=AttachmentAction.styles.js.map"],"names":["useAttachmentActionStyles","__styles","root","Bqenvij","B2u0y6b","Bf4jedk","mc9l5x","Brf1p80","Bt984gj","qhf8xq","ha4doy","Bceei9c","disabled","d"],"mappings":";;;;+BACaA;;;eAAAA;;;iCADY;AAClB,MAAMA,4BAA4B,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IAC7DC,MAAM;QACJC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRD,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAA2B;QAA+B;QAA6B;QAAkC;QAAqC;QAAiC;QAAiC;QAAoC;QAA8B;KAA6B;AACrU,IACA,mDAAmD"}
+{"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"}

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

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    attachmentBodyClassName: function() {
-        return attachmentBodyClassName;
-    },
     AttachmentBody: function() {
         return AttachmentBody;
+    },
+    attachmentBodyClassName: function() {
+        return attachmentBodyClassName;
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");

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

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentBody.js"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentBodyStyles } from './AttachmentBody.styles';\nexport const attachmentBodyClassName = 'fui-AttachmentBody';\nexport const AttachmentBody = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const { className, children, ...rest } = props;\n    const classes = useAttachmentBodyStyles();\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        ref: ref,\n        className: mergeClasses(attachmentBodyClassName, classes.root, className),\n        ...rest\n    }, children);\n});\nAttachmentBody.displayName = 'AttachmentBody';\n"],"names":["attachmentBodyClassName","AttachmentBody","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentBodyStyles","createElement","mergeClasses","root","displayName"],"mappings":";;;;;;;;;;;IAGaA,uBAAuB;eAAvBA;;IACAC,cAAc;eAAdA;;;;iCAJgB;iEACN;sCACiB;AACjC,MAAMD,0BAA0B;AAChC,MAAMC,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,6CAAuB;IACvC,OAAO,WAAW,GAAGR,OAAMS,aAAa,CAAC,OAAO;QAC5CN,KAAKA;QACLC,WAAWM,IAAAA,6BAAY,EAACZ,yBAAyBS,QAAQI,IAAI,EAAEP;QAC/D,GAAGE,IAAI;IACX,GAAGD;AACP;AACAN,eAAea,WAAW,GAAG"}
+{"version":3,"sources":["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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentBody.styles.js"],"sourcesContent":["import { __styles } from '@fluentui/react-components';\nexport const useAttachmentBodyStyles = /*#__PURE__*/__styles({\n  root: {\n    xawz: 0,\n    Bh6795r: 0,\n    Bnnss6s: 0,\n    fkmc3a: \"fbotcpb\"\n  }\n}, {\n  d: [[\".fbotcpb{flex:1 1 0;}\", {\n    p: -1\n  }]]\n});\n//# sourceMappingURL=AttachmentBody.styles.js.map"],"names":["useAttachmentBodyStyles","__styles","root","xawz","Bh6795r","Bnnss6s","fkmc3a","d","p"],"mappings":";;;;+BACaA;;;eAAAA;;;iCADY;AAClB,MAAMA,0BAA0B,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IAC3DC,MAAM;QACJC,MAAM;QACNC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;YAAC;YAAyB;gBAC5BC,GAAG,CAAC;YACN;SAAE;KAAC;AACL,IACA,iDAAiD"}
+{"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"}

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

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    attachmentDescriptionClassName: function() {
-        return attachmentDescriptionClassName;
-    },
     AttachmentDescription: function() {
         return AttachmentDescription;
+    },
+    attachmentDescriptionClassName: function() {
+        return attachmentDescriptionClassName;
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");

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

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentDescription.js"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentDescriptionStyles } from './AttachmentDescription.styles';\nexport const attachmentDescriptionClassName = 'fui-AttachmentDescription';\nexport const AttachmentDescription = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const { className, children, ...rest } = props;\n    const classes = useAttachmentDescriptionStyles();\n    return /*#__PURE__*/ React.createElement(\"span\", {\n        ref: ref,\n        className: mergeClasses(attachmentDescriptionClassName, classes.root, className),\n        ...rest\n    }, children);\n});\nAttachmentDescription.displayName = 'AttachmentDescription';\n"],"names":["attachmentDescriptionClassName","AttachmentDescription","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentDescriptionStyles","createElement","mergeClasses","root","displayName"],"mappings":";;;;;;;;;;;IAGaA,8BAA8B;eAA9BA;;IACAC,qBAAqB;eAArBA;;;;iCAJgB;iEACN;6CACwB;AACxC,MAAMD,iCAAiC;AACvC,MAAMC,wBAAwB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACxE,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,2DAA8B;IAC9C,OAAO,WAAW,GAAGR,OAAMS,aAAa,CAAC,QAAQ;QAC7CN,KAAKA;QACLC,WAAWM,IAAAA,6BAAY,EAACZ,gCAAgCS,QAAQI,IAAI,EAAEP;QACtE,GAAGE,IAAI;IACX,GAAGD;AACP;AACAN,sBAAsBa,WAAW,GAAG"}
+{"version":3,"sources":["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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentDescription.styles.js"],"sourcesContent":["import { __styles, tokens } from '@fluentui/react-components';\nexport const useAttachmentDescriptionStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"ftgm304\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fp6vxd\"\n  }\n}, {\n  d: [\".ftgm304{display:block;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fp6vxd{line-height:1;}\"]\n});\n//# sourceMappingURL=AttachmentDescription.styles.js.map"],"names":["useAttachmentDescriptionStyles","__styles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":";;;;+BACaA;;;eAAAA;;;iCADoB;AAC1B,MAAMA,iCAAiC,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IAClEC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA4B;QAA+C;QAAmD;KAA0B;AAC9J,IACA,wDAAwD"}
+{"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"}

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

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    attachmentHeaderClassName: function() {
-        return attachmentHeaderClassName;
-    },
     AttachmentHeader: function() {
         return AttachmentHeader;
+    },
+    attachmentHeaderClassName: function() {
+        return attachmentHeaderClassName;
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");

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

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentHeader.js"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentHeaderStyles } from './AttachmentHeader.styles';\nexport const attachmentHeaderClassName = 'fui-AttachmentHeader';\nexport const AttachmentHeader = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const { className, children, ...rest } = props;\n    const classes = useAttachmentHeaderStyles();\n    return /*#__PURE__*/ React.createElement(\"span\", {\n        ref: ref,\n        className: mergeClasses(attachmentHeaderClassName, classes.root, className),\n        ...rest\n    }, children);\n});\nAttachmentHeader.displayName = 'AttachmentHeader';\n"],"names":["attachmentHeaderClassName","AttachmentHeader","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentHeaderStyles","createElement","mergeClasses","root","displayName"],"mappings":";;;;;;;;;;;IAGaA,yBAAyB;eAAzBA;;IACAC,gBAAgB;eAAhBA;;;;iCAJgB;iEACN;wCACmB;AACnC,MAAMD,4BAA4B;AAClC,MAAMC,mBAAmB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnE,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,iDAAyB;IACzC,OAAO,WAAW,GAAGR,OAAMS,aAAa,CAAC,QAAQ;QAC7CN,KAAKA;QACLC,WAAWM,IAAAA,6BAAY,EAACZ,2BAA2BS,QAAQI,IAAI,EAAEP;QACjE,GAAGE,IAAI;IACX,GAAGD;AACP;AACAN,iBAAiBa,WAAW,GAAG"}
+{"version":3,"sources":["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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentHeader.styles.js"],"sourcesContent":["import { __styles, tokens } from '@fluentui/react-components';\nexport const useAttachmentHeaderStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"ftgm304\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"f8497fr\"\n  }\n}, {\n  d: [\".ftgm304{display:block;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".f8497fr{line-height:1.4286;}\"]\n});\n//# sourceMappingURL=AttachmentHeader.styles.js.map"],"names":["useAttachmentHeaderStyles","__styles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":";;;;+BACaA;;;eAAAA;;;iCADoB;AAC1B,MAAMA,4BAA4B,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IAC7DC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA4B;QAA+C;QAAoD;KAAgC;AACrK,IACA,mDAAmD"}
+{"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"}

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

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    attachmentIconClassName: function() {
-        return attachmentIconClassName;
-    },
     AttachmentIcon: function() {
         return AttachmentIcon;
+    },
+    attachmentIconClassName: function() {
+        return attachmentIconClassName;
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");

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

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentIcon.js"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentIconStyles } from './AttachmentIcon.styles';\nexport const attachmentIconClassName = 'fui-AttachmentIcon';\nexport const AttachmentIcon = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const { className, children, ...rest } = props;\n    const classes = useAttachmentIconStyles();\n    return /*#__PURE__*/ React.createElement(\"span\", {\n        ref: ref,\n        className: mergeClasses(attachmentIconClassName, classes.root, className),\n        ...rest\n    }, children);\n});\nAttachmentIcon.displayName = 'AttachmentIcon';\n"],"names":["attachmentIconClassName","AttachmentIcon","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentIconStyles","createElement","mergeClasses","root","displayName"],"mappings":";;;;;;;;;;;IAGaA,uBAAuB;eAAvBA;;IACAC,cAAc;eAAdA;;;;iCAJgB;iEACN;sCACiB;AACjC,MAAMD,0BAA0B;AAChC,MAAMC,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,6CAAuB;IACvC,OAAO,WAAW,GAAGR,OAAMS,aAAa,CAAC,QAAQ;QAC7CN,KAAKA;QACLC,WAAWM,IAAAA,6BAAY,EAACZ,yBAAyBS,QAAQI,IAAI,EAAEP;QAC/D,GAAGE,IAAI;IACX,GAAGD;AACP;AACAN,eAAea,WAAW,GAAG"}
+{"version":3,"sources":["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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentIcon.styles.js"],"sourcesContent":["import { __styles } from '@fluentui/react-components';\nexport const useAttachmentIconStyles = /*#__PURE__*/__styles({\n  root: {\n    Bqenvij: \"f1d2rq10\",\n    a9b677: \"f1szoe96\",\n    t21cq0: [\"f1x4n1mu\", \"f1hf5xhj\"],\n    mc9l5x: \"ftuwxu6\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\",\n    p4uzdd: \"ffmg4tr\",\n    B5pe6w7: \"f17klwcu\"\n  }\n}, {\n  d: [\".f1d2rq10{height:32px;}\", \".f1szoe96{width:32px;}\", \".f1x4n1mu{margin-right:12px;}\", \".f1hf5xhj{margin-left:12px;}\", \".ftuwxu6{display:inline-flex;}\", \".f122n59{align-items:center;}\", \".f4d9j23{justify-content:center;}\", \".ffmg4tr svg{height:100%;}\", \".f17klwcu svg{width:100%;}\"]\n});\n//# sourceMappingURL=AttachmentIcon.styles.js.map"],"names":["useAttachmentIconStyles","__styles","root","Bqenvij","a9b677","t21cq0","mc9l5x","Bt984gj","Brf1p80","p4uzdd","B5pe6w7","d"],"mappings":";;;;+BACaA;;;eAAAA;;;iCADY;AAClB,MAAMA,0BAA0B,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IAC3DC,MAAM;QACJC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAA0B;QAAiC;QAAgC;QAAkC;QAAiC;QAAqC;QAA8B;KAA6B;AAC/R,IACA,iDAAiD"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Attachment';\nexport * from './AttachmentAction';\nexport * from './AttachmentBody';\nexport * from './AttachmentDescription';\nexport * from './AttachmentHeader';\nexport * from './AttachmentIcon';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Attachment';\nexport * from './AttachmentAction';\nexport * from './AttachmentBody';\nexport * from './AttachmentDescription';\nexport * from './AttachmentHeader';\nexport * from './AttachmentIcon';\n\nexport type { AttachmentProps } from './Attachment';\nexport type { AttachmentActionProps } from './AttachmentAction';\nexport type { AttachmentBodyProps } from './AttachmentBody';\nexport type { AttachmentDescriptionProps } from './AttachmentDescription';\nexport type { AttachmentHeaderProps } from './AttachmentHeader';\nexport type { AttachmentIconProps } from './AttachmentIcon';\n"],"names":[],"rangeMappings":";;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}

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

@@ -9,20 +9,20 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    v9HoverClasses: function() {
-        return v9HoverClasses;
-    },
-    v9Icon: function() {
-        return v9Icon;
+    v0Icon: function() {
+        return v0Icon;
     },
     v9CustomSizeIcon: function() {
         return v9CustomSizeIcon;
     },
-    v0Icon: function() {
-        return v0Icon;
-    },
     v9DisabledCursor: function() {
         return v9DisabledCursor;
+    },
+    v9HoverClasses: function() {
+        return v9HoverClasses;
+    },
+    v9Icon: function() {
+        return v9Icon;
     }
 });
 const _reacticons = require("@fluentui/react-icons");

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

@@ -1 +1 @@
-{"version":3,"sources":["ButtonMigration.mixins.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n// class names from v0 - not imported as we do not want to keep depending on v0.\nconst iconClassNames = {\n    filled: 'ui-icon__filled',\n    outline: 'ui-icon__outline'\n};\nexport const v9HoverClasses = ()=>({\n        [`& .${iconFilledClassName}`]: {\n            display: 'none'\n        },\n        [`& .${iconRegularClassName}`]: {\n            display: 'inline'\n        },\n        '&:hover': {\n            [`& .${iconFilledClassName}`]: {\n                display: 'inline'\n            },\n            [`& .${iconRegularClassName}`]: {\n                display: 'none'\n            }\n        }\n    });\nexport const v9Icon = ()=>({\n        // styles that allow to keep consistent size of v9 icon with v0 icon\n        '& svg': {\n            width: '100%',\n            paddingBottom: '100%',\n            // negative margin is necessary here for centering v9 icon\n            // with v0 button, because of extra spaces that svg contains\n            margin: '-4px 0 0 -4px',\n            overflow: 'visible'\n        },\n        ...v9HoverClasses()\n    });\nexport const v9CustomSizeIcon = ()=>({\n        '& svg': {\n            overflow: 'visible'\n        },\n        ...v9HoverClasses()\n    });\nexport const v0Icon = ()=>({\n        [`& .${iconClassNames.outline}`]: {\n            display: 'block'\n        },\n        [`& .${iconClassNames.filled}`]: {\n            display: 'none'\n        },\n        '&:hover': {\n            [`& .${iconClassNames.outline}`]: {\n                display: 'none'\n            },\n            [`& .${iconClassNames.filled}`]: {\n                display: 'block'\n            }\n        }\n    });\nexport const v9DisabledCursor = ()=>({\n        '&:disabled': {\n            cursor: 'default',\n            '&:hover': {\n                cursor: 'default'\n            },\n            '&:hover:active': {\n                cursor: 'default'\n            }\n        }\n    });\n"],"names":["v9HoverClasses","v9Icon","v9CustomSizeIcon","v0Icon","v9DisabledCursor","iconClassNames","filled","outline","iconFilledClassName","display","iconRegularClassName","width","paddingBottom","margin","overflow","cursor"],"mappings":";;;;;;;;;;;IAMaA,cAAc;eAAdA;;IAgBAC,MAAM;eAANA;;IAYAC,gBAAgB;eAAhBA;;IAMAC,MAAM;eAANA;;IAgBAC,gBAAgB;eAAhBA;;;4BAxD6C;AAC1D,gFAAgF;AAChF,MAAMC,iBAAiB;IACnBC,QAAQ;IACRC,SAAS;AACb;AACO,MAAMP,iBAAiB,IAAK,CAAA;QAC3B,CAAC,CAAC,GAAG,EAAEQ,+BAAmB,CAAC,CAAC,CAAC,EAAE;YAC3BC,SAAS;QACb;QACA,CAAC,CAAC,GAAG,EAAEC,gCAAoB,CAAC,CAAC,CAAC,EAAE;YAC5BD,SAAS;QACb;QACA,WAAW;YACP,CAAC,CAAC,GAAG,EAAED,+BAAmB,CAAC,CAAC,CAAC,EAAE;gBAC3BC,SAAS;YACb;YACA,CAAC,CAAC,GAAG,EAAEC,gCAAoB,CAAC,CAAC,CAAC,EAAE;gBAC5BD,SAAS;YACb;QACJ;IACJ,CAAA;AACG,MAAMR,SAAS,IAAK,CAAA;QACnB,oEAAoE;QACpE,SAAS;YACLU,OAAO;YACPC,eAAe;YACf,0DAA0D;YAC1D,4DAA4D;YAC5DC,QAAQ;YACRC,UAAU;QACd;QACA,GAAGd,gBAAgB;IACvB,CAAA;AACG,MAAME,mBAAmB,IAAK,CAAA;QAC7B,SAAS;YACLY,UAAU;QACd;QACA,GAAGd,gBAAgB;IACvB,CAAA;AACG,MAAMG,SAAS,IAAK,CAAA;QACnB,CAAC,CAAC,GAAG,EAAEE,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;YAC9BE,SAAS;QACb;QACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;YAC7BG,SAAS;QACb;QACA,WAAW;YACP,CAAC,CAAC,GAAG,EAAEJ,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC9BE,SAAS;YACb;YACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC7BG,SAAS;YACb;QACJ;IACJ,CAAA;AACG,MAAML,mBAAmB,IAAK,CAAA;QAC7B,cAAc;YACVW,QAAQ;YACR,WAAW;gBACPA,QAAQ;YACZ;YACA,kBAAkB;gBACdA,QAAQ;YACZ;QACJ;IACJ,CAAA"}
+{"version":3,"sources":["ButtonMigration.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n// class names from v0 - not imported as we do not want to keep depending on v0.\nconst iconClassNames = {\n  filled: 'ui-icon__filled',\n  outline: 'ui-icon__outline',\n};\n\nexport const v9HoverClasses = (): GriffelStyle => ({\n  [`& .${iconFilledClassName}`]: {\n    display: 'none',\n  },\n  [`& .${iconRegularClassName}`]: {\n    display: 'inline',\n  },\n  '&:hover': {\n    [`& .${iconFilledClassName}`]: {\n      display: 'inline',\n    },\n    [`& .${iconRegularClassName}`]: {\n      display: 'none',\n    },\n  },\n});\n\nexport const v9Icon = (): GriffelStyle => ({\n  // styles that allow to keep consistent size of v9 icon with v0 icon\n  '& svg': {\n    width: '100%',\n    paddingBottom: '100%',\n    // negative margin is necessary here for centering v9 icon\n    // with v0 button, because of extra spaces that svg contains\n    margin: '-4px 0 0 -4px',\n    overflow: 'visible',\n  },\n  ...v9HoverClasses(),\n});\n\nexport const v9CustomSizeIcon = (): GriffelStyle => ({\n  '& svg': { overflow: 'visible' },\n  ...v9HoverClasses(),\n});\n\nexport const v0Icon = (): GriffelStyle => ({\n  [`& .${iconClassNames.outline}`]: {\n    display: 'block',\n  },\n  [`& .${iconClassNames.filled}`]: {\n    display: 'none',\n  },\n  '&:hover': {\n    [`& .${iconClassNames.outline}`]: {\n      display: 'none',\n    },\n    [`& .${iconClassNames.filled}`]: {\n      display: 'block',\n    },\n  },\n});\n\nexport const v9DisabledCursor = (): GriffelStyle => ({\n  '&:disabled': {\n    cursor: 'default',\n    '&:hover': {\n      cursor: 'default',\n    },\n    '&:hover:active': {\n      cursor: 'default',\n    },\n  },\n});\n"],"names":["v0Icon","v9CustomSizeIcon","v9DisabledCursor","v9HoverClasses","v9Icon","iconClassNames","filled","outline","iconFilledClassName","display","iconRegularClassName","width","paddingBottom","margin","overflow","cursor"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA4CaA,MAAAA;eAAAA;;IALAC,gBAAAA;eAAAA;;IAsBAC,gBAAAA;eAAAA;;IApDAC,cAAAA;eAAAA;;IAiBAC,MAAAA;eAAAA;;;4BAzB6C;AAE1D,gFAAgF;AAChF,MAAMC,iBAAiB;IACrBC,QAAQ;IACRC,SAAS;AACX;AAEO,MAAMJ,iBAAiB,IAAqB,CAAA;QACjD,CAAC,CAAC,GAAG,EAAEK,+BAAAA,CAAoB,CAAC,CAAC,EAAE;YAC7BC,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEC,gCAAAA,CAAqB,CAAC,CAAC,EAAE;YAC9BD,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAED,+BAAAA,CAAoB,CAAC,CAAC,EAAE;gBAC7BC,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEC,gCAAAA,CAAqB,CAAC,CAAC,EAAE;gBAC9BD,SAAS;YACX;QACF;IACF,CAAA;AAEO,MAAML,SAAS,IAAqB,CAAA;QACzC,oEAAoE;QACpE,SAAS;YACPO,OAAO;YACPC,eAAe;YACf,0DAA0D;YAC1D,4DAA4D;YAC5DC,QAAQ;YACRC,UAAU;QACZ;QACA,GAAGX,gBAAgB;IACrB,CAAA;AAEO,MAAMF,mBAAmB,IAAqB,CAAA;QACnD,SAAS;YAAEa,UAAU;QAAU;QAC/B,GAAGX,gBAAgB;IACrB,CAAA;AAEO,MAAMH,SAAS,IAAqB,CAAA;QACzC,CAAC,CAAC,GAAG,EAAEK,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;YAChCE,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;YAC/BG,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAEJ,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;gBAChCE,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC/BG,SAAS;YACX;QACF;IACF,CAAA;AAEO,MAAMP,mBAAmB,IAAqB,CAAA;QACnD,cAAc;YACZa,QAAQ;YACR,WAAW;gBACTA,QAAQ;YACV;YACA,kBAAkB;gBAChBA,QAAQ;YACV;QACF;IACF,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ButtonMigration.mixins';\n"],"names":[],"mappings":";;;;;uBAAc"}
+{"version":3,"sources":["index.tsx"],"sourcesContent":["export * from './ButtonMigration.mixins';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/components/Flex/Flex.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    flexClassName: function() {
-        return flexClassName;
-    },
     Flex: function() {
         return Flex;
+    },
+    flexClassName: function() {
+        return flexClassName;
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");

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

@@ -1 +1 @@
-{"version":3,"sources":["Flex.js"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useFlexStyles } from './Flex.styles';\nexport const flexClassName = 'fui-Flex';\nexport const Flex = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const { children, column, fill, gap, hAlign, inline, padding, space, vAlign, wrap, className, ...rest } = props;\n    const classes = useFlexStyles();\n    const classMaps = React.useMemo(()=>({\n            alignItems: {\n                start: classes.alignItemsFlexStart,\n                center: classes.alignItemsCenter,\n                end: classes.alignItemsFlexEnd,\n                stretch: classes.alignItemsCenter\n            },\n            justifyContent: {\n                start: classes.justifyContentFlexStart,\n                center: classes.justifyContentCenter,\n                end: classes.justifyContentFlexEnd,\n                stretch: classes.justifyContentStretch\n            },\n            justifyContentSpace: {\n                around: classes.justifyContentSpaceAround,\n                between: classes.justifyContentSpaceBetween,\n                evenly: classes.justifyContentSpaceEvenly\n            },\n            gapForColumnFlex: {\n                'gap.smaller': classes.gapForColumnFlexSmaller,\n                'gap.small': classes.gapForColumnFlexSmall,\n                'gap.medium': classes.gapForColumnFlexMedium,\n                'gap.large': classes.gapForColumnFlexLarge\n            },\n            gapRow: {\n                'gap.smaller': classes.gapForRowFlexSmaller,\n                'gap.small': classes.gapForRowFlexSmall,\n                'gap.medium': classes.gapForRowFlexMedium,\n                'gap.large': classes.gapForRowFlexLarge\n            },\n            paddings: {\n                'padding.medium': classes.paddingMedium\n            }\n        }), [\n        classes\n    ]);\n    const flexClasses = mergeClasses(flexClassName, classes.flex, inline && classes.inline, column && classes.column, hAlign && (column ? classMaps.alignItems[hAlign] : classMaps.justifyContent[hAlign]), vAlign && (column ? classMaps.justifyContent[vAlign] : classMaps.alignItems[vAlign]), space && classMaps.justifyContentSpace[space], wrap && classes.wrap, fill && classes.fill, gap && (column ? classMaps.gapForColumnFlex[gap] : classMaps.gapRow[gap]), padding && classMaps.paddings[padding], className);\n    const content = React.Children.map(children, (child)=>{\n        var _child_type;\n        // @ts-expect-error __isFlexItem is added to the React type property by N*\n        const isFlexItemElement = child === null || child === void 0 ? void 0 : (_child_type = child.type) === null || _child_type === void 0 ? void 0 : _child_type.__isFlexItem;\n        return isFlexItemElement ? /*#__PURE__*/ React.cloneElement(child, {\n            flexDirection: column ? 'column' : 'row'\n        }) : child;\n    });\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        ref: ref,\n        className: flexClasses,\n        ...rest\n    }, content);\n});\nFlex.displayName = 'Flex';\n"],"names":["flexClassName","Flex","React","forwardRef","props","ref","children","column","fill","gap","hAlign","inline","padding","space","vAlign","wrap","className","rest","classes","useFlexStyles","classMaps","useMemo","alignItems","start","alignItemsFlexStart","center","alignItemsCenter","end","alignItemsFlexEnd","stretch","justifyContent","justifyContentFlexStart","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpace","around","justifyContentSpaceAround","between","justifyContentSpaceBetween","evenly","justifyContentSpaceEvenly","gapForColumnFlex","gapForColumnFlexSmaller","gapForColumnFlexSmall","gapForColumnFlexMedium","gapForColumnFlexLarge","gapRow","gapForRowFlexSmaller","gapForRowFlexSmall","gapForRowFlexMedium","gapForRowFlexLarge","paddings","paddingMedium","flexClasses","mergeClasses","flex","content","Children","map","child","_child_type","isFlexItemElement","type","__isFlexItem","cloneElement","flexDirection","createElement","displayName"],"mappings":";;;;;;;;;;;IAGaA,aAAa;eAAbA;;IACAC,IAAI;eAAJA;;;;iCAJgB;iEACN;4BACO;AACvB,MAAMD,gBAAgB;AACtB,MAAMC,OAAO,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvD,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,GAAG,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGb;IAC1G,MAAMc,UAAUC,IAAAA,yBAAa;IAC7B,MAAMC,YAAYlB,OAAMmB,OAAO,CAAC,IAAK,CAAA;YAC7BC,YAAY;gBACRC,OAAOL,QAAQM,mBAAmB;gBAClCC,QAAQP,QAAQQ,gBAAgB;gBAChCC,KAAKT,QAAQU,iBAAiB;gBAC9BC,SAASX,QAAQQ,gBAAgB;YACrC;YACAI,gBAAgB;gBACZP,OAAOL,QAAQa,uBAAuB;gBACtCN,QAAQP,QAAQc,oBAAoB;gBACpCL,KAAKT,QAAQe,qBAAqB;gBAClCJ,SAASX,QAAQgB,qBAAqB;YAC1C;YACAC,qBAAqB;gBACjBC,QAAQlB,QAAQmB,yBAAyB;gBACzCC,SAASpB,QAAQqB,0BAA0B;gBAC3CC,QAAQtB,QAAQuB,yBAAyB;YAC7C;YACAC,kBAAkB;gBACd,eAAexB,QAAQyB,uBAAuB;gBAC9C,aAAazB,QAAQ0B,qBAAqB;gBAC1C,cAAc1B,QAAQ2B,sBAAsB;gBAC5C,aAAa3B,QAAQ4B,qBAAqB;YAC9C;YACAC,QAAQ;gBACJ,eAAe7B,QAAQ8B,oBAAoB;gBAC3C,aAAa9B,QAAQ+B,kBAAkB;gBACvC,cAAc/B,QAAQgC,mBAAmB;gBACzC,aAAahC,QAAQiC,kBAAkB;YAC3C;YACAC,UAAU;gBACN,kBAAkBlC,QAAQmC,aAAa;YAC3C;QACJ,CAAA,GAAI;QACJnC;KACH;IACD,MAAMoC,cAAcC,IAAAA,6BAAY,EAACvD,eAAekB,QAAQsC,IAAI,EAAE7C,UAAUO,QAAQP,MAAM,EAAEJ,UAAUW,QAAQX,MAAM,EAAEG,UAAWH,CAAAA,SAASa,UAAUE,UAAU,CAACZ,OAAO,GAAGU,UAAUU,cAAc,CAACpB,OAAO,AAAD,GAAII,UAAWP,CAAAA,SAASa,UAAUU,cAAc,CAAChB,OAAO,GAAGM,UAAUE,UAAU,CAACR,OAAO,AAAD,GAAID,SAASO,UAAUe,mBAAmB,CAACtB,MAAM,EAAEE,QAAQG,QAAQH,IAAI,EAAEP,QAAQU,QAAQV,IAAI,EAAEC,OAAQF,CAAAA,SAASa,UAAUsB,gBAAgB,CAACjC,IAAI,GAAGW,UAAU2B,MAAM,CAACtC,IAAI,AAAD,GAAIG,WAAWQ,UAAUgC,QAAQ,CAACxC,QAAQ,EAAEI;IAC5e,MAAMyC,UAAUvD,OAAMwD,QAAQ,CAACC,GAAG,CAACrD,UAAU,CAACsD;QAC1C,IAAIC;QACJ,0EAA0E;QAC1E,MAAMC,oBAAoBF,UAAU,QAAQA,UAAU,KAAK,IAAI,KAAK,IAAI,AAACC,CAAAA,cAAcD,MAAMG,IAAI,AAAD,MAAO,QAAQF,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYG,YAAY;QACzK,OAAOF,oBAAoB,WAAW,GAAG5D,OAAM+D,YAAY,CAACL,OAAO;YAC/DM,eAAe3D,SAAS,WAAW;QACvC,KAAKqD;IACT;IACA,OAAO,WAAW,GAAG1D,OAAMiE,aAAa,CAAC,OAAO;QAC5C9D,KAAKA;QACLW,WAAWsC;QACX,GAAGrC,IAAI;IACX,GAAGwC;AACP;AACAxD,KAAKmE,WAAW,GAAG"}
+{"version":3,"sources":["Flex.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\n\nimport { useFlexStyles } from './Flex.styles';\n\nexport interface FlexProps {\n  /** Defines if container should be inline element. */\n  inline?: boolean;\n\n  /** Sets vertical flow direction. */\n  column?: boolean;\n\n  /** Allows overflow items to wrap on the next container's line. */\n  wrap?: boolean;\n\n  /** Controls items alignment in horizontal direction. */\n  hAlign?: 'start' | 'center' | 'end' | 'stretch';\n\n  /** Controls items alignment in vertical direction. */\n  vAlign?: 'start' | 'center' | 'end' | 'stretch';\n\n  /** Defines strategy for distributing remaining space between items. */\n  space?: 'around' | 'between' | 'evenly';\n\n  /** Defines gap between each two adjacent child items. */\n  gap?: 'gap.smaller' | 'gap.small' | 'gap.medium' | 'gap.large';\n\n  /** Defines container's padding. */\n  padding?: 'padding.medium';\n\n  /** Orders container to fill all parent's space available. */\n  fill?: boolean;\n}\n\nexport const flexClassName = 'fui-Flex';\n\nexport const Flex = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement> & FlexProps>((props, ref) => {\n  const { children, column, fill, gap, hAlign, inline, padding, space, vAlign, wrap, className, ...rest } = props;\n  const classes = useFlexStyles();\n\n  const classMaps = React.useMemo(\n    () => ({\n      alignItems: {\n        start: classes.alignItemsFlexStart,\n        center: classes.alignItemsCenter,\n        end: classes.alignItemsFlexEnd,\n        stretch: classes.alignItemsCenter,\n      },\n      justifyContent: {\n        start: classes.justifyContentFlexStart,\n        center: classes.justifyContentCenter,\n        end: classes.justifyContentFlexEnd,\n        stretch: classes.justifyContentStretch,\n      },\n      justifyContentSpace: {\n        around: classes.justifyContentSpaceAround,\n        between: classes.justifyContentSpaceBetween,\n        evenly: classes.justifyContentSpaceEvenly,\n      },\n      gapForColumnFlex: {\n        'gap.smaller': classes.gapForColumnFlexSmaller,\n        'gap.small': classes.gapForColumnFlexSmall,\n        'gap.medium': classes.gapForColumnFlexMedium,\n        'gap.large': classes.gapForColumnFlexLarge,\n      },\n      gapRow: {\n        'gap.smaller': classes.gapForRowFlexSmaller,\n        'gap.small': classes.gapForRowFlexSmall,\n        'gap.medium': classes.gapForRowFlexMedium,\n        'gap.large': classes.gapForRowFlexLarge,\n      },\n      paddings: {\n        'padding.medium': classes.paddingMedium,\n      },\n    }),\n    [classes],\n  );\n\n  const flexClasses = mergeClasses(\n    flexClassName,\n    classes.flex,\n    inline && classes.inline,\n    column && classes.column,\n    hAlign && (column ? classMaps.alignItems[hAlign] : classMaps.justifyContent[hAlign]),\n    vAlign && (column ? classMaps.justifyContent[vAlign] : classMaps.alignItems[vAlign]),\n    space && classMaps.justifyContentSpace[space],\n    wrap && classes.wrap,\n    fill && classes.fill,\n    gap && (column ? classMaps.gapForColumnFlex[gap] : classMaps.gapRow[gap]),\n    padding && classMaps.paddings[padding],\n    className,\n  );\n\n  const content = React.Children.map(children, child => {\n    // @ts-expect-error __isFlexItem is added to the React type property by N*\n    const isFlexItemElement: boolean = child?.type?.__isFlexItem;\n\n    return isFlexItemElement\n      ? React.cloneElement(child as React.ReactElement, {\n          flexDirection: column ? 'column' : 'row',\n        })\n      : child;\n  });\n\n  return (\n    <div ref={ref} className={flexClasses} {...rest}>\n      {content}\n    </div>\n  );\n});\n\nFlex.displayName = 'Flex';\n"],"names":["Flex","flexClassName","React","forwardRef","props","ref","children","column","fill","gap","hAlign","inline","padding","space","vAlign","wrap","className","rest","classes","useFlexStyles","classMaps","useMemo","alignItems","start","alignItemsFlexStart","center","alignItemsCenter","end","alignItemsFlexEnd","stretch","justifyContent","justifyContentFlexStart","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpace","around","justifyContentSpaceAround","between","justifyContentSpaceBetween","evenly","justifyContentSpaceEvenly","gapForColumnFlex","gapForColumnFlexSmaller","gapForColumnFlexSmall","gapForColumnFlexMedium","gapForColumnFlexLarge","gapRow","gapForRowFlexSmaller","gapForRowFlexSmall","gapForRowFlexMedium","gapForRowFlexLarge","paddings","paddingMedium","flexClasses","mergeClasses","flex","content","Children","map","child","isFlexItemElement","type","__isFlexItem","cloneElement","flexDirection","createElement","div","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAoCaA,IAAAA;eAAAA;;IAFAC,aAAAA;eAAAA;;;;iCAlCgB;iEACN;4BAEO;AA+BvB,MAAMA,gBAAgB;AAEtB,MAAMD,OAAAA,WAAAA,GAAOE,OAAMC,UAAU,CAAgE,CAACC,OAAOC;IAC1G,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,GAAG,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGb;IAC1G,MAAMc,UAAUC,IAAAA,yBAAAA;IAEhB,MAAMC,YAAYlB,OAAMmB,OAAO,CAC7B,IAAO,CAAA;YACLC,YAAY;gBACVC,OAAOL,QAAQM,mBAAmB;gBAClCC,QAAQP,QAAQQ,gBAAgB;gBAChCC,KAAKT,QAAQU,iBAAiB;gBAC9BC,SAASX,QAAQQ,gBAAgB;YACnC;YACAI,gBAAgB;gBACdP,OAAOL,QAAQa,uBAAuB;gBACtCN,QAAQP,QAAQc,oBAAoB;gBACpCL,KAAKT,QAAQe,qBAAqB;gBAClCJ,SAASX,QAAQgB,qBAAqB;YACxC;YACAC,qBAAqB;gBACnBC,QAAQlB,QAAQmB,yBAAyB;gBACzCC,SAASpB,QAAQqB,0BAA0B;gBAC3CC,QAAQtB,QAAQuB,yBAAyB;YAC3C;YACAC,kBAAkB;gBAChB,eAAexB,QAAQyB,uBAAuB;gBAC9C,aAAazB,QAAQ0B,qBAAqB;gBAC1C,cAAc1B,QAAQ2B,sBAAsB;gBAC5C,aAAa3B,QAAQ4B,qBAAqB;YAC5C;YACAC,QAAQ;gBACN,eAAe7B,QAAQ8B,oBAAoB;gBAC3C,aAAa9B,QAAQ+B,kBAAkB;gBACvC,cAAc/B,QAAQgC,mBAAmB;gBACzC,aAAahC,QAAQiC,kBAAkB;YACzC;YACAC,UAAU;gBACR,kBAAkBlC,QAAQmC,aAAa;YACzC;QACF,CAAA,GACA;QAACnC;KAAQ;IAGX,MAAMoC,cAAcC,IAAAA,6BAAAA,EAClBtD,eACAiB,QAAQsC,IAAI,EACZ7C,UAAUO,QAAQP,MAAM,EACxBJ,UAAUW,QAAQX,MAAM,EACxBG,UAAWH,CAAAA,SAASa,UAAUE,UAAU,CAACZ,OAAO,GAAGU,UAAUU,cAAc,CAACpB,OAAO,AAAPA,GAC5EI,UAAWP,CAAAA,SAASa,UAAUU,cAAc,CAAChB,OAAO,GAAGM,UAAUE,UAAU,CAACR,OAAO,AAAPA,GAC5ED,SAASO,UAAUe,mBAAmB,CAACtB,MAAM,EAC7CE,QAAQG,QAAQH,IAAI,EACpBP,QAAQU,QAAQV,IAAI,EACpBC,OAAQF,CAAAA,SAASa,UAAUsB,gBAAgB,CAACjC,IAAI,GAAGW,UAAU2B,MAAM,CAACtC,IAAI,AAAJA,GACpEG,WAAWQ,UAAUgC,QAAQ,CAACxC,QAAQ,EACtCI;IAGF,MAAMyC,UAAUvD,OAAMwD,QAAQ,CAACC,GAAG,CAACrD,UAAUsD,CAAAA;YAERA;QADnC,0EAA0E;QAC1E,MAAMC,oBAA6BD,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,CAAAA,cAAAA,MAAOE,IAAI,AAAJA,MAAI,QAAXF,gBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,YAAaG,YAAY;QAE5D,OAAOF,oBAAAA,WAAAA,GACH3D,OAAM8D,YAAY,CAACJ,OAA6B;YAC9CK,eAAe1D,SAAS,WAAW;QACrC,KACAqD;IACN;IAEA,OAAA,WAAA,GACE1D,OAAAgE,aAAA,CAACC,OAAAA;QAAI9D,KAAKA;QAAKW,WAAWsC;QAAc,GAAGrC,IAAI;OAC5CwC;AAGP;AAEAzD,KAAKoE,WAAW,GAAG"}