@fluentui/react-infobutton 9.0.0-beta.33 → 9.0.0-beta.35

package/lib/components/InfoButton/useInfoButtonStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["createFocusOutlineStyle","iconFilledClassName","iconRegularClassName","__styles","mergeClasses","shorthands","tokens","typographyStyles","infoButtonClassNames","root","popover","info","useButtonStyles","base","Bt984gj","B7ck84d","mc9l5x","Brf1p80","w71qe1","ha4doy","qhf8xq","De3pzq","sj55zd","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","D0sxk3","t6yez3","Jwef8y","Bi91k9c","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","selected","Bsw6fvg","Bbusuzp","highContrast","Bs6v0vm","B46dtvo","gh1jta","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","large","d","h","m","f","i","usePopoverSurfaceStyles","smallMedium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useInfoButtonStyles_unstable","state","size","open","buttonStyles","popoverSurfaceStyles","className"],"sources":["../../../src/components/InfoButton/useInfoButtonStyles.styles.ts"],"sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { InfoButtonSlots, InfoButtonState } from './InfoButton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const infoButtonClassNames: SlotClassNames<InfoButtonSlots> = {\n  root: 'fui-InfoButton',\n  // this className won't be used, but it's needed to satisfy the type checker\n  popover: 'fui-InfoButton__popover',\n  info: 'fui-InfoButton__info',\n};\n\n/**\n * Styles for the root slot\n */\nconst useButtonStyles = makeStyles({\n  base: {\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    textDecorationLine: 'none',\n    verticalAlign: 'middle',\n    position: 'relative',\n\n    backgroundColor: tokens.colorTransparentBackground,\n    color: tokens.colorNeutralForeground2,\n\n    ...shorthands.borderStyle('none'),\n    ...shorthands.borderRadius(tokens.borderRadiusMedium),\n    ...shorthands.margin(0),\n    ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalXS),\n\n    [`& .${iconFilledClassName}`]: {\n      display: 'none',\n    },\n    [`& .${iconRegularClassName}`]: {\n      display: 'inline-flex',\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackgroundHover,\n      color: tokens.colorNeutralForeground2BrandHover,\n\n      [`& .${iconFilledClassName}`]: {\n        display: 'inline-flex',\n      },\n      [`& .${iconRegularClassName}`]: {\n        display: 'none',\n      },\n    },\n    ':hover:active': {\n      backgroundColor: tokens.colorTransparentBackgroundPressed,\n      color: tokens.colorNeutralForeground2BrandPressed,\n    },\n  },\n\n  selected: {\n    backgroundColor: tokens.colorTransparentBackgroundSelected,\n    color: tokens.colorNeutralForeground2BrandSelected,\n\n    [`& .${iconFilledClassName}`]: {\n      display: 'inline-flex',\n    },\n    [`& .${iconRegularClassName}`]: {\n      display: 'none',\n    },\n\n    '@media (forced-colors: active)': {\n      backgroundColor: 'Highlight',\n      color: 'Canvas',\n    },\n  },\n\n  highContrast: {\n    '@media (forced-colors: active)': {\n      color: 'CanvasText',\n\n      ':hover,:hover:active': {\n        forcedColorAdjust: 'none',\n        backgroundColor: 'Highlight',\n        color: 'Canvas',\n      },\n    },\n  },\n\n  focusIndicator: createFocusOutlineStyle(),\n\n  large: {\n    ...shorthands.padding(tokens.spacingVerticalXXS, tokens.spacingVerticalXXS),\n  },\n});\n\nconst usePopoverSurfaceStyles = makeStyles({\n  smallMedium: typographyStyles.caption1,\n  large: typographyStyles.body1,\n});\n\n/**\n * Apply styling to the InfoButton slots based on the state\n */\nexport const useInfoButtonStyles_unstable = (state: InfoButtonState): InfoButtonState => {\n  const { size } = state;\n  const { open } = state.popover;\n  const buttonStyles = useButtonStyles();\n  const popoverSurfaceStyles = usePopoverSurfaceStyles();\n\n  state.info.className = mergeClasses(\n    infoButtonClassNames.info,\n    size === 'large' && popoverSurfaceStyles.large,\n    state.info.className,\n  );\n\n  state.root.className = mergeClasses(\n    infoButtonClassNames.root,\n    buttonStyles.base,\n    buttonStyles.highContrast,\n    buttonStyles.focusIndicator,\n    open && buttonStyles.selected,\n    size === 'large' && buttonStyles.large,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"names":["createFocusOutlineStyle","iconFilledClassName","iconRegularClassName","__styles","mergeClasses","shorthands","tokens","typographyStyles","infoButtonClassNames","root","popover","info","useButtonStyles","base","Bt984gj","B7ck84d","mc9l5x","Brf1p80","w71qe1","ha4doy","qhf8xq","De3pzq","sj55zd","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","D0sxk3","t6yez3","Jwef8y","Bi91k9c","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","selected","Bsw6fvg","Bbusuzp","highContrast","Bs6v0vm","B46dtvo","gh1jta","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","large","d","h","m","f","i","usePopoverSurfaceStyles","smallMedium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useInfoButtonStyles_unstable","state","size","open","buttonStyles","popoverSurfaceStyles","className"],"sources":["useInfoButtonStyles.styles.js"],"sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const infoButtonClassNames = {\n    root: 'fui-InfoButton',\n    // this className won't be used, but it's needed to satisfy the type checker\n    popover: 'fui-InfoButton__popover',\n    info: 'fui-InfoButton__info'\n};\n/**\n * Styles for the root slot\n */ const useButtonStyles = makeStyles({\n    base: {\n        alignItems: 'center',\n        boxSizing: 'border-box',\n        display: 'inline-flex',\n        justifyContent: 'center',\n        textDecorationLine: 'none',\n        verticalAlign: 'middle',\n        position: 'relative',\n        backgroundColor: tokens.colorTransparentBackground,\n        color: tokens.colorNeutralForeground2,\n        ...shorthands.borderStyle('none'),\n        ...shorthands.borderRadius(tokens.borderRadiusMedium),\n        ...shorthands.margin(0),\n        ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalXS),\n        [`& .${iconFilledClassName}`]: {\n            display: 'none'\n        },\n        [`& .${iconRegularClassName}`]: {\n            display: 'inline-flex'\n        },\n        ':hover': {\n            backgroundColor: tokens.colorTransparentBackgroundHover,\n            color: tokens.colorNeutralForeground2BrandHover,\n            [`& .${iconFilledClassName}`]: {\n                display: 'inline-flex'\n            },\n            [`& .${iconRegularClassName}`]: {\n                display: 'none'\n            }\n        },\n        ':hover:active': {\n            backgroundColor: tokens.colorTransparentBackgroundPressed,\n            color: tokens.colorNeutralForeground2BrandPressed\n        }\n    },\n    selected: {\n        backgroundColor: tokens.colorTransparentBackgroundSelected,\n        color: tokens.colorNeutralForeground2BrandSelected,\n        [`& .${iconFilledClassName}`]: {\n            display: 'inline-flex'\n        },\n        [`& .${iconRegularClassName}`]: {\n            display: 'none'\n        },\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Highlight',\n            color: 'Canvas'\n        }\n    },\n    highContrast: {\n        '@media (forced-colors: active)': {\n            color: 'CanvasText',\n            ':hover,:hover:active': {\n                forcedColorAdjust: 'none',\n                backgroundColor: 'Highlight',\n                color: 'Canvas'\n            }\n        }\n    },\n    focusIndicator: createFocusOutlineStyle(),\n    large: {\n        ...shorthands.padding(tokens.spacingVerticalXXS, tokens.spacingVerticalXXS)\n    }\n});\nconst usePopoverSurfaceStyles = makeStyles({\n    smallMedium: typographyStyles.caption1,\n    large: typographyStyles.body1\n});\n/**\n * Apply styling to the InfoButton slots based on the state\n */ export const useInfoButtonStyles_unstable = (state)=>{\n    const { size  } = state;\n    const { open  } = state.popover;\n    const buttonStyles = useButtonStyles();\n    const popoverSurfaceStyles = usePopoverSurfaceStyles();\n    state.info.className = mergeClasses(infoButtonClassNames.info, size === 'large' && popoverSurfaceStyles.large, state.info.className);\n    state.root.className = mergeClasses(infoButtonClassNames.root, buttonStyles.base, buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, size === 'large' && buttonStyles.large, state.root.className);\n    return state;\n};\n"],"mappings":"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"}

package/lib/components/InfoIcon/InfoIcon.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { useInfoIcon_unstable } from './useInfoIcon';
+import { renderInfoIcon_unstable } from './renderInfoIcon';
+import { useInfoIconStyles_unstable } from './useInfoIconStyles.styles';
+/**
+ * InfoIcon component - TODO: add more docs
+ */ export const InfoIcon = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useInfoIcon_unstable(props, ref);
+    useInfoIconStyles_unstable(state);
+    return renderInfoIcon_unstable(state);
+});
+InfoIcon.displayName = 'InfoIcon';

