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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentIconStyles", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentIconStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useAttachmentIconStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        height: '32px',
+        width: '32px',
+        marginRight: '12px',
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        '& svg': {
+            height: '100%',
+            width: '100%'
+        }
+    }
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Attachment/AttachmentIcon.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\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":["makeStyles","useAttachmentIconStyles","root","height","width","marginRight","display","alignItems","justifyContent"],"mappings":";;;;;;;;;;iCAA2B,6BAA6B;AAEjD,MAAMC,8BAA0BD,2BAAAA,EAAW;IAChDE,MAAM;QACJC,QAAQ;QACRC,OAAO;QACPC,aAAa;QACbC,SAAS;QACTC,YAAY;QACZC,gBAAgB;QAChB,SAAS;YACPL,QAAQ;YACRC,OAAO;QACT;IACF;AACF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Attachment/index.ts"],"sourcesContent":["export type { AttachmentProps } from './Attachment';\nexport {\n  Attachment,\n  attachmentClassName,\n  attachmentProgressBarClassName,\n  attachmentProgressContainerClassName,\n} from './Attachment';\nexport type { AttachmentActionProps } from './AttachmentAction';\nexport { AttachmentAction, attachmentActionClassName } from './AttachmentAction';\nexport type { AttachmentBodyProps } from './AttachmentBody';\nexport { AttachmentBody, attachmentBodyClassName } from './AttachmentBody';\nexport type { AttachmentDescriptionProps } from './AttachmentDescription';\nexport { AttachmentDescription, attachmentDescriptionClassName } from './AttachmentDescription';\nexport type { AttachmentHeaderProps } from './AttachmentHeader';\nexport { AttachmentHeader, attachmentHeaderClassName } from './AttachmentHeader';\nexport type { AttachmentIconProps } from './AttachmentIcon';\nexport { AttachmentIcon, attachmentIconClassName } from './AttachmentIcon';\n"],"names":["Attachment","AttachmentAction","AttachmentBody","AttachmentDescription","AttachmentHeader","AttachmentIcon","attachmentActionClassName","attachmentBodyClassName","attachmentClassName","attachmentDescriptionClassName","attachmentHeaderClassName","attachmentIconClassName","attachmentProgressBarClassName","attachmentProgressContainerClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEEA,UAAU;eAAVA,sBAAU;;IAMHC,gBAAgB;eAAhBA,kCAAgB;;IAEhBC,cAAc;eAAdA,8BAAc;;IAEdC,qBAAqB;eAArBA,4CAAqB;;IAErBC,gBAAgB;eAAhBA,kCAAgB;;IAEhBC,cAAc;eAAdA,8BAAc;;IARIC,yBAAyB;eAAzBA,2CAAyB;;IAE3BC,uBAAuB;eAAvBA,uCAAuB;;IAP9CC,mBAAmB;eAAnBA,+BAAmB;;IASWC,8BAA8B;eAA9BA,qDAA8B;;IAEnCC,yBAAyB;eAAzBA,2CAAyB;;IAE3BC,uBAAuB;eAAvBA,uCAAuB;;IAZ9CC,8BAA8B;eAA9BA,0CAA8B;;IAC9BC,oCAAoC;eAApCA,gDAAoC;;;4BAC/B;kCAEqD;gCAEJ;uCAEc;kCAEV;gCAEJ"}
+{"version":3,"sources":["../src/components/Attachment/index.ts"],"sourcesContent":["export type { AttachmentProps } from './Attachment';\nexport {\n  Attachment,\n  attachmentClassName,\n  attachmentProgressBarClassName,\n  attachmentProgressContainerClassName,\n} from './Attachment';\nexport type { AttachmentActionProps } from './AttachmentAction';\nexport { AttachmentAction, attachmentActionClassName } from './AttachmentAction';\nexport type { AttachmentBodyProps } from './AttachmentBody';\nexport { AttachmentBody, attachmentBodyClassName } from './AttachmentBody';\nexport type { AttachmentDescriptionProps } from './AttachmentDescription';\nexport { AttachmentDescription, attachmentDescriptionClassName } from './AttachmentDescription';\nexport type { AttachmentHeaderProps } from './AttachmentHeader';\nexport { AttachmentHeader, attachmentHeaderClassName } from './AttachmentHeader';\nexport type { AttachmentIconProps } from './AttachmentIcon';\nexport { AttachmentIcon, attachmentIconClassName } from './AttachmentIcon';\n"],"names":["Attachment","attachmentClassName","attachmentProgressBarClassName","attachmentProgressContainerClassName","AttachmentAction","attachmentActionClassName","AttachmentBody","attachmentBodyClassName","AttachmentDescription","attachmentDescriptionClassName","AttachmentHeader","attachmentHeaderClassName","AttachmentIcon","attachmentIconClassName"],"mappings":";;;;;;;;;;;IAEEA;qCAAU;;oBAMa;eAAhBI;;kBAEc;eAAdE;;IAEAE;2DAAqB;;oBAEL;eAAhBE;;IAEAE;6CAAc;;;eARIP,2CAAyB;;;eAE3BE,uCAAuB;;;eAP9CN,+BAAmB;;;eASWQ,qDAA8B;;;eAEnCE,2CAAyB;;;eAE3BE,uCAAuB;;;eAZ9CX,0CAA8B;;;eAC9BC,gDAAoC;;;4BAC/B,eAAe;kCAEsC,qBAAqB;gCAEzB,mBAAmB;uCAEL,0BAA0B;kCAEpC,qBAAqB;gCAEzB,mBAAmB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/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"}
+{"version":3,"sources":["../src/components/Button/ButtonMigration.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n// class names from v0 - not imported as we do not want to keep depending on v0.\nconst iconClassNames = {\n  filled: 'ui-icon__filled',\n  outline: 'ui-icon__outline',\n};\n\nexport const v9HoverClasses = (): GriffelStyle => ({\n  [`& .${iconFilledClassName}`]: {\n    display: 'none',\n  },\n  [`& .${iconRegularClassName}`]: {\n    display: 'inline',\n  },\n  '&:hover': {\n    [`& .${iconFilledClassName}`]: {\n      display: 'inline',\n    },\n    [`& .${iconRegularClassName}`]: {\n      display: 'none',\n    },\n  },\n});\n\nexport const v9Icon = (): GriffelStyle => ({\n  // styles that allow to keep consistent size of v9 icon with v0 icon\n  '& svg': {\n    width: '100%',\n    paddingBottom: '100%',\n    // negative margin is necessary here for centering v9 icon\n    // with v0 button, because of extra spaces that svg contains\n    margin: '-4px 0 0 -4px',\n    overflow: 'visible',\n  },\n  ...v9HoverClasses(),\n});\n\nexport const v9CustomSizeIcon = (): GriffelStyle => ({\n  '& svg': { overflow: 'visible' },\n  ...v9HoverClasses(),\n});\n\nexport const v0Icon = (): GriffelStyle => ({\n  [`& .${iconClassNames.outline}`]: {\n    display: 'block',\n  },\n  [`& .${iconClassNames.filled}`]: {\n    display: 'none',\n  },\n  '&:hover': {\n    [`& .${iconClassNames.outline}`]: {\n      display: 'none',\n    },\n    [`& .${iconClassNames.filled}`]: {\n      display: 'block',\n    },\n  },\n});\n\nexport const v9DisabledCursor = (): GriffelStyle => ({\n  '&:disabled': {\n    cursor: 'default',\n    '&:hover': {\n      cursor: 'default',\n    },\n    '&:hover:active': {\n      cursor: 'default',\n    },\n  },\n});\n"],"names":["iconFilledClassName","iconRegularClassName","iconClassNames","filled","outline","v9HoverClasses","display","v9Icon","width","paddingBottom","margin","overflow","v9CustomSizeIcon","v0Icon","v9DisabledCursor","cursor"],"mappings":";;;;;;;;;;;UA4Caa;;;oBALAD;;;oBAsBAE;;;IApDAT,cAAAA;;;UAiBAE;;;;4BAzB6C,wBAAwB;AAElF,gFAAgF;AAChF,MAAML,iBAAiB;IACrBC,QAAQ;IACRC,SAAS;AACX;AAEO,uBAAuB,IAAqB,CAAA;QACjD,CAAC,CAAC,GAAG,EAAEJ,+BAAAA,EAAqB,CAAC,EAAE;YAC7BM,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEL,gCAAAA,EAAsB,CAAC,EAAE;YAC9BK,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAEN,+BAAAA,EAAqB,CAAC,EAAE;gBAC7BM,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEL,gCAAAA,EAAsB,CAAC,EAAE;gBAC9BK,SAAS;YACX;QACF;KACF,CAAA,EAAG;AAEI,MAAMC,SAAS,IAAqB,CAAA;QACzC,oEAAoE;QACpE,SAAS;YACPC,OAAO;YACPC,eAAe;YACf,0DAA0D;YAC1D,4DAA4D;YAC5DC,QAAQ;YACRC,UAAU;QACZ;QACA,GAAGN,gBAAgB;KACrB,CAAA,EAAG;AAEI,MAAMO,mBAAmB,IAAqB;QACnD,SAAS;YAAED,UAAU;QAAU;QAC/B,GAAGN,gBAAgB;KACrB,CAAA,EAAG;AAEI,MAAMQ,SAAS,IAAqB,CAAA;QACzC,CAAC,CAAC,GAAG,EAAEX,eAAeE,OAAO,EAAE,CAAC,EAAE;YAChCE,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,EAAE,CAAC,EAAE;YAC/BG,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAEJ,eAAeE,OAAO,EAAE,CAAC,EAAE;gBAChCE,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,EAAE,CAAC,EAAE;gBAC/BG,SAAS;YACX;QACF;KACF,CAAA,EAAG;AAEI,MAAMQ,mBAAmB,IAAqB,CAAA;QACnD,cAAc;YACZC,QAAQ;YACR,WAAW;gBACTA,QAAQ;YACV;YACA,kBAAkB;gBAChBA,QAAQ;YACV;QACF;KACF,CAAA,EAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/index.tsx"],"sourcesContent":["export { v0Icon, v9CustomSizeIcon, v9DisabledCursor, v9HoverClasses, v9Icon } from './ButtonMigration.mixins';\n"],"names":["v0Icon","v9CustomSizeIcon","v9DisabledCursor","v9HoverClasses","v9Icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,MAAM;eAANA,6BAAM;;IAAEC,gBAAgB;eAAhBA,uCAAgB;;IAAEC,gBAAgB;eAAhBA,uCAAgB;;IAAEC,cAAc;eAAdA,qCAAc;;IAAEC,MAAM;eAANA,6BAAM;;;uCAAQ"}
+{"version":3,"sources":["../src/components/Button/index.tsx"],"sourcesContent":["export { v0Icon, v9CustomSizeIcon, v9DisabledCursor, v9HoverClasses, v9Icon } from './ButtonMigration.mixins';\n"],"names":["v0Icon","v9CustomSizeIcon","v9DisabledCursor","v9HoverClasses","v9Icon"],"mappings":";;;;;;;;;;;;eAASA,6BAAM;;;eAAEC,uCAAgB;;;eAAEC,uCAAgB;;;eAAEC,qCAAc;;;eAAEC,6BAAM;;;uCAAQ,2BAA2B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Flex/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":"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"}
+{"version":3,"sources":["../src/components/Flex/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":["mergeClasses","React","useFlexStyles","flexClassName","Flex","forwardRef","props","ref","children","column","fill","gap","hAlign","inline","padding","space","vAlign","wrap","className","rest","classes","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","flex","content","Children","map","child","isFlexItemElement","type","__isFlexItem","cloneElement","flexDirection","div","displayName"],"mappings":";;;;;;;;;;;IAoCaI,IAAAA;;;IAFAD,aAAAA;;;;;iCAlCgB,6BAA6B;iEACnC,QAAQ;4BAED,gBAAgB;AA+BvC,sBAAsB,WAAW;AAEjC,aAAMC,WAAAA,GAAOH,OAAMI,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,cAAUlB,yBAAAA;IAEhB,MAAMmB,YAAYpB,OAAMqB,OAAO,CAC7B,IAAO,CAAA;YACLC,YAAY;gBACVC,OAAOJ,QAAQK,mBAAmB;gBAClCC,QAAQN,QAAQO,gBAAgB;gBAChCC,KAAKR,QAAQS,iBAAiB;gBAC9BC,SAASV,QAAQO,gBAAgB;YACnC;YACAI,gBAAgB;gBACdP,OAAOJ,QAAQY,uBAAuB;gBACtCN,QAAQN,QAAQa,oBAAoB;gBACpCL,KAAKR,QAAQc,qBAAqB;gBAClCJ,SAASV,QAAQe,qBAAqB;YACxC;YACAC,qBAAqB;gBACnBC,QAAQjB,QAAQkB,yBAAyB;gBACzCC,SAASnB,QAAQoB,0BAA0B;gBAC3CC,QAAQrB,QAAQsB,yBAAyB;YAC3C;YACAC,kBAAkB;gBAChB,eAAevB,QAAQwB,uBAAuB;gBAC9C,aAAaxB,QAAQyB,qBAAqB;gBAC1C,cAAczB,QAAQ0B,sBAAsB;gBAC5C,aAAa1B,QAAQ2B,qBAAqB;YAC5C;YACAC,QAAQ;gBACN,eAAe5B,QAAQ6B,oBAAoB;gBAC3C,aAAa7B,QAAQ8B,kBAAkB;gBACvC,cAAc9B,QAAQ+B,mBAAmB;gBACzC,aAAa/B,QAAQgC,kBAAkB;YACzC;YACAC,UAAU;gBACR,kBAAkBjC,QAAQkC,aAAa;YACzC;SACF,CAAA,EACA;QAAClC;KAAQ;IAGX,MAAMmC,kBAAcvD,6BAAAA,EAClBG,eACAiB,QAAQoC,IAAI,EACZ3C,UAAUO,QAAQP,MAAM,EACxBJ,UAAUW,QAAQX,MAAM,EACxBG,UAAWH,CAAAA,SAASY,UAAUE,UAAU,CAACX,OAAO,GAAGS,UAAUU,cAAc,CAACnB,OAAAA,AAAM,GAClFI,UAAWP,CAAAA,SAASY,UAAUU,cAAc,CAACf,OAAO,GAAGK,UAAUE,UAAU,CAACP,OAAAA,AAAM,GAClFD,SAASM,UAAUe,mBAAmB,CAACrB,MAAM,EAC7CE,QAAQG,QAAQH,IAAI,EACpBP,QAAQU,QAAQV,IAAI,EACpBC,OAAQF,CAAAA,SAASY,UAAUsB,gBAAgB,CAAChC,IAAI,GAAGU,UAAU2B,MAAM,CAACrC,IAAG,AAAHA,GACpEG,WAAWO,UAAUgC,QAAQ,CAACvC,QAAQ,EACtCI;IAGF,MAAMuC,UAAUxD,OAAMyD,QAAQ,CAACC,GAAG,CAACnD,UAAUoD,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,GACH5D,OAAM+D,YAAY,CAACJ,OAA6B;YAC9CK,eAAexD,SAAS,WAAW;QACrC,KACAmD;IACN;IAEA,OAAA,WAAA,GACE,OAAA,aAAA,CAACM,OAAAA;QAAI3D,KAAKA;QAAKW,WAAWqC;QAAc,GAAGpC,IAAI;OAC5CsC;AAGP,GAAG;AAEHrD,KAAK+D,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["Flex.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nconst gapValues = {\n    smaller: '8px',\n    small: '10px',\n    medium: '15px',\n    large: '30px'\n};\nconst paddingValues = {\n    medium: '10px'\n};\nexport const useFlexStyles = makeStyles({\n    flex: {\n        display: 'flex'\n    },\n    inline: {\n        display: 'inline-flex'\n    },\n    column: {\n        flexDirection: 'column'\n    },\n    alignItemsFlexStart: {\n        alignItems: 'flex-start'\n    },\n    alignItemsCenter: {\n        alignItems: 'center'\n    },\n    alignItemsFlexEnd: {\n        alignItems: 'flex-end'\n    },\n    alignItemsStretch: {\n        alignItems: 'stretch'\n    },\n    justifyContentFlexStart: {\n        justifyContent: 'flex-start'\n    },\n    justifyContentCenter: {\n        justifyContent: 'center'\n    },\n    justifyContentFlexEnd: {\n        justifyContent: 'flex-end'\n    },\n    justifyContentStretch: {\n        justifyContent: 'stretch'\n    },\n    justifyContentSpaceAround: {\n        justifyContent: 'space-around'\n    },\n    justifyContentSpaceBetween: {\n        justifyContent: 'space-between'\n    },\n    justifyContentSpaceEvenly: {\n        justifyContent: 'space-evenly'\n    },\n    wrap: {\n        flexWrap: 'wrap'\n    },\n    fill: {\n        width: '100%',\n        height: '100%'\n    },\n    gapForColumnFlexSmall: {\n        rowGap: gapValues.small\n    },\n    gapForColumnFlexSmaller: {\n        rowGap: gapValues.smaller\n    },\n    gapForColumnFlexMedium: {\n        rowGap: gapValues.medium\n    },\n    gapForColumnFlexLarge: {\n        rowGap: gapValues.large\n    },\n    gapForRowFlexSmall: {\n        columnGap: gapValues.small\n    },\n    gapForRowFlexSmaller: {\n        columnGap: gapValues.smaller\n    },\n    gapForRowFlexMedium: {\n        columnGap: gapValues.medium\n    },\n    gapForRowFlexLarge: {\n        columnGap: gapValues.large\n    },\n    paddingMedium: {\n        padding: paddingValues.medium\n    }\n});\n"],"names":["useFlexStyles","gapValues","smaller","small","medium","large","paddingValues","__styles","flex","mc9l5x","inline","column","Beiy3e4","alignItemsFlexStart","Bt984gj","alignItemsCenter","alignItemsFlexEnd","alignItemsStretch","justifyContentFlexStart","Brf1p80","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpaceAround","justifyContentSpaceBetween","justifyContentSpaceEvenly","wrap","Eh141a","fill","a9b677","Bqenvij","gapForColumnFlexSmall","Belr9w4","gapForColumnFlexSmaller","gapForColumnFlexMedium","gapForColumnFlexLarge","gapForRowFlexSmall","i8kkvl","gapForRowFlexSmaller","gapForRowFlexMedium","gapForRowFlexLarge","paddingMedium","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","d","p"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;iCAVc;AAC3B,MAAMC,YAAY;IACdC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;AACX;AACA,MAAMC,gBAAgB;IAClBF,QAAQ;AACZ;AACO,MAAMJ,gBAAa,WAAA,GAAGO,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;IAAA;IAAAC,QAAA;QAAAD,QAAA;IAAA;IAAAE,QAAA;QAAAC,SAAA;IAAA;IAAAC,qBAAA;QAAAC,SAAA;IAAA;IAAAC,kBAAA;QAAAD,SAAA;IAAA;IAAAE,mBAAA;QAAAF,SAAA;IAAA;IAAAG,mBAAA;QAAAH,SAAA;IAAA;IAAAI,yBAAA;QAAAC,SAAA;IAAA;IAAAC,sBAAA;QAAAD,SAAA;IAAA;IAAAE,uBAAA;QAAAF,SAAA;IAAA;IAAAG,uBAAA;QAAAH,SAAA;IAAA;IAAAI,2BAAA;QAAAJ,SAAA;IAAA;IAAAK,4BAAA;QAAAL,SAAA;IAAA;IAAAM,2BAAA;QAAAN,SAAA;IAAA;IAAAO,MAAA;QAAAC,QAAA;IAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,uBAAA;QAAAC,SAAA;IAAA;IAAAC,yBAAA;QAAAD,SAAA;IAAA;IAAAE,wBAAA;QAAAF,SAAA;IAAA;IAAAG,uBAAA;QAAAH,SAAA;IAAA;IAAAI,oBAAA;QAAAC,QAAA;IAAA;IAAAC,sBAAA;QAAAD,QAAA;IAAA;IAAAE,qBAAA;QAAAF,QAAA;IAAA;IAAAG,oBAAA;QAAAH,QAAA;IAAA;IAAAI,eAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;KAAA;AAAA"}
+{"version":3,"sources":["Flex.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nconst gapValues = {\n    smaller: '8px',\n    small: '10px',\n    medium: '15px',\n    large: '30px'\n};\nconst paddingValues = {\n    medium: '10px'\n};\nexport const useFlexStyles = makeStyles({\n    flex: {\n        display: 'flex'\n    },\n    inline: {\n        display: 'inline-flex'\n    },\n    column: {\n        flexDirection: 'column'\n    },\n    alignItemsFlexStart: {\n        alignItems: 'flex-start'\n    },\n    alignItemsCenter: {\n        alignItems: 'center'\n    },\n    alignItemsFlexEnd: {\n        alignItems: 'flex-end'\n    },\n    alignItemsStretch: {\n        alignItems: 'stretch'\n    },\n    justifyContentFlexStart: {\n        justifyContent: 'flex-start'\n    },\n    justifyContentCenter: {\n        justifyContent: 'center'\n    },\n    justifyContentFlexEnd: {\n        justifyContent: 'flex-end'\n    },\n    justifyContentStretch: {\n        justifyContent: 'stretch'\n    },\n    justifyContentSpaceAround: {\n        justifyContent: 'space-around'\n    },\n    justifyContentSpaceBetween: {\n        justifyContent: 'space-between'\n    },\n    justifyContentSpaceEvenly: {\n        justifyContent: 'space-evenly'\n    },\n    wrap: {\n        flexWrap: 'wrap'\n    },\n    fill: {\n        width: '100%',\n        height: '100%'\n    },\n    gapForColumnFlexSmall: {\n        rowGap: gapValues.small\n    },\n    gapForColumnFlexSmaller: {\n        rowGap: gapValues.smaller\n    },\n    gapForColumnFlexMedium: {\n        rowGap: gapValues.medium\n    },\n    gapForColumnFlexLarge: {\n        rowGap: gapValues.large\n    },\n    gapForRowFlexSmall: {\n        columnGap: gapValues.small\n    },\n    gapForRowFlexSmaller: {\n        columnGap: gapValues.smaller\n    },\n    gapForRowFlexMedium: {\n        columnGap: gapValues.medium\n    },\n    gapForRowFlexLarge: {\n        columnGap: gapValues.large\n    },\n    paddingMedium: {\n        padding: paddingValues.medium\n    }\n});\n"],"names":["__styles","gapValues","smaller","small","medium","large","paddingValues","useFlexStyles","flex","mc9l5x","inline","column","Beiy3e4","alignItemsFlexStart","Bt984gj","alignItemsCenter","alignItemsFlexEnd","alignItemsStretch","justifyContentFlexStart","Brf1p80","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpaceAround","justifyContentSpaceBetween","justifyContentSpaceEvenly","wrap","Eh141a","fill","a9b677","Bqenvij","gapForColumnFlexSmall","Belr9w4","gapForColumnFlexSmaller","gapForColumnFlexMedium","gapForColumnFlexLarge","gapForRowFlexSmall","i8kkvl","gapForRowFlexSmaller","gapForRowFlexMedium","gapForRowFlexLarge","paddingMedium","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","d","p"],"mappings":";;;;+BAUaO,aAAa;;;;;;iCAVC,4BAA4B;AACvD,MAAMN,SAAS,GAAG;IACdC,OAAO,EAAE,KAAK;IACdC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,aAAa,GAAG;IAClBF,MAAM,EAAE;AACZ,CAAC;AACM,sBAAmB,WAAA,OAAGJ,yBAAA,EAAA;IAAAQ,IAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,MAAA,EAAA;QAAAD,MAAA,EAAA;IAAA;IAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,mBAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,gBAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,iBAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;IAAAG,iBAAA,EAAA;QAAAH,OAAA,EAAA;IAAA;IAAAI,uBAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,oBAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,qBAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;IAAAG,qBAAA,EAAA;QAAAH,OAAA,EAAA;IAAA;IAAAI,yBAAA,EAAA;QAAAJ,OAAA,EAAA;IAAA;IAAAK,0BAAA,EAAA;QAAAL,OAAA,EAAA;IAAA;IAAAM,yBAAA,EAAA;QAAAN,OAAA,EAAA;IAAA;IAAAO,IAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,qBAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,uBAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,sBAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;IAAAG,qBAAA,EAAA;QAAAH,OAAA,EAAA;IAAA;IAAAI,kBAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,oBAAA,EAAA;QAAAD,MAAA,EAAA;IAAA;IAAAE,mBAAA,EAAA;QAAAF,MAAA,EAAA;IAAA;IAAAG,kBAAA,EAAA;QAAAH,MAAA,EAAA;IAAA;IAAAI,aAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CA6E5B,CAAC"}

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

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useFlexStyles", {
+    enumerable: true,
+    get: function() {
+        return useFlexStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const gapValues = {
+    smaller: '8px',
+    small: '10px',
+    medium: '15px',
+    large: '30px'
+};
+const paddingValues = {
+    medium: '10px'
+};
+const useFlexStyles = (0, _reactcomponents.makeStyles)({
+    flex: {
+        display: 'flex'
+    },
+    inline: {
+        display: 'inline-flex'
+    },
+    column: {
+        flexDirection: 'column'
+    },
+    alignItemsFlexStart: {
+        alignItems: 'flex-start'
+    },
+    alignItemsCenter: {
+        alignItems: 'center'
+    },
+    alignItemsFlexEnd: {
+        alignItems: 'flex-end'
+    },
+    alignItemsStretch: {
+        alignItems: 'stretch'
+    },
+    justifyContentFlexStart: {
+        justifyContent: 'flex-start'
+    },
+    justifyContentCenter: {
+        justifyContent: 'center'
+    },
+    justifyContentFlexEnd: {
+        justifyContent: 'flex-end'
+    },
+    justifyContentStretch: {
+        justifyContent: 'stretch'
+    },
+    justifyContentSpaceAround: {
+        justifyContent: 'space-around'
+    },
+    justifyContentSpaceBetween: {
+        justifyContent: 'space-between'
+    },
+    justifyContentSpaceEvenly: {
+        justifyContent: 'space-evenly'
+    },
+    wrap: {
+        flexWrap: 'wrap'
+    },
+    fill: {
+        width: '100%',
+        height: '100%'
+    },
+    gapForColumnFlexSmall: {
+        rowGap: gapValues.small
+    },
+    gapForColumnFlexSmaller: {
+        rowGap: gapValues.smaller
+    },
+    gapForColumnFlexMedium: {
+        rowGap: gapValues.medium
+    },
+    gapForColumnFlexLarge: {
+        rowGap: gapValues.large
+    },
+    gapForRowFlexSmall: {
+        columnGap: gapValues.small
+    },
+    gapForRowFlexSmaller: {
+        columnGap: gapValues.smaller
+    },
+    gapForRowFlexMedium: {
+        columnGap: gapValues.medium
+    },
+    gapForRowFlexLarge: {
+        columnGap: gapValues.large
+    },
+    paddingMedium: {
+        padding: paddingValues.medium
+    }
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Flex/Flex.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nconst gapValues = {\n  smaller: '8px',\n  small: '10px',\n  medium: '15px',\n  large: '30px',\n};\n\nconst paddingValues = {\n  medium: '10px',\n};\n\nexport const useFlexStyles = makeStyles({\n  flex: {\n    display: 'flex',\n  },\n  inline: {\n    display: 'inline-flex',\n  },\n  column: {\n    flexDirection: 'column',\n  },\n  alignItemsFlexStart: {\n    alignItems: 'flex-start',\n  },\n  alignItemsCenter: {\n    alignItems: 'center',\n  },\n  alignItemsFlexEnd: {\n    alignItems: 'flex-end',\n  },\n  alignItemsStretch: {\n    alignItems: 'stretch',\n  },\n  justifyContentFlexStart: {\n    justifyContent: 'flex-start',\n  },\n  justifyContentCenter: {\n    justifyContent: 'center',\n  },\n  justifyContentFlexEnd: {\n    justifyContent: 'flex-end',\n  },\n  justifyContentStretch: {\n    justifyContent: 'stretch',\n  },\n  justifyContentSpaceAround: {\n    justifyContent: 'space-around',\n  },\n  justifyContentSpaceBetween: {\n    justifyContent: 'space-between',\n  },\n  justifyContentSpaceEvenly: {\n    justifyContent: 'space-evenly',\n  },\n  wrap: {\n    flexWrap: 'wrap',\n  },\n  fill: {\n    width: '100%',\n    height: '100%',\n  },\n  gapForColumnFlexSmall: {\n    rowGap: gapValues.small,\n  },\n  gapForColumnFlexSmaller: {\n    rowGap: gapValues.smaller,\n  },\n  gapForColumnFlexMedium: {\n    rowGap: gapValues.medium,\n  },\n  gapForColumnFlexLarge: {\n    rowGap: gapValues.large,\n  },\n  gapForRowFlexSmall: {\n    columnGap: gapValues.small,\n  },\n  gapForRowFlexSmaller: {\n    columnGap: gapValues.smaller,\n  },\n  gapForRowFlexMedium: {\n    columnGap: gapValues.medium,\n  },\n  gapForRowFlexLarge: {\n    columnGap: gapValues.large,\n  },\n  paddingMedium: {\n    padding: paddingValues.medium,\n  },\n});\n"],"names":["makeStyles","gapValues","smaller","small","medium","large","paddingValues","useFlexStyles","flex","display","inline","column","flexDirection","alignItemsFlexStart","alignItems","alignItemsCenter","alignItemsFlexEnd","alignItemsStretch","justifyContentFlexStart","justifyContent","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpaceAround","justifyContentSpaceBetween","justifyContentSpaceEvenly","wrap","flexWrap","fill","width","height","gapForColumnFlexSmall","rowGap","gapForColumnFlexSmaller","gapForColumnFlexMedium","gapForColumnFlexLarge","gapForRowFlexSmall","columnGap","gapForRowFlexSmaller","gapForRowFlexMedium","gapForRowFlexLarge","paddingMedium","padding"],"mappings":";;;;+BAaaO;;;;;;iCAbc,6BAA6B;AAExD,MAAMN,YAAY;IAChBC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT;AAEA,MAAMC,gBAAgB;IACpBF,QAAQ;AACV;AAEO,0BAAsBJ,2BAAAA,EAAW;IACtCQ,MAAM;QACJC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,QAAQ;QACNC,eAAe;IACjB;IACAC,qBAAqB;QACnBC,YAAY;IACd;IACAC,kBAAkB;QAChBD,YAAY;IACd;IACAE,mBAAmB;QACjBF,YAAY;IACd;IACAG,mBAAmB;QACjBH,YAAY;IACd;IACAI,yBAAyB;QACvBC,gBAAgB;IAClB;IACAC,sBAAsB;QACpBD,gBAAgB;IAClB;IACAE,uBAAuB;QACrBF,gBAAgB;IAClB;IACAG,uBAAuB;QACrBH,gBAAgB;IAClB;IACAI,2BAA2B;QACzBJ,gBAAgB;IAClB;IACAK,4BAA4B;QAC1BL,gBAAgB;IAClB;IACAM,2BAA2B;QACzBN,gBAAgB;IAClB;IACAO,MAAM;QACJC,UAAU;IACZ;IACAC,MAAM;QACJC,OAAO;QACPC,QAAQ;IACV;IACAC,uBAAuB;QACrBC,QAAQ/B,UAAUE,KAAK;IACzB;IACA8B,yBAAyB;QACvBD,QAAQ/B,UAAUC,OAAO;IAC3B;IACAgC,wBAAwB;QACtBF,QAAQ/B,UAAUG,MAAM;IAC1B;IACA+B,uBAAuB;QACrBH,QAAQ/B,UAAUI,KAAK;IACzB;IACA+B,oBAAoB;QAClBC,WAAWpC,UAAUE,KAAK;IAC5B;IACAmC,sBAAsB;QACpBD,WAAWpC,UAAUC,OAAO;IAC9B;IACAqC,qBAAqB;QACnBF,WAAWpC,UAAUG,MAAM;IAC7B;IACAoC,oBAAoB;QAClBH,WAAWpC,UAAUI,KAAK;IAC5B;IACAoC,eAAe;QACbC,SAASpC,cAAcF,MAAM;IAC/B;AACF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Flex/FlexItem.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\n\nconst ALIGN = {\n  auto: { alignSelf: 'auto' },\n  start: { alignSelf: 'flex-start' },\n  end: { alignSelf: 'flex-end' },\n  center: { alignSelf: 'center' },\n  baseline: { alignSelf: 'baseline' },\n  stretch: { alignSelf: 'stretch' },\n};\n\nconst SIZE = {\n  half: { flexBasis: '50%' },\n  quarter: { flexBasis: '25%' },\n  small: { flexBasis: '150px' },\n  medium: { flexBasis: '200px' },\n  large: { flexBasis: '300px' },\n};\n\nconst align = (value: 'auto' | 'start' | 'end' | 'center' | 'baseline' | 'stretch'): GriffelStyle => ALIGN[value];\n\nconst size = (value: 'half' | 'quarter' | 'small' | 'medium' | 'large'): GriffelStyle => SIZE[value];\n\nconst grow = (flexGrow: boolean | number): GriffelStyle | undefined => {\n  if (flexGrow === true) {\n    return { flexGrow: 1 };\n  } else if (flexGrow) {\n    return { flexGrow };\n  } else {\n    return undefined;\n  }\n};\n\nconst shrink = (flexShrink: boolean | number): GriffelStyle | undefined => {\n  if (typeof flexShrink === 'number') {\n    return { flexShrink };\n  } else if (flexShrink === false) {\n    return { flexShrink: 0 };\n  } else {\n    return undefined;\n  }\n};\n\nconst pushRow = (): GriffelStyle => ({ marginLeft: 'auto' });\nconst pushColumn = (): GriffelStyle => ({ marginTop: 'auto' });\n\nexport const flexItem = {\n  align,\n  size,\n  grow,\n  shrink,\n  pushRow,\n  pushColumn,\n};\n"],"names":["flexItem","ALIGN","auto","alignSelf","start","end","center","baseline","stretch","SIZE","half","flexBasis","quarter","small","medium","large","align","value","size","grow","flexGrow","undefined","shrink","flexShrink","pushRow","marginLeft","pushColumn","marginTop"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA8CaA;;;eAAAA;;;AA5Cb,MAAMC,QAAQ;IACZC,MAAM;QAAEC,WAAW;IAAO;IAC1BC,OAAO;QAAED,WAAW;IAAa;IACjCE,KAAK;QAAEF,WAAW;IAAW;IAC7BG,QAAQ;QAAEH,WAAW;IAAS;IAC9BI,UAAU;QAAEJ,WAAW;IAAW;IAClCK,SAAS;QAAEL,WAAW;IAAU;AAClC;AAEA,MAAMM,OAAO;IACXC,MAAM;QAAEC,WAAW;IAAM;IACzBC,SAAS;QAAED,WAAW;IAAM;IAC5BE,OAAO;QAAEF,WAAW;IAAQ;IAC5BG,QAAQ;QAAEH,WAAW;IAAQ;IAC7BI,OAAO;QAAEJ,WAAW;IAAQ;AAC9B;AAEA,MAAMK,QAAQ,CAACC,QAAsFhB,KAAK,CAACgB,MAAM;AAEjH,MAAMC,OAAO,CAACD,QAA2ER,IAAI,CAACQ,MAAM;AAEpG,MAAME,OAAO,CAACC;IACZ,IAAIA,aAAa,MAAM;QACrB,OAAO;YAAEA,UAAU;QAAE;IACvB,OAAO,IAAIA,UAAU;QACnB,OAAO;YAAEA;QAAS;IACpB,OAAO;QACL,OAAOC;IACT;AACF;AAEA,MAAMC,SAAS,CAACC;IACd,IAAI,OAAOA,eAAe,UAAU;QAClC,OAAO;YAAEA;QAAW;IACtB,OAAO,IAAIA,eAAe,OAAO;QAC/B,OAAO;YAAEA,YAAY;QAAE;IACzB,OAAO;QACL,OAAOF;IACT;AACF;AAEA,MAAMG,UAAU,IAAqB,CAAA;QAAEC,YAAY;IAAO,CAAA;AAC1D,MAAMC,aAAa,IAAqB,CAAA;QAAEC,WAAW;IAAO,CAAA;AAErD,MAAM3B,WAAW;IACtBgB;IACAE;IACAC;IACAG;IACAE;IACAE;AACF"}
+{"version":3,"sources":["../src/components/Flex/FlexItem.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\n\nconst ALIGN = {\n  auto: { alignSelf: 'auto' },\n  start: { alignSelf: 'flex-start' },\n  end: { alignSelf: 'flex-end' },\n  center: { alignSelf: 'center' },\n  baseline: { alignSelf: 'baseline' },\n  stretch: { alignSelf: 'stretch' },\n};\n\nconst SIZE = {\n  half: { flexBasis: '50%' },\n  quarter: { flexBasis: '25%' },\n  small: { flexBasis: '150px' },\n  medium: { flexBasis: '200px' },\n  large: { flexBasis: '300px' },\n};\n\nconst align = (value: 'auto' | 'start' | 'end' | 'center' | 'baseline' | 'stretch'): GriffelStyle => ALIGN[value];\n\nconst size = (value: 'half' | 'quarter' | 'small' | 'medium' | 'large'): GriffelStyle => SIZE[value];\n\nconst grow = (flexGrow: boolean | number): GriffelStyle | undefined => {\n  if (flexGrow === true) {\n    return { flexGrow: 1 };\n  } else if (flexGrow) {\n    return { flexGrow };\n  } else {\n    return undefined;\n  }\n};\n\nconst shrink = (flexShrink: boolean | number): GriffelStyle | undefined => {\n  if (typeof flexShrink === 'number') {\n    return { flexShrink };\n  } else if (flexShrink === false) {\n    return { flexShrink: 0 };\n  } else {\n    return undefined;\n  }\n};\n\nconst pushRow = (): GriffelStyle => ({ marginLeft: 'auto' });\nconst pushColumn = (): GriffelStyle => ({ marginTop: 'auto' });\n\nexport const flexItem = {\n  align,\n  size,\n  grow,\n  shrink,\n  pushRow,\n  pushColumn,\n};\n"],"names":["ALIGN","auto","alignSelf","start","end","center","baseline","stretch","SIZE","half","flexBasis","quarter","small","medium","large","align","value","size","grow","flexGrow","undefined","shrink","flexShrink","pushRow","marginLeft","pushColumn","marginTop","flexItem"],"mappings":";;;;;;;;;;AAEA,MAAMA,QAAQ;IACZC,MAAM;QAAEC,WAAW;IAAO;IAC1BC,OAAO;QAAED,WAAW;IAAa;IACjCE,KAAK;QAAEF,WAAW;IAAW;IAC7BG,QAAQ;QAAEH,WAAW;IAAS;IAC9BI,UAAU;QAAEJ,WAAW;IAAW;IAClCK,SAAS;QAAEL,WAAW;IAAU;AAClC;AAEA,MAAMM,OAAO;IACXC,MAAM;QAAEC,WAAW;IAAM;IACzBC,SAAS;QAAED,WAAW;IAAM;IAC5BE,OAAO;QAAEF,WAAW;IAAQ;IAC5BG,QAAQ;QAAEH,WAAW;IAAQ;IAC7BI,OAAO;QAAEJ,WAAW;IAAQ;AAC9B;AAEA,MAAMK,QAAQ,CAACC,QAAsFhB,KAAK,CAACgB,MAAM;AAEjH,MAAMC,OAAO,CAACD,QAA2ER,IAAI,CAACQ,MAAM;AAEpG,MAAME,OAAO,CAACC;IACZ,IAAIA,aAAa,MAAM;QACrB,OAAO;YAAEA,UAAU;QAAE;IACvB,OAAO,IAAIA,UAAU;QACnB,OAAO;YAAEA;QAAS;IACpB,OAAO;QACL,OAAOC;IACT;AACF;AAEA,MAAMC,SAAS,CAACC;IACd,IAAI,OAAOA,eAAe,UAAU;QAClC,OAAO;YAAEA;QAAW;IACtB,OAAO,IAAIA,eAAe,OAAO;QAC/B,OAAO;YAAEA,YAAY;QAAE;IACzB,OAAO;QACL,OAAOF;IACT;AACF;AAEA,MAAMG,UAAU,IAAqB,CAAA;QAAEC,YAAY;KAAO,CAAA;AAC1D,MAAMC,aAAa,IAAqB,CAAA;QAAEC,WAAW;IAAO,CAAA;AAErD,MAAMC,WAAW;IACtBZ;IACAE;IACAC;IACAG;IACAE;IACAE;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Flex/index.ts"],"sourcesContent":["export { Flex, flexClassName } from './Flex';\nexport type { FlexProps } from './Flex';\nexport { useFlexStyles } from './Flex.styles';\nexport { flexItem } from './FlexItem.mixins';\n"],"names":["Flex","flexClassName","flexItem","useFlexStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,IAAI;eAAJA,UAAI;;IAAEC,aAAa;eAAbA,mBAAa;;IAGnBC,QAAQ;eAARA,wBAAQ;;IADRC,aAAa;eAAbA,yBAAa;;;sBAFc;4BAEN;gCACL"}
+{"version":3,"sources":["../src/components/Flex/index.ts"],"sourcesContent":["export { Flex, flexClassName } from './Flex';\nexport type { FlexProps } from './Flex';\nexport { useFlexStyles } from './Flex.styles';\nexport { flexItem } from './FlexItem.mixins';\n"],"names":["Flex","flexClassName","useFlexStyles","flexItem"],"mappings":";;;;;;;;;;;;eAASA,UAAI;;;eAAEC,mBAAa;;;eAGnBE,wBAAQ;;;eADRD,yBAAa;;;sBAFc,SAAS;4BAEf,gBAAgB;gCACrB,oBAAoB"}

package/lib-commonjs/components/FormField/FormFieldShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/FormField/FormFieldShim.tsx"],"sourcesContent":["import {\n  FieldProps,\n  renderField_unstable,\n  useFieldContextValues_unstable,\n  useFieldStyles_unstable,\n  useField_unstable,\n} from '@fluentui/react-components';\nimport type { ObjectShorthandValue } from '@fluentui/react-northstar';\n\nimport * as React from 'react';\n\ntype WithContent = ObjectShorthandValue<React.HTMLAttributes<HTMLDivElement>> | string;\n\n/**\n *\n */\ntype CustomInputFieldProps = React.PropsWithChildren<{\n  /**\n   * Message to be shown when error state is true\n   */\n  errorMessage?: WithContent;\n  /**\n   * Whether the field label should be marked as required.\n   */\n  required?: boolean;\n  /**\n   * Control to be rendered\n   */\n  control?: ObjectShorthandValue<{\n    /**\n     * Control content\n     */\n    content?: React.ReactNode;\n  }> & {\n    /**\n     * Error state\n     */\n    error?: 'true' | 'false';\n  };\n  /**\n   * Label to be rendered\n   */\n  label?: WithContent;\n}>;\n\nexport const FormFieldShim = React.forwardRef<HTMLInputElement, CustomInputFieldProps>((props, ref) => {\n  const { errorMessage, required, control, label } = props;\n  const fieldProps: FieldProps = { required };\n\n  if (errorMessage && control?.error === 'true') {\n    fieldProps.validationState = 'error';\n    if (typeof errorMessage === 'object') {\n      fieldProps.validationMessage = errorMessage.content;\n    }\n    if (typeof errorMessage === 'string') {\n      fieldProps.validationMessage = errorMessage;\n    }\n  }\n\n  if (label) {\n    if (typeof label === 'object') {\n      fieldProps.label = label.content;\n    } else {\n      fieldProps.label = label;\n    }\n  }\n\n  const children: FieldProps['children'] = props.children || control?.content;\n\n  if (React.isValidElement(children)) {\n    const child: React.ReactElement = children;\n\n    // Use the Field's child render function to pass the field control props to the child\n    fieldProps.children = fieldControlProps => React.cloneElement(child, { ...fieldControlProps, ...child.props });\n  } else {\n    fieldProps.children = children;\n  }\n\n  const state = useField_unstable(fieldProps, ref);\n  useFieldStyles_unstable(state);\n  const context = useFieldContextValues_unstable(state);\n  return renderField_unstable(state, context);\n});\n\nFormFieldShim.displayName = 'FormFieldShim';\n"],"names":["FormFieldShim","React","forwardRef","props","ref","errorMessage","required","control","label","fieldProps","error","validationState","validationMessage","content","children","isValidElement","child","fieldControlProps","cloneElement","state","useField_unstable","useFieldStyles_unstable","context","useFieldContextValues_unstable","renderField_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA6CaA;;;eAAAA;;;;iCAvCN;iEAGgB;AAoChB,MAAMA,gBAAAA,WAAAA,GAAgBC,OAAMC,UAAU,CAA0C,CAACC,OAAOC;IAC7F,MAAM,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,KAAK,EAAE,GAAGL;IACnD,MAAMM,aAAyB;QAAEH;IAAS;IAE1C,IAAID,gBAAgBE,CAAAA,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASG,KAAK,AAALA,MAAU,QAAQ;QAC7CD,WAAWE,eAAe,GAAG;QAC7B,IAAI,OAAON,iBAAiB,UAAU;YACpCI,WAAWG,iBAAiB,GAAGP,aAAaQ,OAAO;QACrD;QACA,IAAI,OAAOR,iBAAiB,UAAU;YACpCI,WAAWG,iBAAiB,GAAGP;QACjC;IACF;IAEA,IAAIG,OAAO;QACT,IAAI,OAAOA,UAAU,UAAU;YAC7BC,WAAWD,KAAK,GAAGA,MAAMK,OAAO;QAClC,OAAO;YACLJ,WAAWD,KAAK,GAAGA;QACrB;IACF;IAEA,MAAMM,WAAmCX,MAAMW,QAAQ,IAAIP,CAAAA,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASM,OAAO,AAAPA;IAEpE,IAAA,WAAA,GAAIZ,OAAMc,cAAc,CAACD,WAAW;QAClC,MAAME,QAA4BF;QAElC,qFAAqF;QACrFL,WAAWK,QAAQ,GAAGG,CAAAA,oBAAAA,WAAAA,GAAqBhB,OAAMiB,YAAY,CAACF,OAAO;gBAAE,GAAGC,iBAAiB;gBAAE,GAAGD,MAAMb,KAAK;YAAC;IAC9G,OAAO;QACLM,WAAWK,QAAQ,GAAGA;IACxB;IAEA,MAAMK,QAAQC,IAAAA,kCAAAA,EAAkBX,YAAYL;IAC5CiB,IAAAA,wCAAAA,EAAwBF;IACxB,MAAMG,UAAUC,IAAAA,+CAAAA,EAA+BJ;IAC/C,OAAOK,IAAAA,qCAAAA,EAAqBL,OAAOG;AACrC;AAEAtB,cAAcyB,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/FormField/FormFieldShim.tsx"],"sourcesContent":["import {\n  FieldProps,\n  renderField_unstable,\n  useFieldContextValues_unstable,\n  useFieldStyles_unstable,\n  useField_unstable,\n} from '@fluentui/react-components';\nimport type { ObjectShorthandValue } from '@fluentui/react-northstar';\n\nimport * as React from 'react';\n\ntype WithContent = ObjectShorthandValue<React.HTMLAttributes<HTMLDivElement>> | string;\n\n/**\n *\n */\ntype CustomInputFieldProps = React.PropsWithChildren<{\n  /**\n   * Message to be shown when error state is true\n   */\n  errorMessage?: WithContent;\n  /**\n   * Whether the field label should be marked as required.\n   */\n  required?: boolean;\n  /**\n   * Control to be rendered\n   */\n  control?: ObjectShorthandValue<{\n    /**\n     * Control content\n     */\n    content?: React.ReactNode;\n  }> & {\n    /**\n     * Error state\n     */\n    error?: 'true' | 'false';\n  };\n  /**\n   * Label to be rendered\n   */\n  label?: WithContent;\n}>;\n\nexport const FormFieldShim = React.forwardRef<HTMLInputElement, CustomInputFieldProps>((props, ref) => {\n  const { errorMessage, required, control, label } = props;\n  const fieldProps: FieldProps = { required };\n\n  if (errorMessage && control?.error === 'true') {\n    fieldProps.validationState = 'error';\n    if (typeof errorMessage === 'object') {\n      fieldProps.validationMessage = errorMessage.content;\n    }\n    if (typeof errorMessage === 'string') {\n      fieldProps.validationMessage = errorMessage;\n    }\n  }\n\n  if (label) {\n    if (typeof label === 'object') {\n      fieldProps.label = label.content;\n    } else {\n      fieldProps.label = label;\n    }\n  }\n\n  const children: FieldProps['children'] = props.children || control?.content;\n\n  if (React.isValidElement(children)) {\n    const child: React.ReactElement = children;\n\n    // Use the Field's child render function to pass the field control props to the child\n    fieldProps.children = fieldControlProps => React.cloneElement(child, { ...fieldControlProps, ...child.props });\n  } else {\n    fieldProps.children = children;\n  }\n\n  const state = useField_unstable(fieldProps, ref);\n  useFieldStyles_unstable(state);\n  const context = useFieldContextValues_unstable(state);\n  return renderField_unstable(state, context);\n});\n\nFormFieldShim.displayName = 'FormFieldShim';\n"],"names":["renderField_unstable","useFieldContextValues_unstable","useFieldStyles_unstable","useField_unstable","React","FormFieldShim","forwardRef","props","ref","errorMessage","required","control","label","fieldProps","error","validationState","validationMessage","content","children","isValidElement","child","fieldControlProps","cloneElement","state","context","displayName"],"mappings":";;;;+BA6CaK;;;;;;;iCAvCN,6BAA6B;iEAGb,QAAQ;AAoCxB,sBAAMA,WAAAA,GAAgBD,OAAME,UAAU,CAA0C,CAACC,OAAOC;IAC7F,MAAM,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,KAAK,EAAE,GAAGL;IACnD,MAAMM,aAAyB;QAAEH;IAAS;IAE1C,IAAID,gBAAgBE,CAAAA,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASG,KAAAA,AAAK,MAAK,QAAQ;QAC7CD,WAAWE,eAAe,GAAG;QAC7B,IAAI,OAAON,iBAAiB,UAAU;YACpCI,WAAWG,iBAAiB,GAAGP,aAAaQ,OAAO;QACrD;QACA,IAAI,OAAOR,iBAAiB,UAAU;YACpCI,WAAWG,iBAAiB,GAAGP;QACjC;IACF;IAEA,IAAIG,OAAO;QACT,IAAI,OAAOA,UAAU,UAAU;YAC7BC,WAAWD,KAAK,GAAGA,MAAMK,OAAO;QAClC,OAAO;YACLJ,WAAWD,KAAK,GAAGA;QACrB;IACF;IAEA,MAAMM,WAAmCX,MAAMW,QAAQ,KAAIP,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASM,OAAAA,AAAO;IAE3E,IAAA,WAAA,GAAIb,OAAMe,cAAc,CAACD,WAAW;QAClC,MAAME,QAA4BF;QAElC,qFAAqF;QACrFL,WAAWK,QAAQ,GAAGG,CAAAA,oBAAAA,WAAAA,GAAqBjB,OAAMkB,YAAY,CAACF,OAAO;gBAAE,GAAGC,iBAAiB;gBAAE,GAAGD,MAAMb,KAAK;YAAC;IAC9G,OAAO;QACLM,WAAWK,QAAQ,GAAGA;IACxB;IAEA,MAAMK,YAAQpB,kCAAAA,EAAkBU,YAAYL;IAC5CN,4CAAAA,EAAwBqB;IACxB,MAAMC,cAAUvB,+CAAAA,EAA+BsB;IAC/C,WAAOvB,qCAAAA,EAAqBuB,OAAOC;AACrC,GAAG;AAEHnB,cAAcoB,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/FormField/index.ts"],"sourcesContent":["export { FormFieldShim } from './FormFieldShim';\n"],"names":["FormFieldShim"],"rangeMappings":";;;;;;;;;;","mappings":";;;;+BAASA;;;eAAAA,4BAAa;;;+BAAQ"}
+{"version":3,"sources":["../src/components/FormField/index.ts"],"sourcesContent":["export { FormFieldShim } from './FormFieldShim';\n"],"names":["FormFieldShim"],"mappings":";;;;;;;eAASA,4BAAa;;;+BAAQ,kBAAkB"}

package/lib-commonjs/components/Grid/Grid.mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Grid/Grid.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\n\nconst getCSSTemplateValue = (template: string | number): string => {\n  const templateAsNumber = Number(template);\n\n  return !isNaN(templateAsNumber) && templateAsNumber > 0 ? `repeat(${template}, 1fr)` : String(template);\n};\n\nconst columns = (template: string): GriffelStyle => ({\n  gridTemplateColumns: getCSSTemplateValue(template),\n});\n\nconst rows = (template: string): GriffelStyle => ({\n  gridTemplateRows: getCSSTemplateValue(template),\n});\n\nexport const grid = {\n  columns,\n  rows,\n};\n"],"names":["grid","getCSSTemplateValue","template","templateAsNumber","Number","isNaN","String","columns","gridTemplateColumns","rows","gridTemplateRows"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;AAdb,MAAMC,sBAAsB,CAACC;IAC3B,MAAMC,mBAAmBC,OAAOF;IAEhC,OAAO,CAACG,MAAMF,qBAAqBA,mBAAmB,IAAI,CAAC,OAAO,EAAED,SAAS,MAAM,CAAC,GAAGI,OAAOJ;AAChG;AAEA,MAAMK,UAAU,CAACL,WAAoC,CAAA;QACnDM,qBAAqBP,oBAAoBC;IAC3C,CAAA;AAEA,MAAMO,OAAO,CAACP,WAAoC,CAAA;QAChDQ,kBAAkBT,oBAAoBC;IACxC,CAAA;AAEO,MAAMF,OAAO;IAClBO;IACAE;AACF"}
+{"version":3,"sources":["../src/components/Grid/Grid.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\n\nconst getCSSTemplateValue = (template: string | number): string => {\n  const templateAsNumber = Number(template);\n\n  return !isNaN(templateAsNumber) && templateAsNumber > 0 ? `repeat(${template}, 1fr)` : String(template);\n};\n\nconst columns = (template: string): GriffelStyle => ({\n  gridTemplateColumns: getCSSTemplateValue(template),\n});\n\nconst rows = (template: string): GriffelStyle => ({\n  gridTemplateRows: getCSSTemplateValue(template),\n});\n\nexport const grid = {\n  columns,\n  rows,\n};\n"],"names":["getCSSTemplateValue","template","templateAsNumber","Number","isNaN","String","columns","gridTemplateColumns","rows","gridTemplateRows","grid"],"mappings":";;;;;;;;;;AAEA,MAAMA,sBAAsB,CAACC;IAC3B,MAAMC,mBAAmBC,OAAOF;IAEhC,OAAO,CAACG,MAAMF,qBAAqBA,mBAAmB,IAAI,CAAC,OAAO,EAAED,SAAS,MAAM,CAAC,GAAGI,OAAOJ;AAChG;AAEA,MAAMK,UAAU,CAACL,WAAoC,CAAA;QACnDM,qBAAqBP,oBAAoBC;KAC3C,CAAA;AAEA,MAAMO,OAAO,CAACP,WAAoC;QAChDQ,kBAAkBT,oBAAoBC;KACxC,CAAA;AAEO,MAAMS,OAAO;IAClBJ;IACAE;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["Grid.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useGridStyles = makeStyles({\n    grid: {\n        display: 'grid',\n        justifyContent: 'space-evenly'\n    },\n    onlyRows: {\n        gridAutoFlow: 'column'\n    },\n    rows1: {\n        gridTemplateRows: 'repeat(1, 1fr)'\n    },\n    rows2: {\n        gridTemplateRows: 'repeat(2, 1fr)'\n    },\n    rows3: {\n        gridTemplateRows: 'repeat(3, 1fr)'\n    },\n    columns1: {\n        gridTemplateColumns: 'repeat(1, 1fr)'\n    },\n    columns2: {\n        gridTemplateColumns: 'repeat(2, 1fr)'\n    },\n    columns3: {\n        gridTemplateColumns: 'repeat(3, 1fr)'\n    },\n    columnsDefault: {\n        gridTemplateColumns: 'repeat(5, 1fr)'\n    }\n});\n"],"names":["useGridStyles","__styles","grid","mc9l5x","Brf1p80","onlyRows","Bxotwcr","rows1","wkccdc","rows2","rows3","columns1","Budl1dq","columns2","columns3","columnsDefault","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADc;AACpB,MAAMA,gBAAa,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,UAAA;QAAAC,SAAA;IAAA;IAAAC,OAAA;QAAAC,QAAA;IAAA;IAAAC,OAAA;QAAAD,QAAA;IAAA;IAAAE,OAAA;QAAAF,QAAA;IAAA;IAAAG,UAAA;QAAAC,SAAA;IAAA;IAAAC,UAAA;QAAAD,SAAA;IAAA;IAAAE,UAAA;QAAAF,SAAA;IAAA;IAAAG,gBAAA;QAAAH,SAAA;IAAA;AAAA,GAAA;IAAAI,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}
+{"version":3,"sources":["Grid.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useGridStyles = makeStyles({\n    grid: {\n        display: 'grid',\n        justifyContent: 'space-evenly'\n    },\n    onlyRows: {\n        gridAutoFlow: 'column'\n    },\n    rows1: {\n        gridTemplateRows: 'repeat(1, 1fr)'\n    },\n    rows2: {\n        gridTemplateRows: 'repeat(2, 1fr)'\n    },\n    rows3: {\n        gridTemplateRows: 'repeat(3, 1fr)'\n    },\n    columns1: {\n        gridTemplateColumns: 'repeat(1, 1fr)'\n    },\n    columns2: {\n        gridTemplateColumns: 'repeat(2, 1fr)'\n    },\n    columns3: {\n        gridTemplateColumns: 'repeat(3, 1fr)'\n    },\n    columnsDefault: {\n        gridTemplateColumns: 'repeat(5, 1fr)'\n    }\n});\n"],"names":["__styles","useGridStyles","grid","mc9l5x","Brf1p80","onlyRows","Bxotwcr","rows1","wkccdc","rows2","rows3","columns1","Budl1dq","columns2","columns3","columnsDefault","d"],"mappings":";;;;+BACaC,aAAa;;;;;;iCADC,4BAA4B;AAChD,sBAAmB,WAAA,OAAGD,yBAAA,EAAA;IAAAE,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,KAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,KAAA,EAAA;QAAAD,MAAA,EAAA;IAAA;IAAAE,KAAA,EAAA;QAAAF,MAAA,EAAA;IAAA;IAAAG,QAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,QAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;IAAAG,cAAA,EAAA;QAAAH,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAI,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA6B5B,CAAC"}

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useGridStyles", {
+    enumerable: true,
+    get: function() {
+        return useGridStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useGridStyles = (0, _reactcomponents.makeStyles)({
+    grid: {
+        display: 'grid',
+        justifyContent: 'space-evenly'
+    },
+    onlyRows: {
+        gridAutoFlow: 'column'
+    },
+    rows1: {
+        gridTemplateRows: 'repeat(1, 1fr)'
+    },
+    rows2: {
+        gridTemplateRows: 'repeat(2, 1fr)'
+    },
+    rows3: {
+        gridTemplateRows: 'repeat(3, 1fr)'
+    },
+    columns1: {
+        gridTemplateColumns: 'repeat(1, 1fr)'
+    },
+    columns2: {
+        gridTemplateColumns: 'repeat(2, 1fr)'
+    },
+    columns3: {
+        gridTemplateColumns: 'repeat(3, 1fr)'
+    },
+    columnsDefault: {
+        gridTemplateColumns: 'repeat(5, 1fr)'
+    }
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Grid/Grid.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useGridStyles = makeStyles({\n  grid: {\n    display: 'grid',\n    justifyContent: 'space-evenly',\n  },\n  onlyRows: {\n    gridAutoFlow: 'column',\n  },\n  rows1: {\n    gridTemplateRows: 'repeat(1, 1fr)',\n  },\n  rows2: {\n    gridTemplateRows: 'repeat(2, 1fr)',\n  },\n  rows3: {\n    gridTemplateRows: 'repeat(3, 1fr)',\n  },\n  columns1: {\n    gridTemplateColumns: 'repeat(1, 1fr)',\n  },\n  columns2: {\n    gridTemplateColumns: 'repeat(2, 1fr)',\n  },\n  columns3: {\n    gridTemplateColumns: 'repeat(3, 1fr)',\n  },\n  columnsDefault: {\n    gridTemplateColumns: 'repeat(5, 1fr)',\n  },\n});\n"],"names":["makeStyles","useGridStyles","grid","display","justifyContent","onlyRows","gridAutoFlow","rows1","gridTemplateRows","rows2","rows3","columns1","gridTemplateColumns","columns2","columns3","columnsDefault"],"mappings":";;;;+BAEaC;;;;;;iCAFc,6BAA6B;AAEjD,0BAAsBD,2BAAAA,EAAW;IACtCE,MAAM;QACJC,SAAS;QACTC,gBAAgB;IAClB;IACAC,UAAU;QACRC,cAAc;IAChB;IACAC,OAAO;QACLC,kBAAkB;IACpB;IACAC,OAAO;QACLD,kBAAkB;IACpB;IACAE,OAAO;QACLF,kBAAkB;IACpB;IACAG,UAAU;QACRC,qBAAqB;IACvB;IACAC,UAAU;QACRD,qBAAqB;IACvB;IACAE,UAAU;QACRF,qBAAqB;IACvB;IACAG,gBAAgB;QACdH,qBAAqB;IACvB;AACF,GAAG"}

package/lib-commonjs/components/Grid/GridShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Grid/GridShim.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useGridStyles } from './Grid.styles';\n\nexport interface GridShimProps {\n  /**\n   * The columns of the grid with a space-separated list of values.\n   * The values represent the track size, and the space between them represents the grid line.\n   */\n  columns?: 1 | 2 | 3;\n\n  /**\n   * The rows of the grid with a space-separated list of values.\n   * The values represent the track size, and the space between them represents the grid line.\n   */\n  rows?: 1 | 2 | 3;\n}\n\nexport const gridShimClassName = 'fui-Grid';\n\nexport const GridShim = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement> & GridShimProps>(\n  (props, ref) => {\n    const { rows, columns, className, ...rest } = props;\n    const classes = useGridStyles();\n\n    const classMaps = React.useMemo(\n      () => ({\n        rowsClasses: {\n          1: classes.rows1,\n          2: classes.rows2,\n          3: classes.rows3,\n        },\n        columnsClasses: {\n          1: classes.columns1,\n          2: classes.columns2,\n          3: classes.columns3,\n        },\n      }),\n      [classes],\n    );\n\n    const gridClasses = mergeClasses(\n      gridShimClassName,\n      classes.grid,\n      !rows && !columns && classes.columnsDefault,\n      rows && !columns && classes.onlyRows,\n      rows && classMaps.rowsClasses[rows],\n      columns && classMaps.columnsClasses[columns],\n      className,\n    );\n    return <div ref={ref} className={gridClasses} {...rest} />;\n  },\n);\n\nGridShim.displayName = 'GridShim';\n"],"names":["GridShim","gridShimClassName","React","forwardRef","props","ref","rows","columns","className","rest","classes","useGridStyles","classMaps","useMemo","rowsClasses","rows1","rows2","rows3","columnsClasses","columns1","columns2","columns3","gridClasses","mergeClasses","grid","columnsDefault","onlyRows","createElement","div","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAoBaA,QAAAA;eAAAA;;IAFAC,iBAAAA;eAAAA;;;;iCAlBgB;iEACN;4BACO;AAgBvB,MAAMA,oBAAoB;AAE1B,MAAMD,WAAAA,WAAAA,GAAWE,OAAMC,UAAU,CACtC,CAACC,OAAOC;IACN,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGL;IAC9C,MAAMM,UAAUC,IAAAA,yBAAAA;IAEhB,MAAMC,YAAYV,OAAMW,OAAO,CAC7B,IAAO,CAAA;YACLC,aAAa;gBACX,GAAGJ,QAAQK,KAAK;gBAChB,GAAGL,QAAQM,KAAK;gBAChB,GAAGN,QAAQO,KAAK;YAClB;YACAC,gBAAgB;gBACd,GAAGR,QAAQS,QAAQ;gBACnB,GAAGT,QAAQU,QAAQ;gBACnB,GAAGV,QAAQW,QAAQ;YACrB;QACF,CAAA,GACA;QAACX;KAAQ;IAGX,MAAMY,cAAcC,IAAAA,6BAAAA,EAClBtB,mBACAS,QAAQc,IAAI,EACZ,CAAClB,QAAQ,CAACC,WAAWG,QAAQe,cAAc,EAC3CnB,QAAQ,CAACC,WAAWG,QAAQgB,QAAQ,EACpCpB,QAAQM,UAAUE,WAAW,CAACR,KAAK,EACnCC,WAAWK,UAAUM,cAAc,CAACX,QAAQ,EAC5CC;IAEF,OAAA,WAAA,GAAON,OAAAyB,aAAA,CAACC,OAAAA;QAAIvB,KAAKA;QAAKG,WAAWc;QAAc,GAAGb,IAAI;;AACxD;AAGFT,SAAS6B,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Grid/GridShim.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useGridStyles } from './Grid.styles';\n\nexport interface GridShimProps {\n  /**\n   * The columns of the grid with a space-separated list of values.\n   * The values represent the track size, and the space between them represents the grid line.\n   */\n  columns?: 1 | 2 | 3;\n\n  /**\n   * The rows of the grid with a space-separated list of values.\n   * The values represent the track size, and the space between them represents the grid line.\n   */\n  rows?: 1 | 2 | 3;\n}\n\nexport const gridShimClassName = 'fui-Grid';\n\nexport const GridShim = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement> & GridShimProps>(\n  (props, ref) => {\n    const { rows, columns, className, ...rest } = props;\n    const classes = useGridStyles();\n\n    const classMaps = React.useMemo(\n      () => ({\n        rowsClasses: {\n          1: classes.rows1,\n          2: classes.rows2,\n          3: classes.rows3,\n        },\n        columnsClasses: {\n          1: classes.columns1,\n          2: classes.columns2,\n          3: classes.columns3,\n        },\n      }),\n      [classes],\n    );\n\n    const gridClasses = mergeClasses(\n      gridShimClassName,\n      classes.grid,\n      !rows && !columns && classes.columnsDefault,\n      rows && !columns && classes.onlyRows,\n      rows && classMaps.rowsClasses[rows],\n      columns && classMaps.columnsClasses[columns],\n      className,\n    );\n    return <div ref={ref} className={gridClasses} {...rest} />;\n  },\n);\n\nGridShim.displayName = 'GridShim';\n"],"names":["mergeClasses","React","useGridStyles","gridShimClassName","GridShim","forwardRef","props","ref","rows","columns","className","rest","classes","classMaps","useMemo","rowsClasses","rows1","rows2","rows3","columnsClasses","columns1","columns2","columns3","gridClasses","grid","columnsDefault","onlyRows","div","displayName"],"mappings":";;;;;;;;;;;IAoBaI,QAAAA;;;qBAFAD;;;;;iCAlBgB,6BAA6B;iEACnC,QAAQ;4BACD,gBAAgB;AAgBvC,MAAMA,oBAAoB,WAAW;AAErC,iBAAMC,WAAAA,GAAWH,OAAMI,UAAU,CACtC,CAACC,OAAOC;IACN,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGL;IAC9C,MAAMM,cAAUV,yBAAAA;IAEhB,MAAMW,YAAYZ,OAAMa,OAAO,CAC7B,IAAO,CAAA;YACLC,aAAa;gBACX,GAAGH,QAAQI,KAAK;gBAChB,GAAGJ,QAAQK,KAAK;gBAChB,GAAGL,QAAQM,KAAK;YAClB;YACAC,gBAAgB;gBACd,GAAGP,QAAQQ,QAAQ;gBACnB,GAAGR,QAAQS,QAAQ;gBACnB,GAAGT,QAAQU,QAAQ;YACrB;QACF,CAAA,GACA;QAACV;KAAQ;IAGX,MAAMW,kBAAcvB,6BAAAA,EAClBG,mBACAS,QAAQY,IAAI,EACZ,CAAChB,QAAQ,CAACC,WAAWG,QAAQa,cAAc,EAC3CjB,QAAQ,CAACC,WAAWG,QAAQc,QAAQ,EACpClB,QAAQK,UAAUE,WAAW,CAACP,KAAK,EACnCC,WAAWI,UAAUM,cAAc,CAACV,QAAQ,EAC5CC;IAEF,OAAA,WAAA,GAAO,OAAA,aAAA,CAACiB,OAAAA;QAAIpB,KAAKA;QAAKG,WAAWa;QAAc,GAAGZ,IAAI;;AACxD,GACA;AAEFP,SAASwB,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Grid/index.ts"],"sourcesContent":["export { GridShim, gridShimClassName as gridClassName } from './GridShim';\nexport type { GridShimProps } from './GridShim';\nexport { useGridStyles } from './Grid.styles';\nexport { grid } from './Grid.mixins';\n"],"names":["GridShim","grid","gridClassName","gridShimClassName","useGridStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,QAAQ;eAARA,kBAAQ;;IAGRC,IAAI;eAAJA,gBAAI;;IAH2BC,aAAa;eAAlCC,2BAAAA;;IAEVC,aAAa;eAAbA,yBAAa;;;0BAFuC;4BAE/B;4BACT"}
+{"version":3,"sources":["../src/components/Grid/index.ts"],"sourcesContent":["export { GridShim, gridShimClassName as gridClassName } from './GridShim';\nexport type { GridShimProps } from './GridShim';\nexport { useGridStyles } from './Grid.styles';\nexport { grid } from './Grid.mixins';\n"],"names":["GridShim","gridShimClassName","gridClassName","useGridStyles","grid"],"mappings":";;;;;;;;;;;;eAASA,kBAAQ;;;eAGRI,gBAAI;;IAH2BF,aAAa;eAAlCD,2BAAAA;;;eAEVE,yBAAa;;;0BAFuC,aAAa;4BAE5C,gBAAgB;4BACzB,gBAAgB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Input/Input.mixins.ts"],"sourcesContent":["import { GriffelStyle, tokens } from '@fluentui/react-components';\n\nconst fluid = (): GriffelStyle => ({ width: '100%' });\n\nconst error = (): GriffelStyle => ({ border: `1px solid ${tokens.colorPaletteRedBorderActive}` });\n\nconst errorIndicator = (): GriffelStyle => ({\n  color: tokens.colorPaletteRedBorderActive,\n});\n\nconst successIndicator = (): GriffelStyle => ({\n  color: tokens.colorPaletteGreenForeground1,\n});\n\nexport const input = {\n  error,\n  errorIndicator,\n  fluid,\n  successIndicator,\n};\n"],"names":["input","fluid","width","error","border","tokens","colorPaletteRedBorderActive","errorIndicator","color","successIndicator","colorPaletteGreenForeground1"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;iCAdwB;AAErC,MAAMC,QAAQ,IAAqB,CAAA;QAAEC,OAAO;IAAO,CAAA;AAEnD,MAAMC,QAAQ,IAAqB,CAAA;QAAEC,QAAQ,CAAC,UAAU,EAAEC,uBAAAA,CAAOC,2BAA2B,CAAC,CAAC;IAAC,CAAA;AAE/F,MAAMC,iBAAiB,IAAqB,CAAA;QAC1CC,OAAOH,uBAAAA,CAAOC,2BAA2B;IAC3C,CAAA;AAEA,MAAMG,mBAAmB,IAAqB,CAAA;QAC5CD,OAAOH,uBAAAA,CAAOK,4BAA4B;IAC5C,CAAA;AAEO,MAAMV,QAAQ;IACnBG;IACAI;IACAN;IACAQ;AACF"}
+{"version":3,"sources":["../src/components/Input/Input.mixins.ts"],"sourcesContent":["import { GriffelStyle, tokens } from '@fluentui/react-components';\n\nconst fluid = (): GriffelStyle => ({ width: '100%' });\n\nconst error = (): GriffelStyle => ({ border: `1px solid ${tokens.colorPaletteRedBorderActive}` });\n\nconst errorIndicator = (): GriffelStyle => ({\n  color: tokens.colorPaletteRedBorderActive,\n});\n\nconst successIndicator = (): GriffelStyle => ({\n  color: tokens.colorPaletteGreenForeground1,\n});\n\nexport const input = {\n  error,\n  errorIndicator,\n  fluid,\n  successIndicator,\n};\n"],"names":["tokens","fluid","width","error","border","colorPaletteRedBorderActive","errorIndicator","color","successIndicator","colorPaletteGreenForeground1","input"],"mappings":";;;;;;;;;;iCAAqC,6BAA6B;AAElE,MAAMC,QAAQ,IAAqB,CAAA;QAAEC,OAAO;KAAO,CAAA;AAEnD,MAAMC,QAAQ,IAAqB,CAAA;QAAEC,QAAQ,CAAC,UAAU,EAAEJ,uBAAAA,CAAOK,2BAA2B,EAAE;KAAC,CAAA;AAE/F,MAAMC,iBAAiB,IAAqB,CAAA;QAC1CC,OAAOP,uBAAAA,CAAOK,2BAA2B;KAC3C,CAAA;AAEA,MAAMG,mBAAmB,IAAqB,CAAA;QAC5CD,OAAOP,uBAAAA,CAAOS,4BAA4B;KAC5C,CAAA;AAEO,MAAMC,QAAQ;IACnBP;IACAG;IACAL;IACAO;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Input/index.ts"],"sourcesContent":["export { input } from './Input.mixins';\n"],"names":["input"],"rangeMappings":";;;;;;;;;;","mappings":";;;;+BAASA;;;eAAAA,kBAAK;;;6BAAQ"}
+{"version":3,"sources":["../src/components/Input/index.ts"],"sourcesContent":["export { input } from './Input.mixins';\n"],"names":["input"],"mappings":";;;;;;;eAASA,kBAAK;;;6BAAQ,iBAAiB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ItemLayout/ItemLayout.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport {\n  ComponentProps,\n  ComponentState,\n  getIntrinsicElementProps,\n  Slot,\n  slot,\n  assertSlots,\n} from '@fluentui/react-utilities';\n\nimport { useItemLayoutStyles } from './ItemLayout.styles';\n\ntype ItemLayoutSlots = {\n  root: Slot<'div'>;\n\n  contentMedia?: Slot<'div'>;\n  contentWrapper?: Slot<'div'>;\n\n  header?: Slot<'div'>;\n  headerMedia?: Slot<'div'>;\n\n  startMedia?: Slot<'div'>;\n  endMedia?: Slot<'div'>;\n};\n\ntype ItemLayoutProps = ComponentProps<ItemLayoutSlots>;\n\ntype ItemLayoutState = ComponentState<ItemLayoutSlots>;\n\nexport const itemLayoutClassName = 'fui-ItemLayout';\n\nexport const ItemLayout = React.forwardRef<HTMLDivElement, ItemLayoutProps>((props, ref) => {\n  const state: ItemLayoutState = {\n    components: {\n      root: 'div',\n      contentWrapper: 'div',\n      contentMedia: 'div',\n      header: 'div',\n      headerMedia: 'div',\n      startMedia: 'div',\n      endMedia: 'div',\n    },\n    root: slot.always(getIntrinsicElementProps('div', { ...props, ref }), { elementType: 'div' }),\n    contentMedia: slot.optional(props.contentMedia, { elementType: 'div' }),\n    contentWrapper: slot.optional(props.contentWrapper, { renderByDefault: true, elementType: 'div' }),\n    header: slot.optional(props.header, { elementType: 'div' }),\n    headerMedia: slot.optional(props.headerMedia, { elementType: 'div' }),\n    startMedia: slot.optional(props.startMedia, { elementType: 'div' }),\n    endMedia: slot.optional(props.endMedia, { elementType: 'div' }),\n  };\n  const styles = useItemLayoutStyles();\n\n  state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);\n  if (state.contentWrapper) {\n    state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.contentWrapper.className);\n  }\n\n  if (state.contentMedia) {\n    state.contentMedia.className = mergeClasses(styles.contentMedia, state.contentMedia.className);\n  }\n\n  if (state.header) {\n    state.header.className = mergeClasses(styles.header, state.header.className);\n  }\n\n  if (state.headerMedia) {\n    state.headerMedia.className = mergeClasses(styles.headerMedia, state.headerMedia.className);\n  }\n\n  if (state.startMedia) {\n    state.startMedia.className = mergeClasses(styles.startMedia, state.startMedia.className);\n  }\n\n  if (state.endMedia) {\n    state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);\n  }\n\n  assertSlots<ItemLayoutSlots>(state);\n\n  return (\n    <state.root>\n      {state.startMedia && <state.startMedia />}\n      {state.header && <state.header />}\n      {state.headerMedia && <state.headerMedia />}\n      {state.contentWrapper && <state.contentWrapper>{state.root.children}</state.contentWrapper>}\n      {state.contentMedia && <state.contentMedia />}\n      {state.endMedia && <state.endMedia />}\n    </state.root>\n  );\n});\n\nItemLayout.displayName = 'ItemLayout';\n"],"names":["ItemLayout","itemLayoutClassName","React","forwardRef","props","ref","state","components","root","contentWrapper","contentMedia","header","headerMedia","startMedia","endMedia","slot","always","getIntrinsicElementProps","elementType","optional","renderByDefault","styles","useItemLayoutStyles","className","mergeClasses","assertSlots","_jsxs","_jsx","children","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../src/components/ItemLayout/ItemLayout.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport {\n  ComponentProps,\n  ComponentState,\n  getIntrinsicElementProps,\n  Slot,\n  slot,\n  assertSlots,\n} from '@fluentui/react-utilities';\n\nimport { useItemLayoutStyles } from './ItemLayout.styles';\n\ntype ItemLayoutSlots = {\n  root: Slot<'div'>;\n\n  contentMedia?: Slot<'div'>;\n  contentWrapper?: Slot<'div'>;\n\n  header?: Slot<'div'>;\n  headerMedia?: Slot<'div'>;\n\n  startMedia?: Slot<'div'>;\n  endMedia?: Slot<'div'>;\n};\n\ntype ItemLayoutProps = ComponentProps<ItemLayoutSlots>;\n\ntype ItemLayoutState = ComponentState<ItemLayoutSlots>;\n\nexport const itemLayoutClassName = 'fui-ItemLayout';\n\nexport const ItemLayout = React.forwardRef<HTMLDivElement, ItemLayoutProps>((props, ref) => {\n  const state: ItemLayoutState = {\n    components: {\n      root: 'div',\n      contentWrapper: 'div',\n      contentMedia: 'div',\n      header: 'div',\n      headerMedia: 'div',\n      startMedia: 'div',\n      endMedia: 'div',\n    },\n    root: slot.always(getIntrinsicElementProps('div', { ...props, ref }), { elementType: 'div' }),\n    contentMedia: slot.optional(props.contentMedia, { elementType: 'div' }),\n    contentWrapper: slot.optional(props.contentWrapper, { renderByDefault: true, elementType: 'div' }),\n    header: slot.optional(props.header, { elementType: 'div' }),\n    headerMedia: slot.optional(props.headerMedia, { elementType: 'div' }),\n    startMedia: slot.optional(props.startMedia, { elementType: 'div' }),\n    endMedia: slot.optional(props.endMedia, { elementType: 'div' }),\n  };\n  const styles = useItemLayoutStyles();\n\n  state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);\n  if (state.contentWrapper) {\n    state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.contentWrapper.className);\n  }\n\n  if (state.contentMedia) {\n    state.contentMedia.className = mergeClasses(styles.contentMedia, state.contentMedia.className);\n  }\n\n  if (state.header) {\n    state.header.className = mergeClasses(styles.header, state.header.className);\n  }\n\n  if (state.headerMedia) {\n    state.headerMedia.className = mergeClasses(styles.headerMedia, state.headerMedia.className);\n  }\n\n  if (state.startMedia) {\n    state.startMedia.className = mergeClasses(styles.startMedia, state.startMedia.className);\n  }\n\n  if (state.endMedia) {\n    state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);\n  }\n\n  assertSlots<ItemLayoutSlots>(state);\n\n  return (\n    <state.root>\n      {state.startMedia && <state.startMedia />}\n      {state.header && <state.header />}\n      {state.headerMedia && <state.headerMedia />}\n      {state.contentWrapper && <state.contentWrapper>{state.root.children}</state.contentWrapper>}\n      {state.contentMedia && <state.contentMedia />}\n      {state.endMedia && <state.endMedia />}\n    </state.root>\n  );\n});\n\nItemLayout.displayName = 'ItemLayout';\n"],"names":["React","mergeClasses","getIntrinsicElementProps","slot","assertSlots","useItemLayoutStyles","itemLayoutClassName","ItemLayout","forwardRef","props","ref","state","components","root","contentWrapper","contentMedia","header","headerMedia","startMedia","endMedia","always","elementType","optional","renderByDefault","styles","className","children","displayName"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["ItemLayout.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useItemLayoutStyles = makeStyles({\n    root: {\n        display: 'grid',\n        gridTemplateColumns: 'auto 1fr auto auto',\n        minHeight: '48px'\n    },\n    contentMedia: {\n        alignSelf: 'start',\n        gridColumnStart: 3,\n        gridColumnEnd: 4,\n        gridRowStart: 2,\n        gridRowEnd: 3,\n        fontSize: '12px',\n        lineHeight: 1.3333\n    },\n    contentWrapper: {\n        alignSelf: 'start',\n        gridColumnStart: 2,\n        gridColumnEnd: 3,\n        gridRowStart: 2,\n        gridRowEnd: 3,\n        marginRight: '8px',\n        fontSize: '12px',\n        lineHeight: 1.3333\n    },\n    header: {\n        alignSelf: 'end',\n        gridColumnStart: 2,\n        gridColumnEnd: 3,\n        gridRowStart: 1,\n        gridRowEnd: 2,\n        fontSize: '14px',\n        marginRight: '8px'\n    },\n    headerMedia: {\n        alignSelf: 'end',\n        gridColumnStart: 3,\n        gridColumnEnd: 4,\n        gridRowStart: 1,\n        gridRowEnd: 2,\n        fontSize: '12px',\n        lineHeight: 1.3333\n    },\n    startMedia: {\n        alignSelf: 'center',\n        gridColumnStart: 1,\n        gridColumnEnd: 2,\n        gridRowStart: 1,\n        gridRowEnd: 3,\n        marginRight: '8px'\n    },\n    endMedia: {\n        alignSelf: 'center',\n        gridColumnStart: 4,\n        gridColumnEnd: 5,\n        gridRowStart: 1,\n        gridRowEnd: 3\n    }\n});\n"],"names":["useItemLayoutStyles","__styles","root","mc9l5x","Budl1dq","sshi5w","contentMedia","qb2dma","Br312pm","Bw0ie65","Ijaq50","nk6f5a","Be2twd7","Bg96gwp","contentWrapper","t21cq0","header","headerMedia","startMedia","endMedia","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADc;AACpB,MAAMA,sBAAmB,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,cAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,gBAAA;QAAAP,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAI,QAAA;YAAA;YAAA;SAAA;QAAAH,SAAA;QAAAC,SAAA;IAAA;IAAAG,QAAA;QAAAT,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAG,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAE,aAAA;QAAAV,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAK,YAAA;QAAAX,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAI,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAI,UAAA;QAAAZ,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAS,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}
+{"version":3,"sources":["ItemLayout.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useItemLayoutStyles = makeStyles({\n    root: {\n        display: 'grid',\n        gridTemplateColumns: 'auto 1fr auto auto',\n        minHeight: '48px'\n    },\n    contentMedia: {\n        alignSelf: 'start',\n        gridColumnStart: 3,\n        gridColumnEnd: 4,\n        gridRowStart: 2,\n        gridRowEnd: 3,\n        fontSize: '12px',\n        lineHeight: 1.3333\n    },\n    contentWrapper: {\n        alignSelf: 'start',\n        gridColumnStart: 2,\n        gridColumnEnd: 3,\n        gridRowStart: 2,\n        gridRowEnd: 3,\n        marginRight: '8px',\n        fontSize: '12px',\n        lineHeight: 1.3333\n    },\n    header: {\n        alignSelf: 'end',\n        gridColumnStart: 2,\n        gridColumnEnd: 3,\n        gridRowStart: 1,\n        gridRowEnd: 2,\n        fontSize: '14px',\n        marginRight: '8px'\n    },\n    headerMedia: {\n        alignSelf: 'end',\n        gridColumnStart: 3,\n        gridColumnEnd: 4,\n        gridRowStart: 1,\n        gridRowEnd: 2,\n        fontSize: '12px',\n        lineHeight: 1.3333\n    },\n    startMedia: {\n        alignSelf: 'center',\n        gridColumnStart: 1,\n        gridColumnEnd: 2,\n        gridRowStart: 1,\n        gridRowEnd: 3,\n        marginRight: '8px'\n    },\n    endMedia: {\n        alignSelf: 'center',\n        gridColumnStart: 4,\n        gridColumnEnd: 5,\n        gridRowStart: 1,\n        gridRowEnd: 3\n    }\n});\n"],"names":["__styles","useItemLayoutStyles","root","mc9l5x","Budl1dq","sshi5w","contentMedia","qb2dma","Br312pm","Bw0ie65","Ijaq50","nk6f5a","Be2twd7","Bg96gwp","contentWrapper","t21cq0","header","headerMedia","startMedia","endMedia","d"],"mappings":";;;;+BACaC,mBAAmB;;;;;;iCADL,4BAA4B;AAChD,4BAAyB,WAAA,OAAGD,yBAAA,EAAA;IAAAE,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,cAAA,EAAA;QAAAP,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAI,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAH,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAG,MAAA,EAAA;QAAAT,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAG,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAE,WAAA,EAAA;QAAAV,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAK,UAAA,EAAA;QAAAX,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAI,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAI,QAAA,EAAA;QAAAZ,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAS,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA0DlC,CAAC"}

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

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useItemLayoutStyles", {
+    enumerable: true,
+    get: function() {
+        return useItemLayoutStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useItemLayoutStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        display: 'grid',
+        gridTemplateColumns: 'auto 1fr auto auto',
+        minHeight: '48px'
+    },
+    contentMedia: {
+        alignSelf: 'start',
+        gridColumnStart: 3,
+        gridColumnEnd: 4,
+        gridRowStart: 2,
+        gridRowEnd: 3,
+        fontSize: '12px',
+        lineHeight: 1.3333
+    },
+    contentWrapper: {
+        alignSelf: 'start',
+        gridColumnStart: 2,
+        gridColumnEnd: 3,
+        gridRowStart: 2,
+        gridRowEnd: 3,
+        marginRight: '8px',
+        fontSize: '12px',
+        lineHeight: 1.3333
+    },
+    header: {
+        alignSelf: 'end',
+        gridColumnStart: 2,
+        gridColumnEnd: 3,
+        gridRowStart: 1,
+        gridRowEnd: 2,
+        fontSize: '14px',
+        marginRight: '8px'
+    },
+    headerMedia: {
+        alignSelf: 'end',
+        gridColumnStart: 3,
+        gridColumnEnd: 4,
+        gridRowStart: 1,
+        gridRowEnd: 2,
+        fontSize: '12px',
+        lineHeight: 1.3333
+    },
+    startMedia: {
+        alignSelf: 'center',
+        gridColumnStart: 1,
+        gridColumnEnd: 2,
+        gridRowStart: 1,
+        gridRowEnd: 3,
+        marginRight: '8px'
+    },
+    endMedia: {
+        alignSelf: 'center',
+        gridColumnStart: 4,
+        gridColumnEnd: 5,
+        gridRowStart: 1,
+        gridRowEnd: 3
+    }
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ItemLayout/ItemLayout.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useItemLayoutStyles = makeStyles({\n  root: {\n    display: 'grid',\n    gridTemplateColumns: 'auto 1fr auto auto',\n    minHeight: '48px',\n  },\n  contentMedia: {\n    alignSelf: 'start',\n    gridColumnStart: 3,\n    gridColumnEnd: 4,\n    gridRowStart: 2,\n    gridRowEnd: 3,\n    fontSize: '12px',\n    lineHeight: 1.3333,\n  },\n  contentWrapper: {\n    alignSelf: 'start',\n    gridColumnStart: 2,\n    gridColumnEnd: 3,\n    gridRowStart: 2,\n    gridRowEnd: 3,\n    marginRight: '8px',\n    fontSize: '12px',\n    lineHeight: 1.3333,\n  },\n  header: {\n    alignSelf: 'end',\n    gridColumnStart: 2,\n    gridColumnEnd: 3,\n    gridRowStart: 1,\n    gridRowEnd: 2,\n    fontSize: '14px',\n    marginRight: '8px',\n  },\n  headerMedia: {\n    alignSelf: 'end',\n    gridColumnStart: 3,\n    gridColumnEnd: 4,\n    gridRowStart: 1,\n    gridRowEnd: 2,\n    fontSize: '12px',\n    lineHeight: 1.3333,\n  },\n  startMedia: {\n    alignSelf: 'center',\n    gridColumnStart: 1,\n    gridColumnEnd: 2,\n    gridRowStart: 1,\n    gridRowEnd: 3,\n    marginRight: '8px',\n  },\n  endMedia: {\n    alignSelf: 'center',\n    gridColumnStart: 4,\n    gridColumnEnd: 5,\n    gridRowStart: 1,\n    gridRowEnd: 3,\n  },\n});\n"],"names":["makeStyles","useItemLayoutStyles","root","display","gridTemplateColumns","minHeight","contentMedia","alignSelf","gridColumnStart","gridColumnEnd","gridRowStart","gridRowEnd","fontSize","lineHeight","contentWrapper","marginRight","header","headerMedia","startMedia","endMedia"],"mappings":";;;;+BAEaC;;;;;;iCAFc,6BAA6B;AAEjD,gCAA4BD,2BAAAA,EAAW;IAC5CE,MAAM;QACJC,SAAS;QACTC,qBAAqB;QACrBC,WAAW;IACb;IACAC,cAAc;QACZC,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;QACZC,UAAU;QACVC,YAAY;IACd;IACAC,gBAAgB;QACdP,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;QACZI,aAAa;QACbH,UAAU;QACVC,YAAY;IACd;IACAG,QAAQ;QACNT,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;QACZC,UAAU;QACVG,aAAa;IACf;IACAE,aAAa;QACXV,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;QACZC,UAAU;QACVC,YAAY;IACd;IACAK,YAAY;QACVX,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;QACZI,aAAa;IACf;IACAI,UAAU;QACRZ,WAAW;QACXC,iBAAiB;QACjBC,eAAe;QACfC,cAAc;QACdC,YAAY;IACd;AACF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ItemLayout/index.tsx"],"sourcesContent":["export { ItemLayout, itemLayoutClassName } from './ItemLayout';\nexport { useItemLayoutStyles } from './ItemLayout.styles';\n"],"names":["ItemLayout","itemLayoutClassName","useItemLayoutStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,UAAU;eAAVA,sBAAU;;IAAEC,mBAAmB;eAAnBA,+BAAmB;;IAC/BC,mBAAmB;eAAnBA,qCAAmB;;;4BADoB;kCACZ"}
+{"version":3,"sources":["../src/components/ItemLayout/index.tsx"],"sourcesContent":["export { ItemLayout, itemLayoutClassName } from './ItemLayout';\nexport { useItemLayoutStyles } from './ItemLayout.styles';\n"],"names":["ItemLayout","itemLayoutClassName","useItemLayoutStyles"],"mappings":";;;;;;;;;;;;eAASA,sBAAU;;;eAAEC,+BAAmB;;;eAC/BC,qCAAmB;;;4BADoB,eAAe;kCAC3B,sBAAsB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/List/List.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useList_unstable } from './useList';\nimport { renderList_unstable } from './renderList';\nimport { useListStyles_unstable } from './useListStyles.styles';\nimport type { ListProps } from './List.types';\nimport { useListContextValues_unstable } from './useListContextValues';\n\nexport const List: ForwardRefComponent<ListProps> = React.forwardRef((props, ref) => {\n  const state = useList_unstable(props, ref);\n  const contextValues = useListContextValues_unstable(state);\n\n  useListStyles_unstable(state);\n  useCustomStyleHook_unstable('useListStyles_unstable')(state);\n\n  return renderList_unstable(state, contextValues);\n});\n\nList.displayName = 'List';\n"],"names":["List","React","forwardRef","props","ref","state","useList_unstable","contextValues","useListContextValues_unstable","useListStyles_unstable","useCustomStyleHook_unstable","renderList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;qCAEqB;yBACX;4BACG;qCACG;sCAEO;AAEvC,MAAMA,OAAAA,WAAAA,GAAuCC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,QAAQC,IAAAA,yBAAAA,EAAiBH,OAAOC;IACtC,MAAMG,gBAAgBC,IAAAA,mDAAAA,EAA8BH;IAEpDI,IAAAA,2CAAAA,EAAuBJ;IACvBK,IAAAA,gDAAAA,EAA4B,0BAA0BL;IAEtD,OAAOM,IAAAA,+BAAAA,EAAoBN,OAAOE;AACpC;AAEAP,KAAKY,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/List/List/List.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useList_unstable } from './useList';\nimport { renderList_unstable } from './renderList';\nimport { useListStyles_unstable } from './useListStyles.styles';\nimport type { ListProps } from './List.types';\nimport { useListContextValues_unstable } from './useListContextValues';\n\nexport const List: ForwardRefComponent<ListProps> = React.forwardRef((props, ref) => {\n  const state = useList_unstable(props, ref);\n  const contextValues = useListContextValues_unstable(state);\n\n  useListStyles_unstable(state);\n  useCustomStyleHook_unstable('useListStyles_unstable')(state);\n\n  return renderList_unstable(state, contextValues);\n});\n\nList.displayName = 'List';\n"],"names":["React","useCustomStyleHook_unstable","useList_unstable","renderList_unstable","useListStyles_unstable","useListContextValues_unstable","List","forwardRef","props","ref","state","contextValues","displayName"],"mappings":";;;;+BASaM;;;;;;;iEATU,QAAQ;qCAEa,kCAAkC;yBAC7C,YAAY;4BACT,eAAe;qCACZ,yBAAyB;sCAElB,yBAAyB;AAEhE,aAAMA,WAAAA,GAAuCN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,YAAQR,yBAAAA,EAAiBM,OAAOC;IACtC,MAAME,oBAAgBN,mDAAAA,EAA8BK;QAEpDN,2CAAAA,EAAuBM;QACvBT,gDAAAA,EAA4B,0BAA0BS;IAEtD,WAAOP,+BAAAA,EAAoBO,OAAOC;AACpC,GAAG;AAEHL,KAAKM,WAAW,GAAG"}