@fluentui/react-migration-v0-v9 9.0.0 → 9.0.2

package/lib/components/Segment/Segment.js

@@ -2,19 +2,14 @@ import { mergeClasses } from '@fluentui/react-components';
 import * as React from 'react';
 import { useSegmentStyles } from './Segment.styles';
 export const segmentClassName = 'fui-Segment';
-export const Segment = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    children,
-    className,
-    ...rest
-  } = props;
-  const classes = useSegmentStyles();
-  const segmentClasses = mergeClasses(segmentClassName, classes.segment, className);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: segmentClasses,
-    ...rest
-  }, children);
+export const Segment = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const { children , className , ...rest } = props;
+    const classes = useSegmentStyles();
+    const segmentClasses = mergeClasses(segmentClassName, classes.segment, className);
+    return /*#__PURE__*/ React.createElement("div", {
+        ref: ref,
+        className: segmentClasses,
+        ...rest
+    }, children);
 });
 Segment.displayName = 'Segment';
-//# sourceMappingURL=Segment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["mergeClasses","React","useSegmentStyles","segmentClassName","Segment","forwardRef","props","ref","children","className","rest","classes","segmentClasses","segment","createElement","displayName"],"sources":["../../../src/components/Segment/Segment.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\n\nimport { useSegmentStyles } from './Segment.styles';\n\nexport const segmentClassName = 'fui-Segment';\n\nexport const Segment = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement>>((props, ref) => {\n  const { children, className, ...rest } = props;\n  const classes = useSegmentStyles();\n\n  const segmentClasses = mergeClasses(segmentClassName, classes.segment, className);\n\n  return (\n    <div ref={ref} className={segmentClasses} {...rest}>\n      {children}\n    </div>\n  );\n});\n\nSegment.displayName = 'Segment';\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ;AAC7B,YAAYC,KAAA,MAAW;AAEvB,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,gBAAA,GAAmB;AAEhC,OAAO,MAAMC,OAAA,gBAAUH,KAAA,CAAMI,UAAU,CAAoD,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACzG,MAAM;IAAEC,QAAA;IAAUC,SAAA;IAAW,GAAGC;EAAA,CAAM,GAAGJ,KAAA;EACzC,MAAMK,OAAA,GAAUT,gBAAA;EAEhB,MAAMU,cAAA,GAAiBZ,YAAA,CAAaG,gBAAA,EAAkBQ,OAAA,CAAQE,OAAO,EAAEJ,SAAA;EAEvE,oBACER,KAAA,CAAAa,aAAA,CAAC;IAAIP,GAAA,EAAKA,GAAA;IAAKE,SAAA,EAAWG,cAAA;IAAiB,GAAGF;KAC3CF,QAAA;AAGP;AAEAJ,OAAA,CAAQW,WAAW,GAAG"}
+{"version":3,"sources":["Segment.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\n\nimport { useSegmentStyles } from './Segment.styles';\n\nexport const segmentClassName = 'fui-Segment';\n\nexport const Segment = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement>>((props, ref) => {\n  const { children, className, ...rest } = props;\n  const classes = useSegmentStyles();\n\n  const segmentClasses = mergeClasses(segmentClassName, classes.segment, className);\n\n  return (\n    <div ref={ref} className={segmentClasses} {...rest}>\n      {children}\n    </div>\n  );\n});\n\nSegment.displayName = 'Segment';\n"],"names":["mergeClasses","React","useSegmentStyles","segmentClassName","Segment","forwardRef","props","ref","children","className","rest","classes","segmentClasses","segment","div","displayName"],"mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,YAAYC,WAAW,QAAQ;AAE/B,SAASC,gBAAgB,QAAQ,mBAAmB;AAEpD,OAAO,MAAMC,mBAAmB,cAAc;AAE9C,OAAO,MAAMC,wBAAUH,MAAMI,UAAU,CAAoD,CAACC,OAAOC,MAAQ;IACzG,MAAM,EAAEC,SAAQ,EAAEC,UAAS,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT;IAEhB,MAAMU,iBAAiBZ,aAAaG,kBAAkBQ,QAAQE,OAAO,EAAEJ;IAEvE,qBACE,oBAACK;QAAIP,KAAKA;QAAKE,WAAWG;QAAiB,GAAGF,IAAI;OAC/CF;AAGP,GAAG;AAEHJ,QAAQW,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","shorthands","tokens","useSegmentStyles","segment","z8tnut","z189sj","Byoj8tv","uwmqm3","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","g2u3we","h3c5rm","B9xav0g","zhjwy3","icvyot","vrafjx","oivjwe","wvpqe5","De3pzq","E5pizo","d"],"sources":["../../../src/components/Segment/Segment.styles.ts"],"sourcesContent":["import { makeStyles, shorthands, tokens } from '@fluentui/react-components';\n\nexport const useSegmentStyles = makeStyles({\n  segment: {\n    ...shorthands.padding('1em'),\n    ...shorthands.borderWidth('2px', 0, 0),\n    ...shorthands.borderColor('transparent'),\n    ...shorthands.borderStyle('solid'),\n    backgroundColor: tokens.colorNeutralBackground1,\n    boxShadow: `0 1px 1px 1px ${tokens.colorNeutralShadowKey}`,\n  },\n});\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,UAAU,EAAEC,MAAM,QAAQ;AAE/C,OAAO,MAAMC,gBAAA,gBAAmBH,QAAA;EAAAI,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAShC"}
+{"version":3,"names":["__styles","shorthands","tokens","useSegmentStyles","segment","z8tnut","z189sj","Byoj8tv","uwmqm3","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","g2u3we","h3c5rm","B9xav0g","zhjwy3","icvyot","vrafjx","oivjwe","wvpqe5","De3pzq","E5pizo","d"],"sources":["Segment.styles.js"],"sourcesContent":["import { makeStyles, shorthands, tokens } from '@fluentui/react-components';\nexport const useSegmentStyles = makeStyles({\n    segment: {\n        ...shorthands.padding('1em'),\n        ...shorthands.borderWidth('2px', 0, 0),\n        ...shorthands.borderColor('transparent'),\n        ...shorthands.borderStyle('solid'),\n        backgroundColor: tokens.colorNeutralBackground1,\n        boxShadow: `0 1px 1px 1px ${tokens.colorNeutralShadowKey}`\n    }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,UAAU,EAAEC,MAAM,QAAQ,4BAA4B;AAC3E,OAAO,MAAMC,gBAAgB,gBAAGH,QAAA;EAAAI,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAS/B,CAAC"}

package/lib/components/Segment/index.js

@@ -1,2 +1 @@
 export * from './Segment';
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,7 +1,6 @@
-const fluid = () => ({
-  width: '100%'
-});
+const fluid = ()=>({
+        width: '100%'
+    });
 export const slider = {
-  fluid
+    fluid
 };
-//# sourceMappingURL=Slider.mixins.js.map

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

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

package/lib/components/Slider/index.js

@@ -1,2 +1 @@
 export { slider } from './Slider.mixins';
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,15 +1,14 @@
 import { tokens, labelClassNames } from '@fluentui/react-components';
-const v0Inline = () => ({
-  display: 'inline-flex'
-});
-const v0SpinnerLabelStyle = () => ({
-  [`& .${labelClassNames.root}`]: {
-    fontSize: '14px',
-    fontWeight: tokens.fontWeightMedium
-  }
-});
+const v0Inline = ()=>({
+        display: 'inline-flex'
+    });
+const v0SpinnerLabelStyle = ()=>({
+        [`& .${labelClassNames.root}`]: {
+            fontSize: '14px',
+            fontWeight: tokens.fontWeightMedium
+        }
+    });
 export const spinner = {
-  v0Inline,
-  v0SpinnerLabelStyle
+    v0Inline,
+    v0SpinnerLabelStyle
 };
-//# sourceMappingURL=SpinnerMigration.mixins.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tokens","labelClassNames","v0Inline","display","v0SpinnerLabelStyle","root","fontSize","fontWeight","fontWeightMedium","spinner"],"sources":["../../../src/components/Spinner/SpinnerMigration.mixins.ts"],"sourcesContent":["import { GriffelStyle, tokens, labelClassNames } from '@fluentui/react-components';\n\nconst v0Inline = (): GriffelStyle => ({ display: 'inline-flex' });\n\nconst v0SpinnerLabelStyle = (): GriffelStyle => ({\n  [`& .${labelClassNames.root}`]: {\n    fontSize: '14px',\n    fontWeight: tokens.fontWeightMedium,\n  },\n});\n\nexport const spinner = {\n  v0Inline,\n  v0SpinnerLabelStyle,\n};\n"],"mappings":"AAAA,SAAuBA,MAAM,EAAEC,eAAe,QAAQ;AAEtD,MAAMC,QAAA,GAAWA,CAAA,MAAqB;EAAEC,OAAA,EAAS;AAAc;AAE/D,MAAMC,mBAAA,GAAsBA,CAAA,MAAqB;EAC/C,CAAE,MAAKH,eAAA,CAAgBI,IAAK,EAAC,GAAG;IAC9BC,QAAA,EAAU;IACVC,UAAA,EAAYP,MAAA,CAAOQ;EACrB;AACF;AAEA,OAAO,MAAMC,OAAA,GAAU;EACrBP,QAAA;EACAE;AACF"}
+{"version":3,"sources":["SpinnerMigration.mixins.ts"],"sourcesContent":["import { GriffelStyle, tokens, labelClassNames } from '@fluentui/react-components';\n\nconst v0Inline = (): GriffelStyle => ({ display: 'inline-flex' });\n\nconst v0SpinnerLabelStyle = (): GriffelStyle => ({\n  [`& .${labelClassNames.root}`]: {\n    fontSize: '14px',\n    fontWeight: tokens.fontWeightMedium,\n  },\n});\n\nexport const spinner = {\n  v0Inline,\n  v0SpinnerLabelStyle,\n};\n"],"names":["tokens","labelClassNames","v0Inline","display","v0SpinnerLabelStyle","root","fontSize","fontWeight","fontWeightMedium","spinner"],"mappings":"AAAA,SAAuBA,MAAM,EAAEC,eAAe,QAAQ,6BAA6B;AAEnF,MAAMC,WAAW,IAAqB,CAAA;QAAEC,SAAS;IAAc,CAAA;AAE/D,MAAMC,sBAAsB,IAAqB,CAAA;QAC/C,CAAC,CAAC,GAAG,EAAEH,gBAAgBI,IAAI,CAAC,CAAC,CAAC,EAAE;YAC9BC,UAAU;YACVC,YAAYP,OAAOQ,gBAAgB;QACrC;IACF,CAAA;AAEA,OAAO,MAAMC,UAAU;IACrBP;IACAE;AACF,EAAE"}

package/lib/components/Spinner/index.js

@@ -1,2 +1 @@
 export { spinner } from './SpinnerMigration.mixins';
-//# sourceMappingURL=index.js.map

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

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

package/lib/components/StyledText/StyledText.js

@@ -3,51 +3,37 @@ import { getNativeElementProps, mergeClasses } from '@fluentui/react-components'
 import { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';
 export const styledTextClassName = 'fui-StyledText';
 const sizeMap = {
-  '100': 'base100',
-  '200': 'base200',
-  '300': 'base300',
-  '400': 'base400',
-  '500': 'base500',
-  '600': 'base600',
-  '700': 'hero700',
-  smaller: 'base100',
-  small: 'base200',
-  medium: 'base300',
-  large: 'base400',
-  large500: 'base500',
-  larger: 'base600',
-  largest: 'hero700'
+    '100': 'base100',
+    '200': 'base200',
+    '300': 'base300',
+    '400': 'base400',
+    '500': 'base500',
+    '600': 'base600',
+    '700': 'hero700',
+    smaller: 'base100',
+    small: 'base200',
+    medium: 'base300',
+    large: 'base400',
+    large500: 'base500',
+    larger: 'base600',
+    largest: 'hero700'
 };
-export const StyledText = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    align,
-    as: Component = 'span',
-    atMention,
-    disabled,
-    error,
-    important,
-    success,
-    temporary,
-    timestamp,
-    truncate,
-    weight,
-    wrap = true
-  } = props;
-  const dir = typeof props.children === 'string' ? 'auto' : undefined;
-  const rootProps = getNativeElementProps(Component, {
-    ref,
-    ...props
-  });
-  const sizeStyles = useSizeStyles();
-  const weightStyles = useWeightStyles();
-  const styles = useStyles();
-  const size = props.size ? sizeMap[props.size] : props.size;
-  const className = mergeClasses(styledTextClassName, size && sizeStyles[size], weight && weightStyles[weight], wrap === false && styles.nowrap, truncate && styles.truncate, align === 'center' && styles.alignCenter, align === 'end' && styles.alignEnd, align === 'justify' && styles.alignJustify, atMention && styles.mention, atMention === 'me' && styles.mentionMe, disabled && styles.disabled, error && styles.error, important && styles.important, success && styles.success, temporary && styles.temporary, timestamp && styles.timestamp, props.className);
-  return /*#__PURE__*/React.createElement(Component, {
-    dir: dir,
-    ...rootProps,
-    className: className
-  });
+export const StyledText = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const { align , as: Component = 'span' , atMention , disabled , error , important , success , temporary , timestamp , truncate , weight , wrap =true  } = props;
+    const dir = typeof props.children === 'string' ? 'auto' : undefined;
+    const rootProps = getNativeElementProps(Component, {
+        ref,
+        ...props
+    });
+    const sizeStyles = useSizeStyles();
+    const weightStyles = useWeightStyles();
+    const styles = useStyles();
+    const size = props.size ? sizeMap[props.size] : props.size;
+    const className = mergeClasses(styledTextClassName, size && sizeStyles[size], weight && weightStyles[weight], wrap === false && styles.nowrap, truncate && styles.truncate, align === 'center' && styles.alignCenter, align === 'end' && styles.alignEnd, align === 'justify' && styles.alignJustify, atMention && styles.mention, atMention === 'me' && styles.mentionMe, disabled && styles.disabled, error && styles.error, important && styles.important, success && styles.success, temporary && styles.temporary, timestamp && styles.timestamp, props.className);
+    return /*#__PURE__*/ React.createElement(Component, {
+        dir: dir,
+        ...rootProps,
+        className: className
+    });
 });
 StyledText.displayName = 'StyledText';