package/lib/components/InfoIcon/InfoIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["InfoIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useInfoIcon_unstable } from './useInfoIcon';\nimport { renderInfoIcon_unstable } from './renderInfoIcon';\nimport { useInfoIconStyles_unstable } from './useInfoIconStyles.styles';\nimport type { InfoIconProps } from './InfoIcon.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * InfoIcon component - TODO: add more docs\n */\nexport const InfoIcon: ForwardRefComponent<InfoIconProps> = React.forwardRef((props, ref) => {\n  const state = useInfoIcon_unstable(props, ref);\n\n  useInfoIconStyles_unstable(state);\n  return renderInfoIcon_unstable(state);\n});\n\nInfoIcon.displayName = 'InfoIcon';\n"],"names":["React","useInfoIcon_unstable","renderInfoIcon_unstable","useInfoIconStyles_unstable","InfoIcon","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,6BAA6B;AAIxE;;CAEC,GACD,OAAO,MAAMC,yBAA+CJ,MAAMK,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC3F,MAAMC,QAAQP,qBAAqBK,OAAOC;IAE1CJ,2BAA2BK;IAC3B,OAAON,wBAAwBM;AACjC,GAAG;AAEHJ,SAASK,WAAW,GAAG"}

package/lib/components/InfoIcon/InfoIcon.types.js

@@ -0,0 +1,2 @@
+export { }; // TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconProps.
+ // & Required<Pick<InfoIconProps, 'propName'>>

package/lib/components/InfoIcon/InfoIcon.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["InfoIcon.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type InfoIconSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * InfoIcon Props\n */\nexport type InfoIconProps = ComponentProps<InfoIconSlots> & {};\n\n/**\n * State used in rendering InfoIcon\n */\nexport type InfoIconState = ComponentState<InfoIconSlots>;\n// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconProps.\n// & Required<Pick<InfoIconProps, 'propName'>>\n"],"names":[],"mappings":"AAAA,WAc0D,CAC1D,yHAAyH;CACzH,8CAA8C"}

package/lib/components/InfoIcon/index.js

@@ -0,0 +1,5 @@
+export * from './InfoIcon';
+export * from './InfoIcon.types';
+export * from './renderInfoIcon';
+export * from './useInfoIcon';
+export * from './useInfoIconStyles.styles';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './InfoIcon';\nexport * from './InfoIcon.types';\nexport * from './renderInfoIcon';\nexport * from './useInfoIcon';\nexport * from './useInfoIconStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,6BAA6B"}

package/lib/components/InfoIcon/renderInfoIcon.js

@@ -0,0 +1,9 @@
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
+import { getSlotsNext } from '@fluentui/react-utilities';
+/**
+ * Render the final JSX of InfoIcon
+ */ export const renderInfoIcon_unstable = (state)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    // TODO Add additional slots in the appropriate place
+    return /*#__PURE__*/ createElement(slots.root, slotProps.root);
+};

package/lib/components/InfoIcon/renderInfoIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderInfoIcon.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { InfoIconState, InfoIconSlots } from './InfoIcon.types';\n\n/**\n * Render the final JSX of InfoIcon\n */\nexport const renderInfoIcon_unstable = (state: InfoIconState) => {\n  const { slots, slotProps } = getSlotsNext<InfoIconSlots>(state);\n\n  // TODO Add additional slots in the appropriate place\n  return <slots.root {...slotProps.root} />;\n};\n"],"names":["createElement","getSlotsNext","renderInfoIcon_unstable","state","slots","slotProps","root"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC,QAAyB;IAC/D,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAA4BE;IAEzD,qDAAqD;IACrD,qBAAO,AAbT,cAaUC,MAAME,IAAI,EAAKD,UAAUC,IAAI;AACvC,EAAE"}

package/lib/components/InfoIcon/useInfoIcon.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { getNativeElementProps } from '@fluentui/react-utilities';
+/**
+ * Create the state required to render InfoIcon.
+ *
+ * The returned state can be modified with hooks such as useInfoIconStyles_unstable,
+ * before being passed to renderInfoIcon_unstable.
+ *
+ * @param props - props from this instance of InfoIcon
+ * @param ref - reference to root HTMLElement of InfoIcon
+ */ export const useInfoIcon_unstable = (props, ref)=>{
+    return {
+        // TODO add appropriate props/defaults
+        components: {
+            // TODO add each slot's element type or component
+            root: 'div'
+        },
+        // TODO add appropriate slots, for example:
+        // mySlot: resolveShorthand(props.mySlot),
+        root: getNativeElementProps('div', {
+            ref,
+            ...props
+        })
+    };
+};

package/lib/components/InfoIcon/useInfoIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useInfoIcon.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { InfoIconProps, InfoIconState } from './InfoIcon.types';\n\n/**\n * Create the state required to render InfoIcon.\n *\n * The returned state can be modified with hooks such as useInfoIconStyles_unstable,\n * before being passed to renderInfoIcon_unstable.\n *\n * @param props - props from this instance of InfoIcon\n * @param ref - reference to root HTMLElement of InfoIcon\n */\nexport const useInfoIcon_unstable = (props: InfoIconProps, ref: React.Ref<HTMLElement>): InfoIconState => {\n  return {\n    // TODO add appropriate props/defaults\n    components: {\n      // TODO add each slot's element type or component\n      root: 'div',\n    },\n    // TODO add appropriate slots, for example:\n    // mySlot: resolveShorthand(props.mySlot),\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n  };\n};\n"],"names":["React","getNativeElementProps","useInfoIcon_unstable","props","ref","components","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAGlE;;;;;;;;CAQC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC,MAA+C;IACxG,OAAO;QACL,sCAAsC;QACtCC,YAAY;YACV,iDAAiD;YACjDC,MAAM;QACR;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAML,sBAAsB,OAAO;YACjCG;YACA,GAAGD,KAAK;QACV;IACF;AACF,EAAE"}

package/lib/components/InfoIcon/useInfoIconStyles.styles.js

@@ -0,0 +1,21 @@
+import { __styles, mergeClasses } from '@griffel/react';
+export const infoIconClassNames = {
+  root: 'fui-InfoIcon'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = /*#__PURE__*/__styles({
+  root: {}
+}, {});
+/**
+ * Apply styling to the InfoIcon slots based on the state
+ */
+export const useInfoIconStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = mergeClasses(infoIconClassNames.root, styles.root, state.root.className);
+  // TODO Add class names to slots, for example:
+  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
+  return state;
+};
+//# sourceMappingURL=useInfoIconStyles.styles.js.map

package/lib/components/InfoIcon/useInfoIconStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","infoIconClassNames","root","useStyles","useInfoIconStyles_unstable","state","styles","className"],"sources":["useInfoIconStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const infoIconClassNames = {\n    root: 'fui-InfoIcon'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n    }\n});\n/**\n * Apply styling to the InfoIcon slots based on the state\n */ export const useInfoIconStyles_unstable = (state)=>{\n    const styles = useStyles();\n    state.root.className = mergeClasses(infoIconClassNames.root, styles.root, state.root.className);\n    // TODO Add class names to slots, for example:\n    // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAGrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAME,0BAA0B,GAAIC,KAAK,IAAG;EACnD,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,kBAAkB,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC/F;EACA;EACA,OAAOF,KAAK;AAChB,CAAC"}

package/lib/components/InfoIconLabel/InfoIconLabel.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { useInfoIconLabel_unstable } from './useInfoIconLabel';
+import { renderInfoIconLabel_unstable } from './renderInfoIconLabel';
+import { useInfoIconLabelStyles_unstable } from './useInfoIconLabelStyles.styles';
+/**
+ * InfoIconLabel component - TODO: add more docs
+ */ export const InfoIconLabel = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useInfoIconLabel_unstable(props, ref);
+    useInfoIconLabelStyles_unstable(state);
+    return renderInfoIconLabel_unstable(state);
+});
+InfoIconLabel.displayName = 'InfoIconLabel';

package/lib/components/InfoIconLabel/InfoIconLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["InfoIconLabel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useInfoIconLabel_unstable } from './useInfoIconLabel';\nimport { renderInfoIconLabel_unstable } from './renderInfoIconLabel';\nimport { useInfoIconLabelStyles_unstable } from './useInfoIconLabelStyles.styles';\nimport type { InfoIconLabelProps } from './InfoIconLabel.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * InfoIconLabel component - TODO: add more docs\n */\nexport const InfoIconLabel: ForwardRefComponent<InfoIconLabelProps> = React.forwardRef((props, ref) => {\n  const state = useInfoIconLabel_unstable(props, ref);\n\n  useInfoIconLabelStyles_unstable(state);\n  return renderInfoIconLabel_unstable(state);\n});\n\nInfoIconLabel.displayName = 'InfoIconLabel';\n"],"names":["React","useInfoIconLabel_unstable","renderInfoIconLabel_unstable","useInfoIconLabelStyles_unstable","InfoIconLabel","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAIlF;;CAEC,GACD,OAAO,MAAMC,8BAAyDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACrG,MAAMC,QAAQP,0BAA0BK,OAAOC;IAE/CJ,gCAAgCK;IAChC,OAAON,6BAA6BM;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

package/lib/components/InfoIconLabel/InfoIconLabel.types.js

@@ -0,0 +1,2 @@
+export { }; // TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconLabelProps.
+ // & Required<Pick<InfoIconLabelProps, 'propName'>>

package/lib/components/InfoIconLabel/InfoIconLabel.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["InfoIconLabel.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type InfoIconLabelSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * InfoIconLabel Props\n */\nexport type InfoIconLabelProps = ComponentProps<InfoIconLabelSlots> & {};\n\n/**\n * State used in rendering InfoIconLabel\n */\nexport type InfoIconLabelState = ComponentState<InfoIconLabelSlots>;\n// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconLabelProps.\n// & Required<Pick<InfoIconLabelProps, 'propName'>>\n"],"names":[],"mappings":"AAAA,WAcoE,CACpE,8HAA8H;CAC9H,mDAAmD"}

package/lib/components/InfoIconLabel/index.js

@@ -0,0 +1,5 @@
+export * from './InfoIconLabel';
+export * from './InfoIconLabel.types';
+export * from './renderInfoIconLabel';
+export * from './useInfoIconLabel';
+export * from './useInfoIconLabelStyles.styles';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './InfoIconLabel';\nexport * from './InfoIconLabel.types';\nexport * from './renderInfoIconLabel';\nexport * from './useInfoIconLabel';\nexport * from './useInfoIconLabelStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,kCAAkC"}

package/lib/components/InfoIconLabel/renderInfoIconLabel.js

@@ -0,0 +1,9 @@
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
+import { getSlotsNext } from '@fluentui/react-utilities';
+/**
+ * Render the final JSX of InfoIconLabel
+ */ export const renderInfoIconLabel_unstable = (state)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    // TODO Add additional slots in the appropriate place
+    return /*#__PURE__*/ createElement(slots.root, slotProps.root);
+};