-//# sourceMappingURL=StyledText.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","getNativeElementProps","mergeClasses","useSizeStyles","useStyles","useWeightStyles","styledTextClassName","sizeMap","smaller","small","medium","large","large500","larger","largest","StyledText","forwardRef","props","ref","align","as","Component","atMention","disabled","error","important","success","temporary","timestamp","truncate","weight","wrap","dir","children","undefined","rootProps","sizeStyles","weightStyles","styles","size","className","nowrap","alignCenter","alignEnd","alignJustify","mention","mentionMe","createElement","displayName"],"sources":["../../../src/components/StyledText/StyledText.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, mergeClasses, Slot, ComponentProps } from '@fluentui/react-components';\nimport { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';\n\nexport type StyledTextSlots = {\n  root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre' | 'time'>;\n};\n\nexport type StyledTextProps = ComponentProps<StyledTextSlots> & {\n  /**\n   * Aligns text based on the parent container.\n   */\n  align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * At mentions can be formatted to draw users' attention.\n   * Mentions for \"me\" can be formatted to appear differently.\n   */\n  atMention?: 'me' | boolean;\n\n  /**\n   * Set as disabled StyledText component\n   */\n  disabled?: boolean;\n\n  /**\n   * Set as error StyledText component\n   */\n  error?: boolean;\n\n  /**\n   * The StyledText can appear more important and draw user's attention\n   */\n  important?: boolean;\n\n  /**\n   * Applies font size and line height based on the theme tokens.\n   */\n  size?:\n    | 'smaller'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'large500'\n    | 'larger'\n    | 'largest'\n    | 100\n    | 200\n    | 300\n    | 400\n    | 500\n    | 600\n    | 700;\n\n  /**\n   * Set as success StyledText component\n   */\n  success?: boolean;\n\n  /**\n   * The text can signify a temporary state\n   */\n  temporary?: boolean;\n\n  /**\n   * Set as timestamp StyledText component\n   */\n  timestamp?: boolean;\n\n  /**\n   * Truncate overflowing text for block displays.\n   */\n  truncate?: boolean;\n\n  /**\n   * Applies font weight to the content.\n   */\n  weight?: 'light' | 'semilight' | 'regular' | 'medium' | 'semibold' | 'bold';\n\n  /**\n   * Wraps the text content on white spaces.\n   *\n   * @default true\n   */\n  wrap?: boolean;\n};\n\nexport const styledTextClassName = 'fui-StyledText';\n\nconst sizeMap: Record<string, 'base100' | 'base200' | 'base300' | 'base400' | 'base500' | 'base600' | 'hero700'> = {\n  '100': 'base100',\n  '200': 'base200',\n  '300': 'base300',\n  '400': 'base400',\n  '500': 'base500',\n  '600': 'base600',\n  '700': 'hero700',\n  smaller: 'base100',\n  small: 'base200',\n  medium: 'base300',\n  large: 'base400',\n  large500: 'base500',\n  larger: 'base600',\n  largest: 'hero700',\n};\n\nexport const StyledText = React.forwardRef<HTMLSpanElement, StyledTextProps>((props, ref) => {\n  const {\n    align,\n    as: Component = 'span',\n    atMention,\n    disabled,\n    error,\n    important,\n    success,\n    temporary,\n    timestamp,\n    truncate,\n    weight,\n    wrap = true,\n  } = props;\n\n  const dir = typeof props.children === 'string' ? 'auto' : undefined;\n\n  const rootProps = getNativeElementProps(Component, {\n    ref,\n    ...props,\n  });\n\n  const sizeStyles = useSizeStyles();\n  const weightStyles = useWeightStyles();\n  const styles = useStyles();\n\n  const size = props.size ? sizeMap[props.size] : props.size;\n  const className = mergeClasses(\n    styledTextClassName,\n    size && sizeStyles[size],\n    weight && weightStyles[weight],\n    wrap === false && styles.nowrap,\n    truncate && styles.truncate,\n    align === 'center' && styles.alignCenter,\n    align === 'end' && styles.alignEnd,\n    align === 'justify' && styles.alignJustify,\n\n    atMention && styles.mention,\n    atMention === 'me' && styles.mentionMe,\n    disabled && styles.disabled,\n    error && styles.error,\n    important && styles.important,\n    success && styles.success,\n    temporary && styles.temporary,\n    timestamp && styles.timestamp,\n\n    props.className,\n  );\n\n  return <Component dir={dir} {...rootProps} className={className} />;\n});\n\nStyledText.displayName = 'StyledText';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,EAAEC,YAAY,QAA8B;AAC1E,SAASC,aAAa,EAAEC,SAAS,EAAEC,eAAe,QAAQ;AAqF1D,OAAO,MAAMC,mBAAA,GAAsB;AAEnC,MAAMC,OAAA,GAA6G;EACjH,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACPC,OAAA,EAAS;EACTC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,QAAA,EAAU;EACVC,MAAA,EAAQ;EACRC,OAAA,EAAS;AACX;AAEA,OAAO,MAAMC,UAAA,gBAAaf,KAAA,CAAMgB,UAAU,CAAmC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC3F,MAAM;IACJC,KAAA;IACAC,EAAA,EAAIC,SAAA,GAAY,MAAM;IACtBC,SAAA;IACAC,QAAA;IACAC,KAAA;IACAC,SAAA;IACAC,OAAA;IACAC,SAAA;IACAC,SAAA;IACAC,QAAA;IACAC,MAAA;IACAC,IAAA,GAAO;EAAI,CACZ,GAAGd,KAAA;EAEJ,MAAMe,GAAA,GAAM,OAAOf,KAAA,CAAMgB,QAAQ,KAAK,WAAW,SAASC,SAAS;EAEnE,MAAMC,SAAA,GAAYlC,qBAAA,CAAsBoB,SAAA,EAAW;IACjDH,GAAA;IACA,GAAGD;EACL;EAEA,MAAMmB,UAAA,GAAajC,aAAA;EACnB,MAAMkC,YAAA,GAAehC,eAAA;EACrB,MAAMiC,MAAA,GAASlC,SAAA;EAEf,MAAMmC,IAAA,GAAOtB,KAAA,CAAMsB,IAAI,GAAGhC,OAAO,CAACU,KAAA,CAAMsB,IAAI,CAAC,GAAGtB,KAAA,CAAMsB,IAAI;EAC1D,MAAMC,SAAA,GAAYtC,YAAA,CAChBI,mBAAA,EACAiC,IAAA,IAAQH,UAAU,CAACG,IAAA,CAAK,EACxBT,MAAA,IAAUO,YAAY,CAACP,MAAA,CAAO,EAC9BC,IAAA,KAAS,KAAK,IAAIO,MAAA,CAAOG,MAAM,EAC/BZ,QAAA,IAAYS,MAAA,CAAOT,QAAQ,EAC3BV,KAAA,KAAU,YAAYmB,MAAA,CAAOI,WAAW,EACxCvB,KAAA,KAAU,SAASmB,MAAA,CAAOK,QAAQ,EAClCxB,KAAA,KAAU,aAAamB,MAAA,CAAOM,YAAY,EAE1CtB,SAAA,IAAagB,MAAA,CAAOO,OAAO,EAC3BvB,SAAA,KAAc,QAAQgB,MAAA,CAAOQ,SAAS,EACtCvB,QAAA,IAAYe,MAAA,CAAOf,QAAQ,EAC3BC,KAAA,IAASc,MAAA,CAAOd,KAAK,EACrBC,SAAA,IAAaa,MAAA,CAAOb,SAAS,EAC7BC,OAAA,IAAWY,MAAA,CAAOZ,OAAO,EACzBC,SAAA,IAAaW,MAAA,CAAOX,SAAS,EAC7BC,SAAA,IAAaU,MAAA,CAAOV,SAAS,EAE7BX,KAAA,CAAMuB,SAAS;EAGjB,oBAAOxC,KAAA,CAAA+C,aAAA,CAAC1B,SAAA;IAAUW,GAAA,EAAKA,GAAA;IAAM,GAAGG,SAAS;IAAEK,SAAA,EAAWA;;AACxD;AAEAzB,UAAA,CAAWiC,WAAW,GAAG"}
+{"version":3,"sources":["StyledText.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, mergeClasses, Slot, ComponentProps } from '@fluentui/react-components';\nimport { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';\n\nexport type StyledTextSlots = {\n  root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre' | 'time'>;\n};\n\nexport type StyledTextProps = ComponentProps<StyledTextSlots> & {\n  /**\n   * Aligns text based on the parent container.\n   */\n  align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * At mentions can be formatted to draw users' attention.\n   * Mentions for \"me\" can be formatted to appear differently.\n   */\n  atMention?: 'me' | boolean;\n\n  /**\n   * Set as disabled StyledText component\n   */\n  disabled?: boolean;\n\n  /**\n   * Set as error StyledText component\n   */\n  error?: boolean;\n\n  /**\n   * The StyledText can appear more important and draw user's attention\n   */\n  important?: boolean;\n\n  /**\n   * Applies font size and line height based on the theme tokens.\n   */\n  size?:\n    | 'smaller'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'large500'\n    | 'larger'\n    | 'largest'\n    | 100\n    | 200\n    | 300\n    | 400\n    | 500\n    | 600\n    | 700;\n\n  /**\n   * Set as success StyledText component\n   */\n  success?: boolean;\n\n  /**\n   * The text can signify a temporary state\n   */\n  temporary?: boolean;\n\n  /**\n   * Set as timestamp StyledText component\n   */\n  timestamp?: boolean;\n\n  /**\n   * Truncate overflowing text for block displays.\n   */\n  truncate?: boolean;\n\n  /**\n   * Applies font weight to the content.\n   */\n  weight?: 'light' | 'semilight' | 'regular' | 'medium' | 'semibold' | 'bold';\n\n  /**\n   * Wraps the text content on white spaces.\n   *\n   * @default true\n   */\n  wrap?: boolean;\n};\n\nexport const styledTextClassName = 'fui-StyledText';\n\nconst sizeMap: Record<string, 'base100' | 'base200' | 'base300' | 'base400' | 'base500' | 'base600' | 'hero700'> = {\n  '100': 'base100',\n  '200': 'base200',\n  '300': 'base300',\n  '400': 'base400',\n  '500': 'base500',\n  '600': 'base600',\n  '700': 'hero700',\n  smaller: 'base100',\n  small: 'base200',\n  medium: 'base300',\n  large: 'base400',\n  large500: 'base500',\n  larger: 'base600',\n  largest: 'hero700',\n};\n\nexport const StyledText = React.forwardRef<HTMLSpanElement, StyledTextProps>((props, ref) => {\n  const {\n    align,\n    as: Component = 'span',\n    atMention,\n    disabled,\n    error,\n    important,\n    success,\n    temporary,\n    timestamp,\n    truncate,\n    weight,\n    wrap = true,\n  } = props;\n\n  const dir = typeof props.children === 'string' ? 'auto' : undefined;\n\n  const rootProps = getNativeElementProps(Component, {\n    ref,\n    ...props,\n  });\n\n  const sizeStyles = useSizeStyles();\n  const weightStyles = useWeightStyles();\n  const styles = useStyles();\n\n  const size = props.size ? sizeMap[props.size] : props.size;\n  const className = mergeClasses(\n    styledTextClassName,\n    size && sizeStyles[size],\n    weight && weightStyles[weight],\n    wrap === false && styles.nowrap,\n    truncate && styles.truncate,\n    align === 'center' && styles.alignCenter,\n    align === 'end' && styles.alignEnd,\n    align === 'justify' && styles.alignJustify,\n\n    atMention && styles.mention,\n    atMention === 'me' && styles.mentionMe,\n    disabled && styles.disabled,\n    error && styles.error,\n    important && styles.important,\n    success && styles.success,\n    temporary && styles.temporary,\n    timestamp && styles.timestamp,\n\n    props.className,\n  );\n\n  return <Component dir={dir} {...rootProps} className={className} />;\n});\n\nStyledText.displayName = 'StyledText';\n"],"names":["React","getNativeElementProps","mergeClasses","useSizeStyles","useStyles","useWeightStyles","styledTextClassName","sizeMap","smaller","small","medium","large","large500","larger","largest","StyledText","forwardRef","props","ref","align","as","Component","atMention","disabled","error","important","success","temporary","timestamp","truncate","weight","wrap","dir","children","undefined","rootProps","sizeStyles","weightStyles","styles","size","className","nowrap","alignCenter","alignEnd","alignJustify","mention","mentionMe","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,YAAY,QAA8B,6BAA6B;AACvG,SAASC,aAAa,EAAEC,SAAS,EAAEC,eAAe,QAAQ,sBAAsB;AAqFhF,OAAO,MAAMC,sBAAsB,iBAAiB;AAEpD,MAAMC,UAA6G;IACjH,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACPC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACPC,UAAU;IACVC,QAAQ;IACRC,SAAS;AACX;AAEA,OAAO,MAAMC,2BAAaf,MAAMgB,UAAU,CAAmC,CAACC,OAAOC,MAAQ;IAC3F,MAAM,EACJC,MAAK,EACLC,IAAIC,YAAY,MAAM,CAAA,EACtBC,UAAS,EACTC,SAAQ,EACRC,MAAK,EACLC,UAAS,EACTC,QAAO,EACPC,UAAS,EACTC,UAAS,EACTC,SAAQ,EACRC,OAAM,EACNC,MAAO,IAAI,CAAA,EACZ,GAAGd;IAEJ,MAAMe,MAAM,OAAOf,MAAMgB,QAAQ,KAAK,WAAW,SAASC,SAAS;IAEnE,MAAMC,YAAYlC,sBAAsBoB,WAAW;QACjDH;QACA,GAAGD,KAAK;IACV;IAEA,MAAMmB,aAAajC;IACnB,MAAMkC,eAAehC;IACrB,MAAMiC,SAASlC;IAEf,MAAMmC,OAAOtB,MAAMsB,IAAI,GAAGhC,OAAO,CAACU,MAAMsB,IAAI,CAAC,GAAGtB,MAAMsB,IAAI;IAC1D,MAAMC,YAAYtC,aAChBI,qBACAiC,QAAQH,UAAU,CAACG,KAAK,EACxBT,UAAUO,YAAY,CAACP,OAAO,EAC9BC,SAAS,KAAK,IAAIO,OAAOG,MAAM,EAC/BZ,YAAYS,OAAOT,QAAQ,EAC3BV,UAAU,YAAYmB,OAAOI,WAAW,EACxCvB,UAAU,SAASmB,OAAOK,QAAQ,EAClCxB,UAAU,aAAamB,OAAOM,YAAY,EAE1CtB,aAAagB,OAAOO,OAAO,EAC3BvB,cAAc,QAAQgB,OAAOQ,SAAS,EACtCvB,YAAYe,OAAOf,QAAQ,EAC3BC,SAASc,OAAOd,KAAK,EACrBC,aAAaa,OAAOb,SAAS,EAC7BC,WAAWY,OAAOZ,OAAO,EACzBC,aAAaW,OAAOX,SAAS,EAC7BC,aAAaU,OAAOV,SAAS,EAE7BX,MAAMuB,SAAS;IAGjB,qBAAO,oBAACnB;QAAUW,KAAKA;QAAM,GAAGG,SAAS;QAAEK,WAAWA;;AACxD,GAAG;AAEHzB,WAAWgC,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","shorthands","tokens","useSizeStyles","base100","Be2twd7","Bg96gwp","base200","base300","base400","base500","base600","hero700","d","useWeightStyles","light","Bhrd7zp","semilight","regular","medium","semibold","bold","useStyles","mention","sj55zd","mentionMe","disabled","error","important","success","temporary","B80ckks","timestamp","nowrap","Huce71","B68tc82","Bmxbyg5","truncate","ygn44y","alignCenter","fsow6f","alignEnd","alignJustify"],"sources":["../../../src/components/StyledText/StyledText.styles.ts"],"sourcesContent":["import { makeStyles, shorthands, tokens } from '@fluentui/react-components';\n\nexport const useSizeStyles = makeStyles({\n  base100: {\n    fontSize: tokens.fontSizeBase100,\n    lineHeight: tokens.lineHeightBase100,\n  },\n  base200: {\n    fontSize: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n  },\n  base300: {\n    fontSize: tokens.fontSizeBase300,\n    lineHeight: tokens.lineHeightBase300,\n  },\n  base400: {\n    fontSize: tokens.fontSizeBase400,\n    lineHeight: tokens.lineHeightBase400,\n  },\n  base500: {\n    fontSize: tokens.fontSizeBase500,\n    lineHeight: tokens.lineHeightBase500,\n  },\n  base600: {\n    fontSize: tokens.fontSizeBase600,\n    lineHeight: tokens.lineHeightBase600,\n  },\n  hero700: {\n    fontSize: tokens.fontSizeHero700,\n    lineHeight: tokens.lineHeightHero700,\n  },\n});\n\nexport const useWeightStyles = makeStyles({\n  light: {\n    fontWeight: 200,\n  },\n  semilight: {\n    fontWeight: 300,\n  },\n  regular: {\n    fontWeight: 400,\n  },\n  medium: {\n    fontWeight: 500,\n  },\n  semibold: {\n    fontWeight: 600,\n  },\n  bold: {\n    fontWeight: 700,\n  },\n});\n\nexport const useStyles = makeStyles({\n  mention: {\n    color: tokens.colorBrandForegroundLink,\n  },\n  mentionMe: {\n    color: tokens.colorPalettePumpkinBorderActive,\n    fontWeight: 700,\n  },\n  disabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  error: {\n    color: tokens.colorPaletteRedForeground3,\n  },\n  important: {\n    color: tokens.colorPaletteDarkOrangeForeground3,\n    fontWeight: 700,\n  },\n  success: {\n    color: tokens.colorPaletteGreenForeground3,\n  },\n  temporary: {\n    fontStyle: 'italic',\n  },\n  timestamp: {\n    color: tokens.colorNeutralForeground3,\n  },\n  nowrap: {\n    whiteSpace: 'nowrap',\n    ...shorthands.overflow('hidden'),\n  },\n  truncate: {\n    textOverflow: 'ellipsis',\n  },\n  alignCenter: {\n    textAlign: 'center',\n  },\n  alignEnd: {\n    textAlign: 'end',\n  },\n  alignJustify: {\n    textAlign: 'justify',\n  },\n});\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,UAAU,EAAEC,MAAM,QAAQ;AAE/C,OAAO,MAAMC,aAAA,gBAAgBH,QAAA;EAAAI,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,OAAA;IAAAH,OAAA;IAAAC,OAAA;EAAA;EAAAG,OAAA;IAAAJ,OAAA;IAAAC,OAAA;EAAA;EAAAI,OAAA;IAAAL,OAAA;IAAAC,OAAA;EAAA;EAAAK,OAAA;IAAAN,OAAA;IAAAC,OAAA;EAAA;EAAAM,OAAA;IAAAP,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAO,CAAA;AAAA,EA6B7B;AAEA,OAAO,MAAMC,eAAA,gBAAkBd,QAAA;EAAAe,KAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAAD,OAAA;EAAA;EAAAE,OAAA;IAAAF,OAAA;EAAA;EAAAG,MAAA;IAAAH,OAAA;EAAA;EAAAI,QAAA;IAAAJ,OAAA;EAAA;EAAAK,IAAA;IAAAL,OAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,EAmB/B;AAEA,OAAO,MAAMS,SAAA,gBAAYtB,QAAA;EAAAuB,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAD,MAAA;IAAAR,OAAA;EAAA;EAAAU,QAAA;IAAAF,MAAA;EAAA;EAAAG,KAAA;IAAAH,MAAA;EAAA;EAAAI,SAAA;IAAAJ,MAAA;IAAAR,OAAA;EAAA;EAAAa,OAAA;IAAAL,MAAA;EAAA;EAAAM,SAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAAR,MAAA;EAAA;EAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,MAAA;EAAA;EAAAC,WAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAD,MAAA;EAAA;EAAAE,YAAA;IAAAF,MAAA;EAAA;AAAA;EAAA3B,CAAA;AAAA,EA2CzB"}
+{"version":3,"names":["__styles","shorthands","tokens","useSizeStyles","base100","Be2twd7","Bg96gwp","base200","base300","base400","base500","base600","hero700","d","useWeightStyles","light","Bhrd7zp","semilight","regular","medium","semibold","bold","useStyles","mention","sj55zd","mentionMe","disabled","error","important","success","temporary","B80ckks","timestamp","nowrap","Huce71","B68tc82","Bmxbyg5","truncate","ygn44y","alignCenter","fsow6f","alignEnd","alignJustify"],"sources":["StyledText.styles.js"],"sourcesContent":["import { makeStyles, shorthands, tokens } from '@fluentui/react-components';\nexport const useSizeStyles = makeStyles({\n    base100: {\n        fontSize: tokens.fontSizeBase100,\n        lineHeight: tokens.lineHeightBase100\n    },\n    base200: {\n        fontSize: tokens.fontSizeBase200,\n        lineHeight: tokens.lineHeightBase200\n    },\n    base300: {\n        fontSize: tokens.fontSizeBase300,\n        lineHeight: tokens.lineHeightBase300\n    },\n    base400: {\n        fontSize: tokens.fontSizeBase400,\n        lineHeight: tokens.lineHeightBase400\n    },\n    base500: {\n        fontSize: tokens.fontSizeBase500,\n        lineHeight: tokens.lineHeightBase500\n    },\n    base600: {\n        fontSize: tokens.fontSizeBase600,\n        lineHeight: tokens.lineHeightBase600\n    },\n    hero700: {\n        fontSize: tokens.fontSizeHero700,\n        lineHeight: tokens.lineHeightHero700\n    }\n});\nexport const useWeightStyles = makeStyles({\n    light: {\n        fontWeight: 200\n    },\n    semilight: {\n        fontWeight: 300\n    },\n    regular: {\n        fontWeight: 400\n    },\n    medium: {\n        fontWeight: 500\n    },\n    semibold: {\n        fontWeight: 600\n    },\n    bold: {\n        fontWeight: 700\n    }\n});\nexport const useStyles = makeStyles({\n    mention: {\n        color: tokens.colorBrandForegroundLink\n    },\n    mentionMe: {\n        color: tokens.colorPalettePumpkinBorderActive,\n        fontWeight: 700\n    },\n    disabled: {\n        color: tokens.colorNeutralForegroundDisabled\n    },\n    error: {\n        color: tokens.colorPaletteRedForeground3\n    },\n    important: {\n        color: tokens.colorPaletteDarkOrangeForeground3,\n        fontWeight: 700\n    },\n    success: {\n        color: tokens.colorPaletteGreenForeground3\n    },\n    temporary: {\n        fontStyle: 'italic'\n    },\n    timestamp: {\n        color: tokens.colorNeutralForeground3\n    },\n    nowrap: {\n        whiteSpace: 'nowrap',\n        ...shorthands.overflow('hidden')\n    },\n    truncate: {\n        textOverflow: 'ellipsis'\n    },\n    alignCenter: {\n        textAlign: 'center'\n    },\n    alignEnd: {\n        textAlign: 'end'\n    },\n    alignJustify: {\n        textAlign: 'justify'\n    }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,UAAU,EAAEC,MAAM,QAAQ,4BAA4B;AAC3E,OAAO,MAAMC,aAAa,gBAAGH,QAAA;EAAAI,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,OAAA;IAAAH,OAAA;IAAAC,OAAA;EAAA;EAAAG,OAAA;IAAAJ,OAAA;IAAAC,OAAA;EAAA;EAAAI,OAAA;IAAAL,OAAA;IAAAC,OAAA;EAAA;EAAAK,OAAA;IAAAN,OAAA;IAAAC,OAAA;EAAA;EAAAM,OAAA;IAAAP,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAO,CAAA;AAAA,CA6B5B,CAAC;AACF,OAAO,MAAMC,eAAe,gBAAGd,QAAA;EAAAe,KAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAAD,OAAA;EAAA;EAAAE,OAAA;IAAAF,OAAA;EAAA;EAAAG,MAAA;IAAAH,OAAA;EAAA;EAAAI,QAAA;IAAAJ,OAAA;EAAA;EAAAK,IAAA;IAAAL,OAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,CAmB9B,CAAC;AACF,OAAO,MAAMS,SAAS,gBAAGtB,QAAA;EAAAuB,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAD,MAAA;IAAAR,OAAA;EAAA;EAAAU,QAAA;IAAAF,MAAA;EAAA;EAAAG,KAAA;IAAAH,MAAA;EAAA;EAAAI,SAAA;IAAAJ,MAAA;IAAAR,OAAA;EAAA;EAAAa,OAAA;IAAAL,MAAA;EAAA;EAAAM,SAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAAR,MAAA;EAAA;EAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,MAAA;EAAA;EAAAC,WAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAD,MAAA;EAAA;EAAAE,YAAA;IAAAF,MAAA;EAAA;AAAA;EAAA3B,CAAA;AAAA,CA2CxB,CAAC"}

package/lib/components/StyledText/index.js

@@ -1,3 +1,2 @@
 export * from './StyledText';
 export * from './StyledText.styles';
-//# sourceMappingURL=index.js.map

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

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

package/lib/index.js

@@ -9,4 +9,3 @@ export { StyledText, styledTextClassName } from './components/StyledText';
 export { Primitive, primitiveClassName } from './components/Primitive';
 export { ItemLayout, itemLayoutClassName, useItemLayoutStyles } from './components/ItemLayout';
 export { Flex, flexClassName, flexItem, useFlexStyles } from './components/Flex';
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["GridShim","grid","gridClassName","useGridStyles","FormFieldShim","Segment","slider","input","v0Icon","v9CustomSizeIcon","v9DisabledCursor","v9HoverClasses","v9Icon","spinner","StyledText","styledTextClassName","Primitive","primitiveClassName","ItemLayout","itemLayoutClassName","useItemLayoutStyles","Flex","flexClassName","flexItem","useFlexStyles"],"sources":["../src/index.ts"],"sourcesContent":["export { GridShim, grid, gridClassName, useGridStyles } from './components/Grid/index';\nexport type { GridShimProps } from './components/Grid/index';\nexport { FormFieldShim } from './components/FormField';\nexport { Segment } from './components/Segment';\nexport { slider } from './components/Slider';\nexport { input } from './components/Input';\nexport { v0Icon, v9CustomSizeIcon, v9DisabledCursor, v9HoverClasses, v9Icon } from './components/Button';\nexport { spinner } from './components/Spinner';\nexport { StyledText, styledTextClassName } from './components/StyledText';\nexport type { StyledTextProps, StyledTextSlots } from './components/StyledText';\nexport { Primitive, primitiveClassName } from './components/Primitive';\nexport { ItemLayout, itemLayoutClassName, useItemLayoutStyles } from './components/ItemLayout';\nexport { Flex, flexClassName, flexItem, useFlexStyles } from './components/Flex';\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,IAAI,EAAEC,aAAa,EAAEC,aAAa,QAAQ;AAE7D,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,MAAM,QAAQ;AACvB,SAASC,KAAK,QAAQ;AACtB,SAASC,MAAM,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,MAAM,QAAQ;AACnF,SAASC,OAAO,QAAQ;AACxB,SAASC,UAAU,EAAEC,mBAAmB,QAAQ;AAEhD,SAASC,SAAS,EAAEC,kBAAkB,QAAQ;AAC9C,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,mBAAmB,QAAQ;AACrE,SAASC,IAAI,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,aAAa,QAAQ"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { GridShim, grid, gridClassName, useGridStyles } from './components/Grid/index';\nexport type { GridShimProps } from './components/Grid/index';\nexport { FormFieldShim } from './components/FormField';\nexport { Segment } from './components/Segment';\nexport { slider } from './components/Slider';\nexport { input } from './components/Input';\nexport { v0Icon, v9CustomSizeIcon, v9DisabledCursor, v9HoverClasses, v9Icon } from './components/Button';\nexport { spinner } from './components/Spinner';\nexport { StyledText, styledTextClassName } from './components/StyledText';\nexport type { StyledTextProps, StyledTextSlots } from './components/StyledText';\nexport { Primitive, primitiveClassName } from './components/Primitive';\nexport { ItemLayout, itemLayoutClassName, useItemLayoutStyles } from './components/ItemLayout';\nexport { Flex, flexClassName, flexItem, useFlexStyles } from './components/Flex';\n"],"names":["GridShim","grid","gridClassName","useGridStyles","FormFieldShim","Segment","slider","input","v0Icon","v9CustomSizeIcon","v9DisabledCursor","v9HoverClasses","v9Icon","spinner","StyledText","styledTextClassName","Primitive","primitiveClassName","ItemLayout","itemLayoutClassName","useItemLayoutStyles","Flex","flexClassName","flexItem","useFlexStyles"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,IAAI,EAAEC,aAAa,EAAEC,aAAa,QAAQ,0BAA0B;AAEvF,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,MAAM,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,MAAM,QAAQ,sBAAsB;AACzG,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,UAAU,EAAEC,mBAAmB,QAAQ,0BAA0B;AAE1E,SAASC,SAAS,EAAEC,kBAAkB,QAAQ,yBAAyB;AACvE,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,mBAAmB,QAAQ,0BAA0B;AAC/F,SAASC,IAAI,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,oBAAoB"}

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

@@ -78,6 +78,4 @@ const v9DisabledCursor = ()=>({
                 cursor: 'default'
             }
         }
-    }); //# sourceMappingURL=ButtonMigration.mixins.js.map
-
-//# sourceMappingURL=ButtonMigration.mixins.js.map
+    });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Button/ButtonMigration.mixins.js"],"sourcesContent":["import { shorthands } from '@fluentui/react-components';\nimport { iconClassNames } from '@fluentui/react-northstar';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nexport const v9HoverClasses = () => ({\n  [`& .${iconFilledClassName}`]: {\n    display: 'none'\n  },\n  [`& .${iconRegularClassName}`]: {\n    display: 'inline'\n  },\n  '&:hover': {\n    [`& .${iconFilledClassName}`]: {\n      display: 'inline'\n    },\n    [`& .${iconRegularClassName}`]: {\n      display: 'none'\n    }\n  }\n});\nexport const v9Icon = () => ({\n  // styles that allow to keep consistent size of v9 icon with v0 icon\n  '& svg': {\n    width: '100%',\n    paddingBottom: '100%',\n    // negative margin is necessary here for centering v9 icon\n    // with v0 button, because of extra spaces that svg contains\n    ...shorthands.margin('-4px', 0, 0, '-4px'),\n    ...shorthands.overflow('visible')\n  },\n  ...v9HoverClasses()\n});\nexport const v9CustomSizeIcon = () => ({\n  '& svg': {\n    ...shorthands.overflow('visible')\n  },\n  ...v9HoverClasses()\n});\nexport const v0Icon = () => ({\n  [`& .${iconClassNames.outline}`]: {\n    display: 'block'\n  },\n  [`& .${iconClassNames.filled}`]: {\n    display: 'none'\n  },\n  '&:hover': {\n    [`& .${iconClassNames.outline}`]: {\n      display: 'none'\n    },\n    [`& .${iconClassNames.filled}`]: {\n      display: 'block'\n    }\n  }\n});\nexport const v9DisabledCursor = () => ({\n  '&:disabled': {\n    cursor: 'default',\n    '&:hover': {\n      cursor: 'default'\n    },\n    '&:hover:active': {\n      cursor: 'default'\n    }\n  }\n});\n//# sourceMappingURL=ButtonMigration.mixins.js.map"],"names":["v9HoverClasses","v9Icon","v9CustomSizeIcon","v0Icon","v9DisabledCursor","iconFilledClassName","display","iconRegularClassName","width","paddingBottom","shorthands","margin","overflow","iconClassNames","outline","filled","cursor"],"mappings":";;;;;;;;;;;IAGaA,cAAc,MAAdA;IAgBAC,MAAM,MAANA;IAYAC,gBAAgB,MAAhBA;IAMAC,MAAM,MAANA;IAgBAC,gBAAgB,MAAhBA;;iCArDc;gCACI;4BAC2B;AACnD,MAAMJ,iBAAiB,IAAO,CAAA;QACnC,CAAC,CAAC,GAAG,EAAEK,+BAAmB,CAAC,CAAC,CAAC,EAAE;YAC7BC,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEC,gCAAoB,CAAC,CAAC,CAAC,EAAE;YAC9BD,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAED,+BAAmB,CAAC,CAAC,CAAC,EAAE;gBAC7BC,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEC,gCAAoB,CAAC,CAAC,CAAC,EAAE;gBAC9BD,SAAS;YACX;QACF;IACF,CAAA;AACO,MAAML,SAAS,IAAO,CAAA;QAC3B,oEAAoE;QACpE,SAAS;YACPO,OAAO;YACPC,eAAe;YACf,0DAA0D;YAC1D,4DAA4D;YAC5D,GAAGC,2BAAU,CAACC,MAAM,CAAC,QAAQ,GAAG,GAAG,OAAO;YAC1C,GAAGD,2BAAU,CAACE,QAAQ,CAAC,UAAU;QACnC;QACA,GAAGZ,gBAAgB;IACrB,CAAA;AACO,MAAME,mBAAmB,IAAO,CAAA;QACrC,SAAS;YACP,GAAGQ,2BAAU,CAACE,QAAQ,CAAC,UAAU;QACnC;QACA,GAAGZ,gBAAgB;IACrB,CAAA;AACO,MAAMG,SAAS,IAAO,CAAA;QAC3B,CAAC,CAAC,GAAG,EAAEU,8BAAc,CAACC,OAAO,CAAC,CAAC,CAAC,EAAE;YAChCR,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEO,8BAAc,CAACE,MAAM,CAAC,CAAC,CAAC,EAAE;YAC/BT,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAEO,8BAAc,CAACC,OAAO,CAAC,CAAC,CAAC,EAAE;gBAChCR,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEO,8BAAc,CAACE,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC/BT,SAAS;YACX;QACF;IACF,CAAA;AACO,MAAMF,mBAAmB,IAAO,CAAA;QACrC,cAAc;YACZY,QAAQ;YACR,WAAW;gBACTA,QAAQ;YACV;YACA,kBAAkB;gBAChBA,QAAQ;YACV;QACF;IACF,CAAA,GACA,kDAAkD"}
+{"version":3,"sources":["ButtonMigration.mixins.js"],"sourcesContent":["import { shorthands } from '@fluentui/react-components';\nimport { iconClassNames } from '@fluentui/react-northstar';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nexport const v9HoverClasses = ()=>({\n        [`& .${iconFilledClassName}`]: {\n            display: 'none'\n        },\n        [`& .${iconRegularClassName}`]: {\n            display: 'inline'\n        },\n        '&:hover': {\n            [`& .${iconFilledClassName}`]: {\n                display: 'inline'\n            },\n            [`& .${iconRegularClassName}`]: {\n                display: 'none'\n            }\n        }\n    });\nexport const v9Icon = ()=>({\n        // styles that allow to keep consistent size of v9 icon with v0 icon\n        '& svg': {\n            width: '100%',\n            paddingBottom: '100%',\n            // negative margin is necessary here for centering v9 icon\n            // with v0 button, because of extra spaces that svg contains\n            ...shorthands.margin('-4px', 0, 0, '-4px'),\n            ...shorthands.overflow('visible')\n        },\n        ...v9HoverClasses()\n    });\nexport const v9CustomSizeIcon = ()=>({\n        '& svg': {\n            ...shorthands.overflow('visible')\n        },\n        ...v9HoverClasses()\n    });\nexport const v0Icon = ()=>({\n        [`& .${iconClassNames.outline}`]: {\n            display: 'block'\n        },\n        [`& .${iconClassNames.filled}`]: {\n            display: 'none'\n        },\n        '&:hover': {\n            [`& .${iconClassNames.outline}`]: {\n                display: 'none'\n            },\n            [`& .${iconClassNames.filled}`]: {\n                display: 'block'\n            }\n        }\n    });\nexport const v9DisabledCursor = ()=>({\n        '&:disabled': {\n            cursor: 'default',\n            '&:hover': {\n                cursor: 'default'\n            },\n            '&:hover:active': {\n                cursor: 'default'\n            }\n        }\n    });\n"],"names":["v9HoverClasses","v9Icon","v9CustomSizeIcon","v0Icon","v9DisabledCursor","iconFilledClassName","display","iconRegularClassName","width","paddingBottom","shorthands","margin","overflow","iconClassNames","outline","filled","cursor"],"mappings":";;;;;;;;;;;IAGaA,cAAc,MAAdA;IAgBAC,MAAM,MAANA;IAYAC,gBAAgB,MAAhBA;IAMAC,MAAM,MAANA;IAgBAC,gBAAgB,MAAhBA;;iCArDc;gCACI;4BAC2B;AACnD,MAAMJ,iBAAiB,IAAK,CAAA;QAC3B,CAAC,CAAC,GAAG,EAAEK,+BAAmB,CAAC,CAAC,CAAC,EAAE;YAC3BC,SAAS;QACb;QACA,CAAC,CAAC,GAAG,EAAEC,gCAAoB,CAAC,CAAC,CAAC,EAAE;YAC5BD,SAAS;QACb;QACA,WAAW;YACP,CAAC,CAAC,GAAG,EAAED,+BAAmB,CAAC,CAAC,CAAC,EAAE;gBAC3BC,SAAS;YACb;YACA,CAAC,CAAC,GAAG,EAAEC,gCAAoB,CAAC,CAAC,CAAC,EAAE;gBAC5BD,SAAS;YACb;QACJ;IACJ,CAAA;AACG,MAAML,SAAS,IAAK,CAAA;QACnB,oEAAoE;QACpE,SAAS;YACLO,OAAO;YACPC,eAAe;YACf,0DAA0D;YAC1D,4DAA4D;YAC5D,GAAGC,2BAAU,CAACC,MAAM,CAAC,QAAQ,GAAG,GAAG,OAAO;YAC1C,GAAGD,2BAAU,CAACE,QAAQ,CAAC,UAAU;QACrC;QACA,GAAGZ,gBAAgB;IACvB,CAAA;AACG,MAAME,mBAAmB,IAAK,CAAA;QAC7B,SAAS;YACL,GAAGQ,2BAAU,CAACE,QAAQ,CAAC,UAAU;QACrC;QACA,GAAGZ,gBAAgB;IACvB,CAAA;AACG,MAAMG,SAAS,IAAK,CAAA;QACnB,CAAC,CAAC,GAAG,EAAEU,8BAAc,CAACC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC9BR,SAAS;QACb;QACA,CAAC,CAAC,GAAG,EAAEO,8BAAc,CAACE,MAAM,CAAC,CAAC,CAAC,EAAE;YAC7BT,SAAS;QACb;QACA,WAAW;YACP,CAAC,CAAC,GAAG,EAAEO,8BAAc,CAACC,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC9BR,SAAS;YACb;YACA,CAAC,CAAC,GAAG,EAAEO,8BAAc,CAACE,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC7BT,SAAS;YACb;QACJ;IACJ,CAAA;AACG,MAAMF,mBAAmB,IAAK,CAAA;QAC7B,cAAc;YACVY,QAAQ;YACR,WAAW;gBACPA,QAAQ;YACZ;YACA,kBAAkB;gBACdA,QAAQ;YACZ;QACJ;IACJ,CAAA"}

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

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./ButtonMigration.mixins"), exports);
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Button/index.js"],"sourcesContent":["export * from './ButtonMigration.mixins';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,iCAAiC"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ButtonMigration.mixins';\n"],"names":[],"mappings":";;;;;oBAAc"}

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