package/lib/components/InfoIconLabel/renderInfoIconLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderInfoIconLabel.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { InfoIconLabelState, InfoIconLabelSlots } from './InfoIconLabel.types';\n\n/**\n * Render the final JSX of InfoIconLabel\n */\nexport const renderInfoIconLabel_unstable = (state: InfoIconLabelState) => {\n  const { slots, slotProps } = getSlotsNext<InfoIconLabelSlots>(state);\n\n  // TODO Add additional slots in the appropriate place\n  return <slots.root {...slotProps.root} />;\n};\n"],"names":["createElement","getSlotsNext","renderInfoIconLabel_unstable","state","slots","slotProps","root"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC,QAA8B;IACzE,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAAiCE;IAE9D,qDAAqD;IACrD,qBAAO,AAbT,cAaUC,MAAME,IAAI,EAAKD,UAAUC,IAAI;AACvC,EAAE"}

package/lib/components/InfoIconLabel/useInfoIconLabel.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { getNativeElementProps } from '@fluentui/react-utilities';
+/**
+ * Create the state required to render InfoIconLabel.
+ *
+ * The returned state can be modified with hooks such as useInfoIconLabelStyles_unstable,
+ * before being passed to renderInfoIconLabel_unstable.
+ *
+ * @param props - props from this instance of InfoIconLabel
+ * @param ref - reference to root HTMLElement of InfoIconLabel
+ */ export const useInfoIconLabel_unstable = (props, ref)=>{
+    return {
+        // TODO add appropriate props/defaults
+        components: {
+            // TODO add each slot's element type or component
+            root: 'div'
+        },
+        // TODO add appropriate slots, for example:
+        // mySlot: resolveShorthand(props.mySlot),
+        root: getNativeElementProps('div', {
+            ref,
+            ...props
+        })
+    };
+};

package/lib/components/InfoIconLabel/useInfoIconLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useInfoIconLabel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { InfoIconLabelProps, InfoIconLabelState } from './InfoIconLabel.types';\n\n/**\n * Create the state required to render InfoIconLabel.\n *\n * The returned state can be modified with hooks such as useInfoIconLabelStyles_unstable,\n * before being passed to renderInfoIconLabel_unstable.\n *\n * @param props - props from this instance of InfoIconLabel\n * @param ref - reference to root HTMLElement of InfoIconLabel\n */\nexport const useInfoIconLabel_unstable = (\n  props: InfoIconLabelProps,\n  ref: React.Ref<HTMLElement>,\n): InfoIconLabelState => {\n  return {\n    // TODO add appropriate props/defaults\n    components: {\n      // TODO add each slot's element type or component\n      root: 'div',\n    },\n    // TODO add appropriate slots, for example:\n    // mySlot: resolveShorthand(props.mySlot),\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n  };\n};\n"],"names":["React","getNativeElementProps","useInfoIconLabel_unstable","props","ref","components","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAGlE;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC,MACuB;IACvB,OAAO;QACL,sCAAsC;QACtCC,YAAY;YACV,iDAAiD;YACjDC,MAAM;QACR;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAML,sBAAsB,OAAO;YACjCG;YACA,GAAGD,KAAK;QACV;IACF;AACF,EAAE"}

package/lib/components/InfoIconLabel/useInfoIconLabelStyles.styles.js

@@ -0,0 +1,21 @@
+import { __styles, mergeClasses } from '@griffel/react';
+export const infoIconLabelClassNames = {
+  root: 'fui-InfoIconLabel'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = /*#__PURE__*/__styles({
+  root: {}
+}, {});
+/**
+ * Apply styling to the InfoIconLabel slots based on the state
+ */
+export const useInfoIconLabelStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = mergeClasses(infoIconLabelClassNames.root, styles.root, state.root.className);
+  // TODO Add class names to slots, for example:
+  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
+  return state;
+};
+//# sourceMappingURL=useInfoIconLabelStyles.styles.js.map

package/lib/components/InfoIconLabel/useInfoIconLabelStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","infoIconLabelClassNames","root","useStyles","useInfoIconLabelStyles_unstable","state","styles","className"],"sources":["useInfoIconLabelStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const infoIconLabelClassNames = {\n    root: 'fui-InfoIconLabel'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n    }\n});\n/**\n * Apply styling to the InfoIconLabel slots based on the state\n */ export const useInfoIconLabelStyles_unstable = (state)=>{\n    const styles = useStyles();\n    state.root.className = mergeClasses(infoIconLabelClassNames.root, styles.root, state.root.className);\n    // TODO Add class names to slots, for example:\n    // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAGrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAME,+BAA+B,GAAIC,KAAK,IAAG;EACxD,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,uBAAuB,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EACpG;EACA;EACA,OAAOF,KAAK;AAChB,CAAC"}

package/lib/components/InfoLabel/InfoLabel.js

@@ -4,11 +4,9 @@ import { useInfoLabel_unstable } from './useInfoLabel';
 import { useInfoLabelStyles_unstable } from './useInfoLabelStyles.styles';
 /**
  * InfoLabel component
- */
-export const InfoLabel = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useInfoLabel_unstable(props, ref);
-  useInfoLabelStyles_unstable(state);
-  return renderInfoLabel_unstable(state);
+ */ export const InfoLabel = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useInfoLabel_unstable(props, ref);
+    useInfoLabelStyles_unstable(state);
+    return renderInfoLabel_unstable(state);
 });
 InfoLabel.displayName = 'InfoLabel';
-//# sourceMappingURL=InfoLabel.js.map

package/lib/components/InfoLabel/InfoLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","renderInfoLabel_unstable","useInfoLabel_unstable","useInfoLabelStyles_unstable","InfoLabel","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/InfoLabel/InfoLabel.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { InfoLabelProps } from './InfoLabel.types';\nimport { renderInfoLabel_unstable } from './renderInfoLabel';\nimport { useInfoLabel_unstable } from './useInfoLabel';\nimport { useInfoLabelStyles_unstable } from './useInfoLabelStyles.styles';\n\n/**\n * InfoLabel component\n */\nexport const InfoLabel: ForwardRefComponent<InfoLabelProps> = React.forwardRef((props, ref) => {\n  const state = useInfoLabel_unstable(props, ref);\n\n  useInfoLabelStyles_unstable(state);\n  return renderInfoLabel_unstable(state);\n});\n\nInfoLabel.displayName = 'InfoLabel';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAIvB,SAASC,wBAAwB,QAAQ;AACzC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,SAAA,gBAAiDJ,KAAA,CAAMK,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC7F,MAAMC,KAAA,GAAQN,qBAAA,CAAsBI,KAAA,EAAOC,GAAA;EAE3CJ,2BAAA,CAA4BK,KAAA;EAC5B,OAAOP,wBAAA,CAAyBO,KAAA;AAClC;AAEAJ,SAAA,CAAUK,WAAW,GAAG"}
+{"version":3,"sources":["InfoLabel.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { InfoLabelProps } from './InfoLabel.types';\nimport { renderInfoLabel_unstable } from './renderInfoLabel';\nimport { useInfoLabel_unstable } from './useInfoLabel';\nimport { useInfoLabelStyles_unstable } from './useInfoLabelStyles.styles';\n\n/**\n * InfoLabel component\n */\nexport const InfoLabel: ForwardRefComponent<InfoLabelProps> = React.forwardRef((props, ref) => {\n  const state = useInfoLabel_unstable(props, ref);\n\n  useInfoLabelStyles_unstable(state);\n  return renderInfoLabel_unstable(state);\n});\n\nInfoLabel.displayName = 'InfoLabel';\n"],"names":["React","renderInfoLabel_unstable","useInfoLabel_unstable","useInfoLabelStyles_unstable","InfoLabel","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,2BAA2B,QAAQ,8BAA8B;AAE1E;;CAEC,GACD,OAAO,MAAMC,0BAAiDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC7F,MAAMC,QAAQN,sBAAsBI,OAAOC;IAE3CJ,4BAA4BK;IAC5B,OAAOP,yBAAyBO;AAClC,GAAG;AAEHJ,UAAUK,WAAW,GAAG"}

package/lib/components/InfoLabel/InfoLabel.types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=InfoLabel.types.js.map
+export { };

package/lib/components/InfoLabel/InfoLabel.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/InfoLabel/InfoLabel.types.ts"],"sourcesContent":["import { Label } from '@fluentui/react-label';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton';\nimport type { InfoButtonProps } from '../InfoButton';\n\nexport type InfoLabelSlots = {\n  root: NonNullable<Slot<'span'>>;\n\n  /**\n   * The Label component.\n   *\n   * It is not typically necessary to use this prop. The label text is the child of the `<InfoLabel>`, and other props\n   * such as `size` and `required` should be set directly on the `InfoLabel`.\n   *\n   * This is the PRIMARY slot: all native properties specified directly on `<InfoLabel>` will be applied to this slot,\n   * except `className` and `style`, which remain on the root slot.\n   */\n  label: NonNullable<Slot<typeof Label>>;\n\n  /**\n   * The InfoButton component.\n   *\n   * It is not typically necessary to use this prop. The content can be set using the `info` prop of the InfoLabel.\n   */\n  infoButton: Slot<typeof InfoButton>;\n};\n\n/**\n * InfoLabel Props\n */\nexport type InfoLabelProps = ComponentProps<Partial<InfoLabelSlots>, 'label'> & {\n  /**\n   * The content of the InfoButton's popover.\n   */\n  info?: InfoButtonProps['info'];\n};\n\n/**\n * State used in rendering InfoLabel\n */\nexport type InfoLabelState = ComponentState<InfoLabelSlots> & Pick<InfoLabelProps, 'size'>;\n"],"mappings":"AAAA"}
+{"version":3,"sources":["InfoLabel.types.ts"],"sourcesContent":["import { Label } from '@fluentui/react-label';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton';\nimport type { InfoButtonProps } from '../InfoButton';\n\nexport type InfoLabelSlots = {\n  root: NonNullable<Slot<'span'>>;\n\n  /**\n   * The Label component.\n   *\n   * It is not typically necessary to use this prop. The label text is the child of the `<InfoLabel>`, and other props\n   * such as `size` and `required` should be set directly on the `InfoLabel`.\n   *\n   * This is the PRIMARY slot: all native properties specified directly on `<InfoLabel>` will be applied to this slot,\n   * except `className` and `style`, which remain on the root slot.\n   */\n  label: NonNullable<Slot<typeof Label>>;\n\n  /**\n   * The InfoButton component.\n   *\n   * It is not typically necessary to use this prop. The content can be set using the `info` prop of the InfoLabel.\n   */\n  infoButton: Slot<typeof InfoButton>;\n};\n\n/**\n * InfoLabel Props\n */\nexport type InfoLabelProps = ComponentProps<Partial<InfoLabelSlots>, 'label'> & {\n  /**\n   * The content of the InfoButton's popover.\n   */\n  info?: InfoButtonProps['info'];\n};\n\n/**\n * State used in rendering InfoLabel\n */\nexport type InfoLabelState = ComponentState<InfoLabelSlots> & Pick<InfoLabelProps, 'size'>;\n"],"names":[],"mappings":"AAAA,WAwC2F"}

package/lib/components/InfoLabel/index.js

@@ -3,4 +3,3 @@ export * from './InfoLabel.types';
 export * from './renderInfoLabel';
 export * from './useInfoLabel';
 export * from './useInfoLabelStyles.styles';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/InfoLabel/index.ts"],"sourcesContent":["export * from './InfoLabel';\nexport * from './InfoLabel.types';\nexport * from './renderInfoLabel';\nexport * from './useInfoLabel';\nexport * from './useInfoLabelStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './InfoLabel';\nexport * from './InfoLabel.types';\nexport * from './renderInfoLabel';\nexport * from './useInfoLabel';\nexport * from './useInfoLabelStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,iBAAiB;AAC/B,cAAc,8BAA8B"}

package/lib/components/InfoLabel/renderInfoLabel.js

@@ -1,13 +1,8 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of InfoLabel
- */
-export const renderInfoLabel_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(slots.root, slotProps.root, /*#__PURE__*/createElement(slots.label, slotProps.label), slots.infoButton && /*#__PURE__*/createElement(slots.infoButton, slotProps.infoButton));
+ */ export const renderInfoLabel_unstable = (state)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(slots.label, slotProps.label), slots.infoButton && /*#__PURE__*/ createElement(slots.infoButton, slotProps.infoButton));
 };
-//# sourceMappingURL=renderInfoLabel.js.map