@@ -71,6 +71,4 @@ const Flex = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
         ...rest
     }, content);
 });
-Flex.displayName = 'Flex'; //# sourceMappingURL=Flex.js.map
-
-//# sourceMappingURL=Flex.js.map
+Flex.displayName = 'Flex';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Flex/Flex.js"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useFlexStyles } from './Flex.styles';\nexport const flexClassName = 'fui-Flex';\nexport const Flex = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const {\n    children,\n    column,\n    fill,\n    gap,\n    hAlign,\n    inline,\n    padding,\n    space,\n    vAlign,\n    wrap,\n    className,\n    ...rest\n  } = props;\n  const classes = useFlexStyles();\n  const classMaps = React.useMemo(() => ({\n    alignItems: {\n      start: classes.alignItemsFlexStart,\n      center: classes.alignItemsCenter,\n      end: classes.alignItemsFlexEnd,\n      stretch: classes.alignItemsCenter\n    },\n    justifyContent: {\n      start: classes.justifyContentFlexStart,\n      center: classes.justifyContentCenter,\n      end: classes.justifyContentFlexEnd,\n      stretch: classes.justifyContentStretch\n    },\n    justifyContentSpace: {\n      around: classes.justifyContentSpaceAround,\n      between: classes.justifyContentSpaceBetween,\n      evenly: classes.justifyContentSpaceEvenly\n    },\n    gapForColumnFlex: {\n      'gap.smaller': classes.gapForColumnFlexSmaller,\n      'gap.small': classes.gapForColumnFlexSmall,\n      'gap.medium': classes.gapForColumnFlexMedium,\n      'gap.large': classes.gapForColumnFlexLarge\n    },\n    gapRow: {\n      'gap.smaller': classes.gapForRowFlexSmaller,\n      'gap.small': classes.gapForRowFlexSmall,\n      'gap.medium': classes.gapForRowFlexMedium,\n      'gap.large': classes.gapForRowFlexLarge\n    },\n    paddings: {\n      'padding.medium': classes.paddingMedium\n    }\n  }), [classes]);\n  const flexClasses = mergeClasses(flexClassName, classes.flex, inline && classes.inline, column && classes.column, hAlign && (column ? classMaps.alignItems[hAlign] : classMaps.justifyContent[hAlign]), vAlign && (column ? classMaps.justifyContent[vAlign] : classMaps.alignItems[vAlign]), space && classMaps.justifyContentSpace[space], wrap && classes.wrap, fill && classes.fill, gap && (column ? classMaps.gapForColumnFlex[gap] : classMaps.gapRow[gap]), padding && classMaps.paddings[padding], className);\n  const content = React.Children.map(children, child => {\n    var _child_type;\n    // @ts-expect-error __isFlexItem is added to the React type property by N*\n    const isFlexItemElement = child === null || child === void 0 ? void 0 : (_child_type = child.type) === null || _child_type === void 0 ? void 0 : _child_type.__isFlexItem;\n    return isFlexItemElement ? /*#__PURE__*/React.cloneElement(child, {\n      flexDirection: column ? 'column' : 'row'\n    }) : child;\n  });\n  return /*#__PURE__*/React.createElement(\"div\", {\n    ref: ref,\n    className: flexClasses,\n    ...rest\n  }, content);\n});\nFlex.displayName = 'Flex';\n//# sourceMappingURL=Flex.js.map"],"names":["flexClassName","Flex","React","forwardRef","props","ref","children","column","fill","gap","hAlign","inline","padding","space","vAlign","wrap","className","rest","classes","useFlexStyles","classMaps","useMemo","alignItems","start","alignItemsFlexStart","center","alignItemsCenter","end","alignItemsFlexEnd","stretch","justifyContent","justifyContentFlexStart","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpace","around","justifyContentSpaceAround","between","justifyContentSpaceBetween","evenly","justifyContentSpaceEvenly","gapForColumnFlex","gapForColumnFlexSmaller","gapForColumnFlexSmall","gapForColumnFlexMedium","gapForColumnFlexLarge","gapRow","gapForRowFlexSmaller","gapForRowFlexSmall","gapForRowFlexMedium","gapForRowFlexLarge","paddings","paddingMedium","flexClasses","mergeClasses","flex","content","Children","map","child","_child_type","isFlexItemElement","type","__isFlexItem","cloneElement","flexDirection","createElement","displayName"],"mappings":"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"}
+{"version":3,"sources":["Flex.js"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useFlexStyles } from './Flex.styles';\nexport const flexClassName = 'fui-Flex';\nexport const Flex = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const { children , column , fill , gap , hAlign , inline , padding , space , vAlign , wrap , className , ...rest } = props;\n    const classes = useFlexStyles();\n    const classMaps = React.useMemo(()=>({\n            alignItems: {\n                start: classes.alignItemsFlexStart,\n                center: classes.alignItemsCenter,\n                end: classes.alignItemsFlexEnd,\n                stretch: classes.alignItemsCenter\n            },\n            justifyContent: {\n                start: classes.justifyContentFlexStart,\n                center: classes.justifyContentCenter,\n                end: classes.justifyContentFlexEnd,\n                stretch: classes.justifyContentStretch\n            },\n            justifyContentSpace: {\n                around: classes.justifyContentSpaceAround,\n                between: classes.justifyContentSpaceBetween,\n                evenly: classes.justifyContentSpaceEvenly\n            },\n            gapForColumnFlex: {\n                'gap.smaller': classes.gapForColumnFlexSmaller,\n                'gap.small': classes.gapForColumnFlexSmall,\n                'gap.medium': classes.gapForColumnFlexMedium,\n                'gap.large': classes.gapForColumnFlexLarge\n            },\n            gapRow: {\n                'gap.smaller': classes.gapForRowFlexSmaller,\n                'gap.small': classes.gapForRowFlexSmall,\n                'gap.medium': classes.gapForRowFlexMedium,\n                'gap.large': classes.gapForRowFlexLarge\n            },\n            paddings: {\n                'padding.medium': classes.paddingMedium\n            }\n        }), [\n        classes\n    ]);\n    const flexClasses = mergeClasses(flexClassName, classes.flex, inline && classes.inline, column && classes.column, hAlign && (column ? classMaps.alignItems[hAlign] : classMaps.justifyContent[hAlign]), vAlign && (column ? classMaps.justifyContent[vAlign] : classMaps.alignItems[vAlign]), space && classMaps.justifyContentSpace[space], wrap && classes.wrap, fill && classes.fill, gap && (column ? classMaps.gapForColumnFlex[gap] : classMaps.gapRow[gap]), padding && classMaps.paddings[padding], className);\n    const content = React.Children.map(children, (child)=>{\n        var _child_type;\n        // @ts-expect-error __isFlexItem is added to the React type property by N*\n        const isFlexItemElement = child === null || child === void 0 ? void 0 : (_child_type = child.type) === null || _child_type === void 0 ? void 0 : _child_type.__isFlexItem;\n        return isFlexItemElement ? /*#__PURE__*/ React.cloneElement(child, {\n            flexDirection: column ? 'column' : 'row'\n        }) : child;\n    });\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        ref: ref,\n        className: flexClasses,\n        ...rest\n    }, content);\n});\nFlex.displayName = 'Flex';\n"],"names":["flexClassName","Flex","React","forwardRef","props","ref","children","column","fill","gap","hAlign","inline","padding","space","vAlign","wrap","className","rest","classes","useFlexStyles","classMaps","useMemo","alignItems","start","alignItemsFlexStart","center","alignItemsCenter","end","alignItemsFlexEnd","stretch","justifyContent","justifyContentFlexStart","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpace","around","justifyContentSpaceAround","between","justifyContentSpaceBetween","evenly","justifyContentSpaceEvenly","gapForColumnFlex","gapForColumnFlexSmaller","gapForColumnFlexSmall","gapForColumnFlexMedium","gapForColumnFlexLarge","gapRow","gapForRowFlexSmaller","gapForRowFlexSmall","gapForRowFlexMedium","gapForRowFlexLarge","paddings","paddingMedium","flexClasses","mergeClasses","flex","content","Children","map","child","_child_type","isFlexItemElement","type","__isFlexItem","cloneElement","flexDirection","createElement","displayName"],"mappings":"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"}

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

@@ -135,5 +135,3 @@ const useFlexStyles = /*#__PURE__*/ (0, _reactComponents["__styles"])({
         ".f1fow5ox{padding-bottom:10px;}"
     ]
 }); //# sourceMappingURL=Flex.styles.js.map
-
-//# sourceMappingURL=Flex.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Flex/Flex.styles.js"],"sourcesContent":["import { __styles, shorthands } from '@fluentui/react-components';\nconst gapValues = {\n  smaller: '8px',\n  small: '10px',\n  medium: '15px',\n  large: '30px'\n};\nconst paddingValues = {\n  medium: '10px'\n};\nexport const useFlexStyles = /*#__PURE__*/__styles({\n  flex: {\n    mc9l5x: \"f22iagw\"\n  },\n  inline: {\n    mc9l5x: \"ftuwxu6\"\n  },\n  column: {\n    Beiy3e4: \"f1vx9l62\"\n  },\n  alignItemsFlexStart: {\n    Bt984gj: \"f6jr5hl\"\n  },\n  alignItemsCenter: {\n    Bt984gj: \"f122n59\"\n  },\n  alignItemsFlexEnd: {\n    Bt984gj: \"fgs5rwf\"\n  },\n  alignItemsStretch: {\n    Bt984gj: \"f1q9h2pe\"\n  },\n  justifyContentFlexStart: {\n    Brf1p80: \"fbhxue7\"\n  },\n  justifyContentCenter: {\n    Brf1p80: \"f4d9j23\"\n  },\n  justifyContentFlexEnd: {\n    Brf1p80: \"f9c4gz4\"\n  },\n  justifyContentStretch: {\n    Brf1p80: \"fsxf2b5\"\n  },\n  justifyContentSpaceAround: {\n    Brf1p80: \"f1iw3tyt\"\n  },\n  justifyContentSpaceBetween: {\n    Brf1p80: \"f1869bpl\"\n  },\n  justifyContentSpaceEvenly: {\n    Brf1p80: \"figf6al\"\n  },\n  wrap: {\n    Eh141a: \"fni485r\"\n  },\n  fill: {\n    a9b677: \"fly5x3f\",\n    Bqenvij: \"f1l02sjl\"\n  },\n  gapForColumnFlexSmall: {\n    Belr9w4: \"fd7ph1c\"\n  },\n  gapForColumnFlexSmaller: {\n    Belr9w4: \"fn67r4l\"\n  },\n  gapForColumnFlexMedium: {\n    Belr9w4: \"f16r77es\"\n  },\n  gapForColumnFlexLarge: {\n    Belr9w4: \"fej36a\"\n  },\n  gapForRowFlexSmall: {\n    i8kkvl: \"f18w1nra\"\n  },\n  gapForRowFlexSmaller: {\n    i8kkvl: \"f4px1ci\"\n  },\n  gapForRowFlexMedium: {\n    i8kkvl: \"f1lv1r8n\"\n  },\n  gapForRowFlexLarge: {\n    i8kkvl: \"fzco7x8\"\n  },\n  paddingMedium: {\n    z8tnut: \"f1809wu7\",\n    z189sj: [\"f81rol6\", \"frdkuqy\"],\n    Byoj8tv: \"f1fow5ox\",\n    uwmqm3: [\"frdkuqy\", \"f81rol6\"]\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f6jr5hl{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fgs5rwf{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}\", \".f1q9h2pe{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}\", \".fbhxue7{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f9c4gz4{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}\", \".fsxf2b5{-webkit-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;}\", \".f1iw3tyt{-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;justify-content:space-around;}\", \".f1869bpl{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}\", \".figf6al{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly;}\", \".fni485r{-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}\", \".fly5x3f{width:100%;}\", \".f1l02sjl{height:100%;}\", \".fd7ph1c{row-gap:10px;}\", \".fn67r4l{row-gap:8px;}\", \".f16r77es{row-gap:15px;}\", \".fej36a{row-gap:30px;}\", \".f18w1nra{-webkit-column-gap:10px;column-gap:10px;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".f1lv1r8n{-webkit-column-gap:15px;column-gap:15px;}\", \".fzco7x8{-webkit-column-gap:30px;column-gap:30px;}\", \".f1809wu7{padding-top:10px;}\", \".f81rol6{padding-right:10px;}\", \".frdkuqy{padding-left:10px;}\", \".f1fow5ox{padding-bottom:10px;}\"]\n});\n//# sourceMappingURL=Flex.styles.js.map"],"names":["useFlexStyles","gapValues","smaller","small","medium","large","paddingValues","__styles","flex","mc9l5x","inline","column","Beiy3e4","alignItemsFlexStart","Bt984gj","alignItemsCenter","alignItemsFlexEnd","alignItemsStretch","justifyContentFlexStart","Brf1p80","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpaceAround","justifyContentSpaceBetween","justifyContentSpaceEvenly","wrap","Eh141a","fill","a9b677","Bqenvij","gapForColumnFlexSmall","Belr9w4","gapForColumnFlexSmaller","gapForColumnFlexMedium","gapForColumnFlexLarge","gapForRowFlexSmall","i8kkvl","gapForRowFlexSmaller","gapForRowFlexMedium","gapForRowFlexLarge","paddingMedium","z8tnut","z189sj","Byoj8tv","uwmqm3","d"],"mappings":";;;;+BAUaA;;aAAAA;;iCAVwB;AACrC,MAAMC,YAAY;IAChBC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT;AACA,MAAMC,gBAAgB;IACpBF,QAAQ;AACV;AACO,MAAMJ,gBAAgB,WAAW,GAAEO,IAAAA,4BAAQ,EAAC;IACjDC,MAAM;QACJC,QAAQ;IACV;IACAC,QAAQ;QACND,QAAQ;IACV;IACAE,QAAQ;QACNC,SAAS;IACX;IACAC,qBAAqB;QACnBC,SAAS;IACX;IACAC,kBAAkB;QAChBD,SAAS;IACX;IACAE,mBAAmB;QACjBF,SAAS;IACX;IACAG,mBAAmB;QACjBH,SAAS;IACX;IACAI,yBAAyB;QACvBC,SAAS;IACX;IACAC,sBAAsB;QACpBD,SAAS;IACX;IACAE,uBAAuB;QACrBF,SAAS;IACX;IACAG,uBAAuB;QACrBH,SAAS;IACX;IACAI,2BAA2B;QACzBJ,SAAS;IACX;IACAK,4BAA4B;QAC1BL,SAAS;IACX;IACAM,2BAA2B;QACzBN,SAAS;IACX;IACAO,MAAM;QACJC,QAAQ;IACV;IACAC,MAAM;QACJC,QAAQ;QACRC,SAAS;IACX;IACAC,uBAAuB;QACrBC,SAAS;IACX;IACAC,yBAAyB;QACvBD,SAAS;IACX;IACAE,wBAAwB;QACtBF,SAAS;IACX;IACAG,uBAAuB;QACrBH,SAAS;IACX;IACAI,oBAAoB;QAClBC,QAAQ;IACV;IACAC,sBAAsB;QACpBD,QAAQ;IACV;IACAE,qBAAqB;QACnBF,QAAQ;IACV;IACAG,oBAAoB;QAClBH,QAAQ;IACV;IACAI,eAAe;QACbC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDC,GAAG;QAAC;QAAwF;QAAoH;QAA6F;QAA2H;QAA2G;QAAmH;QAAgH;QAAuH;QAAiH;QAA+G;QAAqH;QAA0I;QAA4G;QAAyI;QAAkG;QAAyB;QAA2B;QAA2B;QAA0B;QAA4B;QAA0B;QAAuD;QAAoD;QAAuD;QAAsD;QAAgC;QAAiC;QAAgC;KAAkC;AAC/pE,IACA,uCAAuC"}
+{"version":3,"sources":["Flex.styles.js"],"sourcesContent":["import { __styles, shorthands } from '@fluentui/react-components';\nconst gapValues = {\n  smaller: '8px',\n  small: '10px',\n  medium: '15px',\n  large: '30px'\n};\nconst paddingValues = {\n  medium: '10px'\n};\nexport const useFlexStyles = /*#__PURE__*/__styles({\n  flex: {\n    mc9l5x: \"f22iagw\"\n  },\n  inline: {\n    mc9l5x: \"ftuwxu6\"\n  },\n  column: {\n    Beiy3e4: \"f1vx9l62\"\n  },\n  alignItemsFlexStart: {\n    Bt984gj: \"f6jr5hl\"\n  },\n  alignItemsCenter: {\n    Bt984gj: \"f122n59\"\n  },\n  alignItemsFlexEnd: {\n    Bt984gj: \"fgs5rwf\"\n  },\n  alignItemsStretch: {\n    Bt984gj: \"f1q9h2pe\"\n  },\n  justifyContentFlexStart: {\n    Brf1p80: \"fbhxue7\"\n  },\n  justifyContentCenter: {\n    Brf1p80: \"f4d9j23\"\n  },\n  justifyContentFlexEnd: {\n    Brf1p80: \"f9c4gz4\"\n  },\n  justifyContentStretch: {\n    Brf1p80: \"fsxf2b5\"\n  },\n  justifyContentSpaceAround: {\n    Brf1p80: \"f1iw3tyt\"\n  },\n  justifyContentSpaceBetween: {\n    Brf1p80: \"f1869bpl\"\n  },\n  justifyContentSpaceEvenly: {\n    Brf1p80: \"figf6al\"\n  },\n  wrap: {\n    Eh141a: \"fni485r\"\n  },\n  fill: {\n    a9b677: \"fly5x3f\",\n    Bqenvij: \"f1l02sjl\"\n  },\n  gapForColumnFlexSmall: {\n    Belr9w4: \"fd7ph1c\"\n  },\n  gapForColumnFlexSmaller: {\n    Belr9w4: \"fn67r4l\"\n  },\n  gapForColumnFlexMedium: {\n    Belr9w4: \"f16r77es\"\n  },\n  gapForColumnFlexLarge: {\n    Belr9w4: \"fej36a\"\n  },\n  gapForRowFlexSmall: {\n    i8kkvl: \"f18w1nra\"\n  },\n  gapForRowFlexSmaller: {\n    i8kkvl: \"f4px1ci\"\n  },\n  gapForRowFlexMedium: {\n    i8kkvl: \"f1lv1r8n\"\n  },\n  gapForRowFlexLarge: {\n    i8kkvl: \"fzco7x8\"\n  },\n  paddingMedium: {\n    z8tnut: \"f1809wu7\",\n    z189sj: [\"f81rol6\", \"frdkuqy\"],\n    Byoj8tv: \"f1fow5ox\",\n    uwmqm3: [\"frdkuqy\", \"f81rol6\"]\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f6jr5hl{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fgs5rwf{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}\", \".f1q9h2pe{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}\", \".fbhxue7{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f9c4gz4{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}\", \".fsxf2b5{-webkit-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;}\", \".f1iw3tyt{-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;justify-content:space-around;}\", \".f1869bpl{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}\", \".figf6al{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly;}\", \".fni485r{-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}\", \".fly5x3f{width:100%;}\", \".f1l02sjl{height:100%;}\", \".fd7ph1c{row-gap:10px;}\", \".fn67r4l{row-gap:8px;}\", \".f16r77es{row-gap:15px;}\", \".fej36a{row-gap:30px;}\", \".f18w1nra{-webkit-column-gap:10px;column-gap:10px;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".f1lv1r8n{-webkit-column-gap:15px;column-gap:15px;}\", \".fzco7x8{-webkit-column-gap:30px;column-gap:30px;}\", \".f1809wu7{padding-top:10px;}\", \".f81rol6{padding-right:10px;}\", \".frdkuqy{padding-left:10px;}\", \".f1fow5ox{padding-bottom:10px;}\"]\n});\n//# sourceMappingURL=Flex.styles.js.map"],"names":["useFlexStyles","gapValues","smaller","small","medium","large","paddingValues","__styles","flex","mc9l5x","inline","column","Beiy3e4","alignItemsFlexStart","Bt984gj","alignItemsCenter","alignItemsFlexEnd","alignItemsStretch","justifyContentFlexStart","Brf1p80","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpaceAround","justifyContentSpaceBetween","justifyContentSpaceEvenly","wrap","Eh141a","fill","a9b677","Bqenvij","gapForColumnFlexSmall","Belr9w4","gapForColumnFlexSmaller","gapForColumnFlexMedium","gapForColumnFlexLarge","gapForRowFlexSmall","i8kkvl","gapForRowFlexSmaller","gapForRowFlexMedium","gapForRowFlexLarge","paddingMedium","z8tnut","z189sj","Byoj8tv","uwmqm3","d"],"mappings":";;;;+BAUaA;;aAAAA;;iCAVwB;AACrC,MAAMC,YAAY;IAChBC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT;AACA,MAAMC,gBAAgB;IACpBF,QAAQ;AACV;AACO,MAAMJ,gBAAgB,WAAW,GAAEO,IAAAA,4BAAQ,EAAC;IACjDC,MAAM;QACJC,QAAQ;IACV;IACAC,QAAQ;QACND,QAAQ;IACV;IACAE,QAAQ;QACNC,SAAS;IACX;IACAC,qBAAqB;QACnBC,SAAS;IACX;IACAC,kBAAkB;QAChBD,SAAS;IACX;IACAE,mBAAmB;QACjBF,SAAS;IACX;IACAG,mBAAmB;QACjBH,SAAS;IACX;IACAI,yBAAyB;QACvBC,SAAS;IACX;IACAC,sBAAsB;QACpBD,SAAS;IACX;IACAE,uBAAuB;QACrBF,SAAS;IACX;IACAG,uBAAuB;QACrBH,SAAS;IACX;IACAI,2BAA2B;QACzBJ,SAAS;IACX;IACAK,4BAA4B;QAC1BL,SAAS;IACX;IACAM,2BAA2B;QACzBN,SAAS;IACX;IACAO,MAAM;QACJC,QAAQ;IACV;IACAC,MAAM;QACJC,QAAQ;QACRC,SAAS;IACX;IACAC,uBAAuB;QACrBC,SAAS;IACX;IACAC,yBAAyB;QACvBD,SAAS;IACX;IACAE,wBAAwB;QACtBF,SAAS;IACX;IACAG,uBAAuB;QACrBH,SAAS;IACX;IACAI,oBAAoB;QAClBC,QAAQ;IACV;IACAC,sBAAsB;QACpBD,QAAQ;IACV;IACAE,qBAAqB;QACnBF,QAAQ;IACV;IACAG,oBAAoB;QAClBH,QAAQ;IACV;IACAI,eAAe;QACbC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDC,GAAG;QAAC;QAAwF;QAAoH;QAA6F;QAA2H;QAA2G;QAAmH;QAAgH;QAAuH;QAAiH;QAA+G;QAAqH;QAA0I;QAA4G;QAAyI;QAAkG;QAAyB;QAA2B;QAA2B;QAA0B;QAA4B;QAA0B;QAAuD;QAAoD;QAAuD;QAAsD;QAAgC;QAAiC;QAAgC;KAAkC;AAC/pE,IACA,uCAAuC"}

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

@@ -84,6 +84,4 @@ const flexItem = {
     shrink,
     pushRow,
     pushColumn
-}; //# sourceMappingURL=FlexItem.mixins.js.map
-
-//# sourceMappingURL=FlexItem.mixins.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Flex/FlexItem.mixins.js"],"sourcesContent":["const ALIGN = {\n  auto: {\n    alignSelf: 'auto'\n  },\n  start: {\n    alignSelf: 'flex-start'\n  },\n  end: {\n    alignSelf: 'flex-end'\n  },\n  center: {\n    alignSelf: 'center'\n  },\n  baseline: {\n    alignSelf: 'baseline'\n  },\n  stretch: {\n    alignSelf: 'stretch'\n  }\n};\nconst SIZE = {\n  half: {\n    flexBasis: '50%'\n  },\n  quarter: {\n    flexBasis: '25%'\n  },\n  small: {\n    flexBasis: '150px'\n  },\n  medium: {\n    flexBasis: '200px'\n  },\n  large: {\n    flexBasis: '300px'\n  }\n};\nconst align = value => ALIGN[value];\nconst size = value => SIZE[value];\nconst grow = flexGrow => {\n  if (flexGrow === true) {\n    return {\n      flexGrow: 1\n    };\n  } else if (flexGrow) {\n    return {\n      flexGrow\n    };\n  } else {\n    return undefined;\n  }\n};\nconst shrink = flexShrink => {\n  if (typeof flexShrink === 'number') {\n    return {\n      flexShrink\n    };\n  } else if (flexShrink === false) {\n    return {\n      flexShrink: 0\n    };\n  } else {\n    return undefined;\n  }\n};\nconst pushRow = () => ({\n  marginLeft: 'auto'\n});\nconst pushColumn = () => ({\n  marginTop: 'auto'\n});\nexport const flexItem = {\n  align,\n  size,\n  grow,\n  shrink,\n  pushRow,\n  pushColumn\n};\n//# sourceMappingURL=FlexItem.mixins.js.map"],"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"],"mappings":";;;;+BAuEaA;;aAAAA;;AAvEb,MAAMC,QAAQ;IACZC,MAAM;QACJC,WAAW;IACb;IACAC,OAAO;QACLD,WAAW;IACb;IACAE,KAAK;QACHF,WAAW;IACb;IACAG,QAAQ;QACNH,WAAW;IACb;IACAI,UAAU;QACRJ,WAAW;IACb;IACAK,SAAS;QACPL,WAAW;IACb;AACF;AACA,MAAMM,OAAO;IACXC,MAAM;QACJC,WAAW;IACb;IACAC,SAAS;QACPD,WAAW;IACb;IACAE,OAAO;QACLF,WAAW;IACb;IACAG,QAAQ;QACNH,WAAW;IACb;IACAI,OAAO;QACLJ,WAAW;IACb;AACF;AACA,MAAMK,QAAQC,CAAAA,QAAShB,KAAK,CAACgB,MAAM;AACnC,MAAMC,OAAOD,CAAAA,QAASR,IAAI,CAACQ,MAAM;AACjC,MAAME,OAAOC,CAAAA,WAAY;IACvB,IAAIA,aAAa,IAAI,EAAE;QACrB,OAAO;YACLA,UAAU;QACZ;IACF,OAAO,IAAIA,UAAU;QACnB,OAAO;YACLA;QACF;IACF,OAAO;QACL,OAAOC;IACT,CAAC;AACH;AACA,MAAMC,SAASC,CAAAA,aAAc;IAC3B,IAAI,OAAOA,eAAe,UAAU;QAClC,OAAO;YACLA;QACF;IACF,OAAO,IAAIA,eAAe,KAAK,EAAE;QAC/B,OAAO;YACLA,YAAY;QACd;IACF,OAAO;QACL,OAAOF;IACT,CAAC;AACH;AACA,MAAMG,UAAU,IAAO,CAAA;QACrBC,YAAY;IACd,CAAA;AACA,MAAMC,aAAa,IAAO,CAAA;QACxBC,WAAW;IACb,CAAA;AACO,MAAM3B,WAAW;IACtBgB;IACAE;IACAC;IACAG;IACAE;IACAE;AACF,GACA,2CAA2C"}
+{"version":3,"sources":["FlexItem.mixins.js"],"sourcesContent":["const ALIGN = {\n    auto: {\n        alignSelf: 'auto'\n    },\n    start: {\n        alignSelf: 'flex-start'\n    },\n    end: {\n        alignSelf: 'flex-end'\n    },\n    center: {\n        alignSelf: 'center'\n    },\n    baseline: {\n        alignSelf: 'baseline'\n    },\n    stretch: {\n        alignSelf: 'stretch'\n    }\n};\nconst SIZE = {\n    half: {\n        flexBasis: '50%'\n    },\n    quarter: {\n        flexBasis: '25%'\n    },\n    small: {\n        flexBasis: '150px'\n    },\n    medium: {\n        flexBasis: '200px'\n    },\n    large: {\n        flexBasis: '300px'\n    }\n};\nconst align = (value)=>ALIGN[value];\nconst size = (value)=>SIZE[value];\nconst grow = (flexGrow)=>{\n    if (flexGrow === true) {\n        return {\n            flexGrow: 1\n        };\n    } else if (flexGrow) {\n        return {\n            flexGrow\n        };\n    } else {\n        return undefined;\n    }\n};\nconst shrink = (flexShrink)=>{\n    if (typeof flexShrink === 'number') {\n        return {\n            flexShrink\n        };\n    } else if (flexShrink === false) {\n        return {\n            flexShrink: 0\n        };\n    } else {\n        return undefined;\n    }\n};\nconst pushRow = ()=>({\n        marginLeft: 'auto'\n    });\nconst pushColumn = ()=>({\n        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"],"mappings":";;;;+BAuEaA;;aAAAA;;AAvEb,MAAMC,QAAQ;IACVC,MAAM;QACFC,WAAW;IACf;IACAC,OAAO;QACHD,WAAW;IACf;IACAE,KAAK;QACDF,WAAW;IACf;IACAG,QAAQ;QACJH,WAAW;IACf;IACAI,UAAU;QACNJ,WAAW;IACf;IACAK,SAAS;QACLL,WAAW;IACf;AACJ;AACA,MAAMM,OAAO;IACTC,MAAM;QACFC,WAAW;IACf;IACAC,SAAS;QACLD,WAAW;IACf;IACAE,OAAO;QACHF,WAAW;IACf;IACAG,QAAQ;QACJH,WAAW;IACf;IACAI,OAAO;QACHJ,WAAW;IACf;AACJ;AACA,MAAMK,QAAQ,CAACC,QAAQhB,KAAK,CAACgB,MAAM;AACnC,MAAMC,OAAO,CAACD,QAAQR,IAAI,CAACQ,MAAM;AACjC,MAAME,OAAO,CAACC,WAAW;IACrB,IAAIA,aAAa,IAAI,EAAE;QACnB,OAAO;YACHA,UAAU;QACd;IACJ,OAAO,IAAIA,UAAU;QACjB,OAAO;YACHA;QACJ;IACJ,OAAO;QACH,OAAOC;IACX,CAAC;AACL;AACA,MAAMC,SAAS,CAACC,aAAa;IACzB,IAAI,OAAOA,eAAe,UAAU;QAChC,OAAO;YACHA;QACJ;IACJ,OAAO,IAAIA,eAAe,KAAK,EAAE;QAC7B,OAAO;YACHA,YAAY;QAChB;IACJ,OAAO;QACH,OAAOF;IACX,CAAC;AACL;AACA,MAAMG,UAAU,IAAK,CAAA;QACbC,YAAY;IAChB,CAAA;AACJ,MAAMC,aAAa,IAAK,CAAA;QAChBC,WAAW;IACf,CAAA;AACG,MAAM3B,WAAW;IACpBgB;IACAE;IACAC;IACAG;IACAE;IACAE;AACJ"}

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

@@ -17,6 +17,3 @@ _export(exports, {
 const _flex = require("./Flex");
 const _flexStyles = require("./Flex.styles");
 const _flexItemMixins = require("./FlexItem.mixins");
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Flex/index.js"],"sourcesContent":["export { Flex, flexClassName } from './Flex';\nexport { useFlexStyles } from './Flex.styles';\nexport { flexItem } from './FlexItem.mixins';\n//# sourceMappingURL=index.js.map"],"names":["Flex","flexClassName","useFlexStyles","flexItem"],"mappings":";;;;;;;;;;;IAASA,IAAI,MAAJA,UAAI;IAAEC,aAAa,MAAbA,mBAAa;IACnBC,aAAa,MAAbA,yBAAa;IACbC,QAAQ,MAARA,wBAAQ;;sBAFmB;4BACN;gCACL;CACzB,iCAAiC"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export { Flex, flexClassName } from './Flex';\nexport { useFlexStyles } from './Flex.styles';\nexport { flexItem } from './FlexItem.mixins';\n"],"names":["Flex","flexClassName","useFlexStyles","flexItem"],"mappings":";;;;;;;;;;;IAASA,IAAI,MAAJA,UAAI;IAAEC,aAAa,MAAbA,mBAAa;IACnBC,aAAa,MAAbA,yBAAa;IACbC,QAAQ,MAARA,wBAAQ;;sBAFmB;4BACN;gCACL"}

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

@@ -46,6 +46,4 @@ const FormFieldShim = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const context = (0, _reactComponents.useFieldContextValues_unstable)(state);
     return (0, _reactComponents.renderField_unstable)(state, context);
 });
-FormFieldShim.displayName = 'FormFieldShim'; //# sourceMappingURL=FormFieldShim.js.map
-
-//# sourceMappingURL=FormFieldShim.js.map
+FormFieldShim.displayName = 'FormFieldShim';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/FormField/FormFieldShim.js"],"sourcesContent":["import { renderField_unstable, useFieldContextValues_unstable, useFieldStyles_unstable, useField_unstable } from '@fluentui/react-components';\nimport * as React from 'react';\nexport const FormFieldShim = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const {\n    errorMessage,\n    required,\n    control,\n    label\n  } = props;\n  const fieldProps = {\n    required\n  };\n  if (errorMessage && (control === null || control === void 0 ? void 0 : 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  if (label) {\n    if (typeof label === 'object') {\n      fieldProps.label = label.content;\n    } else {\n      fieldProps.label = label;\n    }\n  }\n  const children = props.children || (control === null || control === void 0 ? void 0 : control.content);\n  if ( /*#__PURE__*/React.isValidElement(children)) {\n    const child = children;\n    // Use the Field's child render function to pass the field control props to the child\n    fieldProps.children = fieldControlProps => /*#__PURE__*/React.cloneElement(child, {\n      ...fieldControlProps,\n      ...child.props\n    });\n  } else {\n    fieldProps.children = children;\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});\nFormFieldShim.displayName = 'FormFieldShim';\n//# sourceMappingURL=FormFieldShim.js.map"],"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"],"mappings":";;;;+BAEaA;;aAAAA;;;iCAFoG;6DAC1F;AAChB,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACzE,MAAM,EACJC,aAAY,EACZC,SAAQ,EACRC,QAAO,EACPC,MAAK,EACN,GAAGL;IACJ,MAAMM,aAAa;QACjBH;IACF;IACA,IAAID,gBAAgB,AAACE,CAAAA,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQG,KAAK,AAAD,MAAO,QAAQ;QAChGD,WAAWE,eAAe,GAAG;QAC7B,IAAI,OAAON,iBAAiB,UAAU;YACpCI,WAAWG,iBAAiB,GAAGP,aAAaQ,OAAO;QACrD,CAAC;QACD,IAAI,OAAOR,iBAAiB,UAAU;YACpCI,WAAWG,iBAAiB,GAAGP;QACjC,CAAC;IACH,CAAC;IACD,IAAIG,OAAO;QACT,IAAI,OAAOA,UAAU,UAAU;YAC7BC,WAAWD,KAAK,GAAGA,MAAMK,OAAO;QAClC,OAAO;YACLJ,WAAWD,KAAK,GAAGA;QACrB,CAAC;IACH,CAAC;IACD,MAAMM,WAAWX,MAAMW,QAAQ,IAAKP,CAAAA,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQM,OAAO,AAAD;IACpG,IAAK,WAAW,GAAEZ,OAAMc,cAAc,CAACD,WAAW;QAChD,MAAME,QAAQF;QACd,qFAAqF;QACrFL,WAAWK,QAAQ,GAAGG,CAAAA,oBAAqB,WAAW,GAAEhB,OAAMiB,YAAY,CAACF,OAAO;gBAChF,GAAGC,iBAAiB;gBACpB,GAAGD,MAAMb,KAAK;YAChB;IACF,OAAO;QACLM,WAAWK,QAAQ,GAAGA;IACxB,CAAC;IACD,MAAMK,QAAQC,IAAAA,kCAAiB,EAACX,YAAYL;IAC5CiB,IAAAA,wCAAuB,EAACF;IACxB,MAAMG,UAAUC,IAAAA,+CAA8B,EAACJ;IAC/C,OAAOK,IAAAA,qCAAoB,EAACL,OAAOG;AACrC;AACAtB,cAAcyB,WAAW,GAAG,iBAC5B,yCAAyC"}
+{"version":3,"sources":["FormFieldShim.js"],"sourcesContent":["import { renderField_unstable, useFieldContextValues_unstable, useFieldStyles_unstable, useField_unstable } from '@fluentui/react-components';\nimport * as React from 'react';\nexport const FormFieldShim = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const { errorMessage , required , control , label  } = props;\n    const fieldProps = {\n        required\n    };\n    if (errorMessage && (control === null || control === void 0 ? void 0 : 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    if (label) {\n        if (typeof label === 'object') {\n            fieldProps.label = label.content;\n        } else {\n            fieldProps.label = label;\n        }\n    }\n    const children = props.children || (control === null || control === void 0 ? void 0 : control.content);\n    if (/*#__PURE__*/ React.isValidElement(children)) {\n        const child = children;\n        // Use the Field's child render function to pass the field control props to the child\n        fieldProps.children = (fieldControlProps)=>/*#__PURE__*/ React.cloneElement(child, {\n                ...fieldControlProps,\n                ...child.props\n            });\n    } else {\n        fieldProps.children = children;\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});\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"],"mappings":";;;;+BAEaA;;aAAAA;;;iCAFoG;6DAC1F;AAChB,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACtE,MAAM,EAAEC,aAAY,EAAGC,SAAQ,EAAGC,QAAO,EAAGC,MAAK,EAAG,GAAGL;IACvD,MAAMM,aAAa;QACfH;IACJ;IACA,IAAID,gBAAgB,AAACE,CAAAA,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQG,KAAK,AAAD,MAAO,QAAQ;QAC9FD,WAAWE,eAAe,GAAG;QAC7B,IAAI,OAAON,iBAAiB,UAAU;YAClCI,WAAWG,iBAAiB,GAAGP,aAAaQ,OAAO;QACvD,CAAC;QACD,IAAI,OAAOR,iBAAiB,UAAU;YAClCI,WAAWG,iBAAiB,GAAGP;QACnC,CAAC;IACL,CAAC;IACD,IAAIG,OAAO;QACP,IAAI,OAAOA,UAAU,UAAU;YAC3BC,WAAWD,KAAK,GAAGA,MAAMK,OAAO;QACpC,OAAO;YACHJ,WAAWD,KAAK,GAAGA;QACvB,CAAC;IACL,CAAC;IACD,MAAMM,WAAWX,MAAMW,QAAQ,IAAKP,CAAAA,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQM,OAAO,AAAD;IACpG,IAAI,WAAW,GAAGZ,OAAMc,cAAc,CAACD,WAAW;QAC9C,MAAME,QAAQF;QACd,qFAAqF;QACrFL,WAAWK,QAAQ,GAAG,CAACG,oBAAoB,WAAW,GAAGhB,OAAMiB,YAAY,CAACF,OAAO;gBAC3E,GAAGC,iBAAiB;gBACpB,GAAGD,MAAMb,KAAK;YAClB;IACR,OAAO;QACHM,WAAWK,QAAQ,GAAGA;IAC1B,CAAC;IACD,MAAMK,QAAQC,IAAAA,kCAAiB,EAACX,YAAYL;IAC5CiB,IAAAA,wCAAuB,EAACF;IACxB,MAAMG,UAAUC,IAAAA,+CAA8B,EAACJ;IAC/C,OAAOK,IAAAA,qCAAoB,EAACL,OAAOG;AACvC;AACAtB,cAAcyB,WAAW,GAAG"}

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

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./FormFieldShim"), exports);
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/FormField/index.js"],"sourcesContent":["export * from './FormFieldShim';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,iCAAiC"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './FormFieldShim';\n"],"names":[],"mappings":";;;;;oBAAc"}

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

@@ -19,6 +19,4 @@ const rows = (template)=>({
 const grid = {
     columns,
     rows
-}; //# sourceMappingURL=Grid.mixins.js.map
-
-//# sourceMappingURL=Grid.mixins.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Grid/Grid.mixins.js"],"sourcesContent":["const getCSSTemplateValue = template => {\n  const templateAsNumber = Number(template);\n  return !isNaN(templateAsNumber) && templateAsNumber > 0 ? `repeat(${template}, 1fr)` : String(template);\n};\nconst columns = template => ({\n  gridTemplateColumns: getCSSTemplateValue(template)\n});\nconst rows = template => ({\n  gridTemplateRows: getCSSTemplateValue(template)\n});\nexport const grid = {\n  columns,\n  rows\n};\n//# sourceMappingURL=Grid.mixins.js.map"],"names":["grid","getCSSTemplateValue","template","templateAsNumber","Number","isNaN","String","columns","gridTemplateColumns","rows","gridTemplateRows"],"mappings":";;;;+BAUaA;;aAAAA;;AAVb,MAAMC,sBAAsBC,CAAAA,WAAY;IACtC,MAAMC,mBAAmBC,OAAOF;IAChC,OAAO,CAACG,MAAMF,qBAAqBA,mBAAmB,IAAI,CAAC,OAAO,EAAED,SAAS,MAAM,CAAC,GAAGI,OAAOJ,SAAS;AACzG;AACA,MAAMK,UAAUL,CAAAA,WAAa,CAAA;QAC3BM,qBAAqBP,oBAAoBC;IAC3C,CAAA;AACA,MAAMO,OAAOP,CAAAA,WAAa,CAAA;QACxBQ,kBAAkBT,oBAAoBC;IACxC,CAAA;AACO,MAAMF,OAAO;IAClBO;IACAE;AACF,GACA,uCAAuC"}
+{"version":3,"sources":["Grid.mixins.js"],"sourcesContent":["const getCSSTemplateValue = (template)=>{\n    const templateAsNumber = Number(template);\n    return !isNaN(templateAsNumber) && templateAsNumber > 0 ? `repeat(${template}, 1fr)` : String(template);\n};\nconst columns = (template)=>({\n        gridTemplateColumns: getCSSTemplateValue(template)\n    });\nconst rows = (template)=>({\n        gridTemplateRows: getCSSTemplateValue(template)\n    });\nexport const grid = {\n    columns,\n    rows\n};\n"],"names":["grid","getCSSTemplateValue","template","templateAsNumber","Number","isNaN","String","columns","gridTemplateColumns","rows","gridTemplateRows"],"mappings":";;;;+BAUaA;;aAAAA;;AAVb,MAAMC,sBAAsB,CAACC,WAAW;IACpC,MAAMC,mBAAmBC,OAAOF;IAChC,OAAO,CAACG,MAAMF,qBAAqBA,mBAAmB,IAAI,CAAC,OAAO,EAAED,SAAS,MAAM,CAAC,GAAGI,OAAOJ,SAAS;AAC3G;AACA,MAAMK,UAAU,CAACL,WAAY,CAAA;QACrBM,qBAAqBP,oBAAoBC;IAC7C,CAAA;AACJ,MAAMO,OAAO,CAACP,WAAY,CAAA;QAClBQ,kBAAkBT,oBAAoBC;IAC1C,CAAA;AACG,MAAMF,OAAO;IAChBO;IACAE;AACJ"}