package/lib/components/InfoLabel/renderInfoLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["createElement","getSlotsNext","renderInfoLabel_unstable","state","slots","slotProps","root","label","infoButton"],"sources":["../../../src/components/InfoLabel/renderInfoLabel.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { InfoLabelSlots, InfoLabelState } from './InfoLabel.types';\n\n/**\n * Render the final JSX of InfoLabel\n */\nexport const renderInfoLabel_unstable = (state: InfoLabelState) => {\n  const { slots, slotProps } = getSlotsNext<InfoLabelSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.label {...slotProps.label} />\n      {slots.infoButton && <slots.infoButton {...slotProps.infoButton} />}\n    </slots.root>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B;;;AAGA,OAAO,MAAMC,wBAAA,GAA4BC,KAAA,IAA0B;EACjE,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAA6BE,KAAA;EAE1D,oBACEH,aAdJ,CAcKI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI,eAC5BN,aAfN,CAeOI,KAAA,CAAMG,KAAK,EAAKF,SAAA,CAAUE,KAAK,GAC/BH,KAAA,CAAMI,UAAU,iBAAIR,aAhB3B,CAgB4BI,KAAA,CAAMI,UAAU,EAAKH,SAAA,CAAUG,UAAU;AAGrE"}
+{"version":3,"sources":["renderInfoLabel.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { InfoLabelSlots, InfoLabelState } from './InfoLabel.types';\n\n/**\n * Render the final JSX of InfoLabel\n */\nexport const renderInfoLabel_unstable = (state: InfoLabelState) => {\n  const { slots, slotProps } = getSlotsNext<InfoLabelSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.label {...slotProps.label} />\n      {slots.infoButton && <slots.infoButton {...slotProps.infoButton} />}\n    </slots.root>\n  );\n};\n"],"names":["createElement","getSlotsNext","renderInfoLabel_unstable","state","slots","slotProps","root","label","infoButton"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC,QAA0B;IACjE,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAA6BE;IAE1D,qBACE,AAdJ,cAcKC,MAAME,IAAI,EAAKD,UAAUC,IAAI,gBAC5B,AAfN,cAeOF,MAAMG,KAAK,EAAKF,UAAUE,KAAK,GAC/BH,MAAMI,UAAU,kBAAI,AAhB3B,cAgB4BJ,MAAMI,UAAU,EAAKH,UAAUG,UAAU;AAGrE,EAAE"}

package/lib/components/InfoLabel/useInfoLabel.js

@@ -11,65 +11,54 @@ import { InfoButton } from '../InfoButton/InfoButton';
  *
  * @param props - props from this instance of InfoLabel
  * @param ref - reference to label element of InfoLabel
- */
-export const useInfoLabel_unstable = (props, ref) => {
-  const {
-    root: rootShorthand,
-    label: labelShorthand,
-    infoButton: infoButtonShorthand,
-    info,
-    size,
-    className,
-    style,
-    ...labelProps
-  } = props;
-  const baseId = useId('infolabel-');
-  const root = resolveShorthand(rootShorthand, {
-    required: true,
-    defaultProps: {
-      className,
-      style
-    }
-  });
-  const label = resolveShorthand(labelShorthand, {
-    required: true,
-    defaultProps: {
-      id: baseId + '__label',
-      ref,
-      size,
-      ...labelProps
-    }
-  });
-  const infoButton = resolveShorthand(infoButtonShorthand, {
-    required: !!info,
-    defaultProps: {
-      id: baseId + '__infoButton',
-      size,
-      info
-    }
-  });
-  if (infoButton) {
-    var _infoButton_info;
-    infoButton.info = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {
-      defaultProps: {
-        id: baseId + '__info'
-      }
+ */ export const useInfoLabel_unstable = (props, ref)=>{
+    const { root: rootShorthand , label: labelShorthand , infoButton: infoButtonShorthand , info , size , className , style , ...labelProps } = props;
+    const baseId = useId('infolabel-');
+    const root = resolveShorthand(rootShorthand, {
+        required: true,
+        defaultProps: {
+            className,
+            style
+        }
     });
-    var _;
-    (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;
-    var _1;
-    (_1 = (_root = root)[_ariaowns = 'aria-owns']) !== null && _1 !== void 0 ? _1 : _root[_ariaowns] = (_infoButton_info = infoButton.info) === null || _infoButton_info === void 0 ? void 0 : _infoButton_info.id;
-  }
-  return {
-    size,
-    components: {
-      root: 'span',
-      label: Label,
-      infoButton: InfoButton
-    },
-    root,
-    label,
-    infoButton
-  };
+    const label = resolveShorthand(labelShorthand, {
+        required: true,
+        defaultProps: {
+            id: baseId + '__label',
+            ref,
+            size,
+            ...labelProps
+        }
+    });
+    const infoButton = resolveShorthand(infoButtonShorthand, {
+        required: !!info,
+        defaultProps: {
+            id: baseId + '__infoButton',
+            size,
+            info
+        }
+    });
+    if (infoButton) {
+        var _infoButton_info;
+        infoButton.info = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {
+            defaultProps: {
+                id: baseId + '__info'
+            }
+        });
+        var _;
+        (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;
+        var _1;
+        (_1 = (_root = root)[_ariaowns = 'aria-owns']) !== null && _1 !== void 0 ? _1 : _root[_ariaowns] = (_infoButton_info = infoButton.info) === null || _infoButton_info === void 0 ? void 0 : _infoButton_info.id;
+    }
+    return {
+        size,
+        components: {
+            root: 'span',
+            label: Label,
+            infoButton: InfoButton
+        },
+        root,
+        label,
+        infoButton
+    };
 };
-//# sourceMappingURL=useInfoLabel.js.map

package/lib/components/InfoLabel/useInfoLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_infoButton","_arialabelledby","_root","_ariaowns","React","Label","resolveShorthand","useId","InfoButton","useInfoLabel_unstable","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","info","size","className","style","labelProps","baseId","required","defaultProps","id","_infoButton_info","_","_1","components"],"sources":["../../../src/components/InfoLabel/useInfoLabel.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\nimport type { InfoLabelProps, InfoLabelState } from './InfoLabel.types';\n\n/**\n * Create the state required to render InfoLabel.\n *\n * The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n *\n * @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */\nexport const useInfoLabel_unstable = (props: InfoLabelProps, ref: React.Ref<HTMLLabelElement>): InfoLabelState => {\n  const {\n    root: rootShorthand,\n    label: labelShorthand,\n    infoButton: infoButtonShorthand,\n    info,\n    size,\n    className,\n    style,\n    ...labelProps\n  } = props;\n  const baseId = useId('infolabel-');\n\n  const root = resolveShorthand(rootShorthand, {\n    required: true,\n    defaultProps: {\n      className,\n      style,\n    },\n  });\n\n  const label = resolveShorthand(labelShorthand, {\n    required: true,\n    defaultProps: {\n      id: baseId + '__label',\n      ref,\n      size,\n      ...labelProps,\n    },\n  });\n\n  const infoButton = resolveShorthand(infoButtonShorthand, {\n    required: !!info,\n    defaultProps: {\n      id: baseId + '__infoButton',\n      size,\n      info,\n    },\n  });\n\n  if (infoButton) {\n    infoButton.info = resolveShorthand(infoButton?.info, {\n      defaultProps: {\n        id: baseId + '__info',\n      },\n    });\n\n    infoButton['aria-labelledby'] ??= `${label.id} ${infoButton.id}`;\n    root['aria-owns'] ??= infoButton.info?.id;\n  }\n\n  return {\n    size,\n    components: {\n      root: 'span',\n      label: Label,\n      infoButton: InfoButton,\n    },\n    root,\n    label,\n    infoButton,\n  };\n};\n"],"mappings":"IA+DIA,WAAA,EAAWC,eAAA,EACXC,KAAA,EAAKC,SAAA;AAhET,YAAYC,KAAA,MAAW;AAEvB,SAASC,KAAK,QAAQ;AACtB,SAASC,gBAAgB,EAAEC,KAAK,QAAQ;AACxC,SAASC,UAAU,QAAQ;AAG3B;;;;;;;;;AASA,OAAO,MAAMC,qBAAA,GAAwBA,CAACC,KAAA,EAAuBC,GAAA,KAAqD;EAChH,MAAM;IACJC,IAAA,EAAMC,aAAA;IACNC,KAAA,EAAOC,cAAA;IACPC,UAAA,EAAYC,mBAAA;IACZC,IAAA;IACAC,IAAA;IACAC,SAAA;IACAC,KAAA;IACA,GAAGC;EAAA,CACJ,GAAGZ,KAAA;EACJ,MAAMa,MAAA,GAAShB,KAAA,CAAM;EAErB,MAAMK,IAAA,GAAON,gBAAA,CAAiBO,aAAA,EAAe;IAC3CW,QAAA,EAAU,IAAI;IACdC,YAAA,EAAc;MACZL,SAAA;MACAC;IACF;EACF;EAEA,MAAMP,KAAA,GAAQR,gBAAA,CAAiBS,cAAA,EAAgB;IAC7CS,QAAA,EAAU,IAAI;IACdC,YAAA,EAAc;MACZC,EAAA,EAAIH,MAAA,GAAS;MACbZ,GAAA;MACAQ,IAAA;MACA,GAAGG;IACL;EACF;EAEA,MAAMN,UAAA,GAAaV,gBAAA,CAAiBW,mBAAA,EAAqB;IACvDO,QAAA,EAAU,CAAC,CAACN,IAAA;IACZO,YAAA,EAAc;MACZC,EAAA,EAAIH,MAAA,GAAS;MACbJ,IAAA;MACAD;IACF;EACF;EAEA,IAAIF,UAAA,EAAY;QAQQW,gBAAA;IAPtBX,UAAA,CAAWE,IAAI,GAAGZ,gBAAA,CAAiBU,UAAA,aAAAA,UAAA,uBAAAA,UAAA,CAAYE,IAAI,EAAE;MACnDO,YAAA,EAAc;QACZC,EAAA,EAAIH,MAAA,GAAS;MACf;IACF;;IAEA,CAAAK,CAAA,IAAA5B,WAAA,GAAAgB,UAAA,EAAWf,eAAA,qBAAkB,cAAA2B,CAAA,cAAAA,CAAA,GAA7B5B,WAAU,CAACC,eAAA,CAAkB,GAAM,GAAEa,KAAA,CAAMY,EAAG,IAAGV,UAAA,CAAWU,EAAG,EAAC;;IAChE,CAAAG,EAAA,IAAA3B,KAAA,GAAAU,IAAA,EAAKT,SAAA,eAAY,cAAA0B,EAAA,cAAAA,EAAA,GAAjB3B,KAAI,CAACC,SAAA,CAAY,GAAK,CAAAwB,gBAAA,GAAAX,UAAA,CAAWE,IAAI,cAAfS,gBAAA,uBAAAA,gBAAA,CAAiBD,EAAE;EAC3C;EAEA,OAAO;IACLP,IAAA;IACAW,UAAA,EAAY;MACVlB,IAAA,EAAM;MACNE,KAAA,EAAOT,KAAA;MACPW,UAAA,EAAYR;IACd;IACAI,IAAA;IACAE,KAAA;IACAE;EACF;AACF"}
+{"version":3,"sources":["useInfoLabel.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\nimport type { InfoLabelProps, InfoLabelState } from './InfoLabel.types';\n\n/**\n * Create the state required to render InfoLabel.\n *\n * The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n *\n * @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */\nexport const useInfoLabel_unstable = (props: InfoLabelProps, ref: React.Ref<HTMLLabelElement>): InfoLabelState => {\n  const {\n    root: rootShorthand,\n    label: labelShorthand,\n    infoButton: infoButtonShorthand,\n    info,\n    size,\n    className,\n    style,\n    ...labelProps\n  } = props;\n  const baseId = useId('infolabel-');\n\n  const root = resolveShorthand(rootShorthand, {\n    required: true,\n    defaultProps: {\n      className,\n      style,\n    },\n  });\n\n  const label = resolveShorthand(labelShorthand, {\n    required: true,\n    defaultProps: {\n      id: baseId + '__label',\n      ref,\n      size,\n      ...labelProps,\n    },\n  });\n\n  const infoButton = resolveShorthand(infoButtonShorthand, {\n    required: !!info,\n    defaultProps: {\n      id: baseId + '__infoButton',\n      size,\n      info,\n    },\n  });\n\n  if (infoButton) {\n    infoButton.info = resolveShorthand(infoButton?.info, {\n      defaultProps: {\n        id: baseId + '__info',\n      },\n    });\n\n    infoButton['aria-labelledby'] ??= `${label.id} ${infoButton.id}`;\n    root['aria-owns'] ??= infoButton.info?.id;\n  }\n\n  return {\n    size,\n    components: {\n      root: 'span',\n      label: Label,\n      infoButton: InfoButton,\n    },\n    root,\n    label,\n    infoButton,\n  };\n};\n"],"names":["infoButton","root","React","Label","resolveShorthand","useId","InfoButton","useInfoLabel_unstable","props","ref","rootShorthand","label","labelShorthand","infoButtonShorthand","info","size","className","style","labelProps","baseId","required","defaultProps","id","components"],"mappings":"IA+DIA,aAAW,iBACXC,OAAK;AAhET,YAAYC,WAAW,QAAQ;AAE/B,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,gBAAgB,EAAEC,KAAK,QAAQ,4BAA4B;AACpE,SAASC,UAAU,QAAQ,2BAA2B;AAGtD;;;;;;;;CAQC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAuBC,MAAqD;IAChH,MAAM,EACJR,MAAMS,cAAa,EACnBC,OAAOC,eAAc,EACrBZ,YAAYa,oBAAmB,EAC/BC,KAAI,EACJC,KAAI,EACJC,UAAS,EACTC,MAAK,EACL,GAAGC,YACJ,GAAGV;IACJ,MAAMW,SAASd,MAAM;IAErB,MAAMJ,OAAOG,iBAAiBM,eAAe;QAC3CU,UAAU,IAAI;QACdC,cAAc;YACZL;YACAC;QACF;IACF;IAEA,MAAMN,QAAQP,iBAAiBQ,gBAAgB;QAC7CQ,UAAU,IAAI;QACdC,cAAc;YACZC,IAAIH,SAAS;YACbV;YACAM;YACA,GAAGG,UAAU;QACf;IACF;IAEA,MAAMlB,aAAaI,iBAAiBS,qBAAqB;QACvDO,UAAU,CAAC,CAACN;QACZO,cAAc;YACZC,IAAIH,SAAS;YACbJ;YACAD;QACF;IACF;IAEA,IAAId,YAAY;YAQQA;QAPtBA,WAAWc,IAAI,GAAGV,iBAAiBJ,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYc,IAAI,EAAE;YACnDO,cAAc;gBACZC,IAAIH,SAAS;YACf;QACF;;QAEAnB,MAAAA,cAAAA,WAAU,CAAC,kBAAA,kBAAkB,iCAA7BA,WAAU,CAAC,gBAAkB,GAAK,CAAC,EAAEW,MAAMW,EAAE,CAAC,CAAC,EAAEtB,WAAWsB,EAAE,CAAC,CAAC;;QAChErB,OAAAA,QAAAA,KAAI,CAAC,YAAA,YAAY,mCAAjBA,KAAI,CAAC,UAAY,GAAKD,CAAAA,mBAAAA,WAAWc,IAAI,cAAfd,8BAAAA,KAAAA,IAAAA,iBAAiBsB,EAAE;IAC3C,CAAC;IAED,OAAO;QACLP;QACAQ,YAAY;YACVtB,MAAM;YACNU,OAAOR;YACPH,YAAYM;QACd;QACAL;QACAU;QACAX;IACF;AACF,EAAE"}

package/lib/components/InfoLabel/useInfoLabelStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["tokens","__styles","mergeClasses","infoLabelClassNames","root","label","infoButton","useLabelStyles","base","ha4doy","Bceei9c","sj55zd","d","useInfoButtonStyles","B6of3ja","jrapky","large","useInfoLabelStyles_unstable","state","className","labelStyles","infoButtonStyles","size"],"sources":["../../../src/components/InfoLabel/useInfoLabelStyles.styles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { InfoLabelSlots, InfoLabelState } from './InfoLabel.types';\n\nexport const infoLabelClassNames: SlotClassNames<InfoLabelSlots> = {\n  root: 'fui-InfoLabel',\n  label: 'fui-InfoLabel__label',\n  infoButton: 'fui-InfoLabel__infoButton',\n};\n\nconst useLabelStyles = makeStyles({\n  base: {\n    verticalAlign: 'top',\n    cursor: 'inherit',\n    color: 'inherit',\n  },\n});\n\nconst useInfoButtonStyles = makeStyles({\n  base: {\n    verticalAlign: 'top',\n\n    // Negative margin to align with the text\n    marginTop: `calc(0px - ${tokens.spacingVerticalXXS})`,\n    marginBottom: `calc(0px - ${tokens.spacingVerticalXXS})`,\n  },\n\n  large: {\n    // Negative margin to align with the text\n    marginTop: '-1px',\n    marginBottom: '-1px',\n  },\n});\n\n/**\n * Apply styling to the InfoLabel slots based on the state\n */\nexport const useInfoLabelStyles_unstable = (state: InfoLabelState): InfoLabelState => {\n  state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);\n\n  const labelStyles = useLabelStyles();\n  state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);\n\n  const infoButtonStyles = useInfoButtonStyles();\n  if (state.infoButton) {\n    state.infoButton.className = mergeClasses(\n      infoLabelClassNames.infoButton,\n      infoButtonStyles.base,\n      state.size === 'large' && infoButtonStyles.large,\n      state.infoButton.className,\n    );\n  }\n\n  return state;\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ;AAEvB,SAAAC,QAAA,EAAqBC,YAAY,QAAQ;AAGzC,OAAO,MAAMC,mBAAA,GAAsD;EACjEC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,UAAA,EAAY;AACd;AAEA,MAAMC,cAAA,gBAAiBN,QAAA;EAAAO,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAMvB;AAEA,MAAMC,mBAAA,gBAAsBZ,QAAA;EAAAO,IAAA;IAAAC,MAAA;IAAAK,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAF,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,EAc5B;AAEA;;;AAGA,OAAO,MAAMK,2BAAA,GAA+BC,KAAA,IAA0C;EACpFA,KAAA,CAAMd,IAAI,CAACe,SAAS,GAAGjB,YAAA,CAAaC,mBAAA,CAAoBC,IAAI,EAAEc,KAAA,CAAMd,IAAI,CAACe,SAAS;EAElF,MAAMC,WAAA,GAAcb,cAAA;EACpBW,KAAA,CAAMb,KAAK,CAACc,SAAS,GAAGjB,YAAA,CAAaC,mBAAA,CAAoBE,KAAK,EAAEe,WAAA,CAAYZ,IAAI,EAAEU,KAAA,CAAMb,KAAK,CAACc,SAAS;EAEvG,MAAME,gBAAA,GAAmBR,mBAAA;EACzB,IAAIK,KAAA,CAAMZ,UAAU,EAAE;IACpBY,KAAA,CAAMZ,UAAU,CAACa,SAAS,GAAGjB,YAAA,CAC3BC,mBAAA,CAAoBG,UAAU,EAC9Be,gBAAA,CAAiBb,IAAI,EACrBU,KAAA,CAAMI,IAAI,KAAK,WAAWD,gBAAA,CAAiBL,KAAK,EAChDE,KAAA,CAAMZ,UAAU,CAACa,SAAS;EAE9B;EAEA,OAAOD,KAAA;AACT"}
+{"version":3,"names":["tokens","__styles","mergeClasses","infoLabelClassNames","root","label","infoButton","useLabelStyles","base","ha4doy","Bceei9c","sj55zd","d","useInfoButtonStyles","B6of3ja","jrapky","large","useInfoLabelStyles_unstable","state","className","labelStyles","infoButtonStyles","size"],"sources":["useInfoLabelStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const infoLabelClassNames = {\n    root: 'fui-InfoLabel',\n    label: 'fui-InfoLabel__label',\n    infoButton: 'fui-InfoLabel__infoButton'\n};\nconst useLabelStyles = makeStyles({\n    base: {\n        verticalAlign: 'top',\n        cursor: 'inherit',\n        color: 'inherit'\n    }\n});\nconst useInfoButtonStyles = makeStyles({\n    base: {\n        verticalAlign: 'top',\n        // Negative margin to align with the text\n        marginTop: `calc(0px - ${tokens.spacingVerticalXXS})`,\n        marginBottom: `calc(0px - ${tokens.spacingVerticalXXS})`\n    },\n    large: {\n        // Negative margin to align with the text\n        marginTop: '-1px',\n        marginBottom: '-1px'\n    }\n});\n/**\n * Apply styling to the InfoLabel slots based on the state\n */ export const useInfoLabelStyles_unstable = (state)=>{\n    state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);\n    const labelStyles = useLabelStyles();\n    state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);\n    const infoButtonStyles = useInfoButtonStyles();\n    if (state.infoButton) {\n        state.infoButton.className = mergeClasses(infoLabelClassNames.infoButton, infoButtonStyles.base, state.size === 'large' && infoButtonStyles.large, state.infoButton.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE,sBAAsB;EAC7BC,UAAU,EAAE;AAChB,CAAC;AACD,MAAMC,cAAc,gBAAGN,QAAA;EAAAO,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAMtB,CAAC;AACF,MAAMC,mBAAmB,gBAAGZ,QAAA;EAAAO,IAAA;IAAAC,MAAA;IAAAK,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAF,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,CAY3B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMK,2BAA2B,GAAIC,KAAK,IAAG;EACpDA,KAAK,CAACd,IAAI,CAACe,SAAS,GAAGjB,YAAY,CAACC,mBAAmB,CAACC,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACe,SAAS,CAAC;EACnF,MAAMC,WAAW,GAAGb,cAAc,CAAC,CAAC;EACpCW,KAAK,CAACb,KAAK,CAACc,SAAS,GAAGjB,YAAY,CAACC,mBAAmB,CAACE,KAAK,EAAEe,WAAW,CAACZ,IAAI,EAAEU,KAAK,CAACb,KAAK,CAACc,SAAS,CAAC;EACxG,MAAME,gBAAgB,GAAGR,mBAAmB,CAAC,CAAC;EAC9C,IAAIK,KAAK,CAACZ,UAAU,EAAE;IAClBY,KAAK,CAACZ,UAAU,CAACa,SAAS,GAAGjB,YAAY,CAACC,mBAAmB,CAACG,UAAU,EAAEe,gBAAgB,CAACb,IAAI,EAAEU,KAAK,CAACI,IAAI,KAAK,OAAO,IAAID,gBAAgB,CAACL,KAAK,EAAEE,KAAK,CAACZ,UAAU,CAACa,SAAS,CAAC;EAClL;EACA,OAAOD,KAAK;AAChB,CAAC"}

package/lib/index.js

@@ -1,3 +1,4 @@
 export { InfoButton, infoButtonClassNames, renderInfoButton_unstable, useInfoButtonStyles_unstable, useInfoButton_unstable } from './InfoButton';
 export { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from './InfoLabel';
-//# sourceMappingURL=index.js.map
+export { InfoIcon, infoIconClassNames, renderInfoIcon_unstable, useInfoIconStyles_unstable, useInfoIcon_unstable } from './InfoIcon';
+export { InfoIconLabel, infoIconLabelClassNames, renderInfoIconLabel_unstable, useInfoIconLabelStyles_unstable, useInfoIconLabel_unstable } from './InfoIconLabel';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"sources":["../src/index.ts"],"sourcesContent":["export {\n  InfoButton,\n  infoButtonClassNames,\n  renderInfoButton_unstable,\n  useInfoButtonStyles_unstable,\n  useInfoButton_unstable,\n} from './InfoButton';\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './InfoButton';\nexport {\n  InfoLabel,\n  infoLabelClassNames,\n  renderInfoLabel_unstable,\n  useInfoLabelStyles_unstable,\n  useInfoLabel_unstable,\n} from './InfoLabel';\nexport type { InfoLabelProps, InfoLabelSlots, InfoLabelState } from './InfoLabel';\n"],"mappings":"AAAA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB;AAEP,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  InfoButton,\n  infoButtonClassNames,\n  renderInfoButton_unstable,\n  useInfoButtonStyles_unstable,\n  useInfoButton_unstable,\n} from './InfoButton';\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './InfoButton';\nexport {\n  InfoLabel,\n  infoLabelClassNames,\n  renderInfoLabel_unstable,\n  useInfoLabelStyles_unstable,\n  useInfoLabel_unstable,\n} from './InfoLabel';\nexport type { InfoLabelProps, InfoLabelSlots, InfoLabelState } from './InfoLabel';\nexport {\n  InfoIcon,\n  infoIconClassNames,\n  renderInfoIcon_unstable,\n  useInfoIconStyles_unstable,\n  useInfoIcon_unstable,\n} from './InfoIcon';\nexport type { InfoIconProps, InfoIconSlots, InfoIconState } from './InfoIcon';\nexport {\n  InfoIconLabel,\n  infoIconLabelClassNames,\n  renderInfoIconLabel_unstable,\n  useInfoIconLabelStyles_unstable,\n  useInfoIconLabel_unstable,\n} from './InfoIconLabel';\nexport type { InfoIconLabelProps, InfoIconLabelSlots, InfoIconLabelState } from './InfoIconLabel';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable","InfoIcon","infoIconClassNames","renderInfoIcon_unstable","useInfoIconStyles_unstable","useInfoIcon_unstable","InfoIconLabel","infoIconLabelClassNames","renderInfoIconLabel_unstable","useInfoIconLabelStyles_unstable","useInfoIconLabel_unstable"],"mappings":"AAAA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB,eAAe;AAEtB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,cAAc;AAErB,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,oBAAoB,QACf,aAAa;AAEpB,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB"}

package/lib-commonjs/InfoButton.js

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

package/lib-commonjs/InfoButton.js.map

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

package/lib-commonjs/InfoIcon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./components/InfoIcon/index"), exports);

package/lib-commonjs/InfoIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["InfoIcon.js"],"sourcesContent":["export * from './components/InfoIcon/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

package/lib-commonjs/InfoIconLabel.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./components/InfoIconLabel/index"), exports);

package/lib-commonjs/InfoIconLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["InfoIconLabel.js"],"sourcesContent":["export * from './components/InfoIconLabel/index';\n"],"names":[],"mappings":";;;;;oBAAc"}