@fluentui-copilot/react-attachments 0.12.4 → 0.12.5-hotfix.2

package/lib-commonjs/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItemStyles.styles.raw.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    attachmentOverflowMenuItemClassNames: function() {
+        return attachmentOverflowMenuItemClassNames;
+    },
+    useAttachmentOverflowMenuItemStyles_unstable: function() {
+        return useAttachmentOverflowMenuItemStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _useProgressBarStylesstyles = require("../utils/useProgressBarStyles.styles");
+const attachmentOverflowMenuItemClassNames = {
+    root: 'fai-AttachmentOverflowMenuItem',
+    progress: 'fai-AttachmentOverflowMenuItem__progress'
+};
+const FOCUS_VISIBLE_ATTR = 'data-fui-focus-visible';
+const useStyles = (0, _reactcomponents.makeStyles)({
+    imageOnly: {
+        alignItems: 'center'
+    },
+    secondaryContent: {
+        display: 'flex',
+        alignItems: 'center'
+    }
+});
+const useNextStyles = (0, _reactcomponents.makeStyles)({
+    nextStyles: {
+        [`[${FOCUS_VISIBLE_ATTR}]::after`]: {
+            borderRadius: _reactcomponents.tokens.borderRadiusXLarge
+        },
+        outline: `${_reactcomponents.tokens.strokeWidthThin} solid ${_reactcomponents.tokens.colorTransparentStroke}`
+    }
+});
+const useAttachmentOverflowMenuItemStyles_unstable = (state)=>{
+    'use no memo';
+    const { imageOnly, designVersion } = state;
+    const styles = useStyles();
+    const nextStyles = useNextStyles();
+    const progressBarStyles = (0, _useProgressBarStylesstyles.useProgressBarStyles)();
+    state.root.className = (0, _reactcomponents.mergeClasses)(attachmentOverflowMenuItemClassNames.root, imageOnly && styles.imageOnly, designVersion === 'next' && nextStyles.nextStyles, state.root.className);
+    const secondaryContent = _reactcomponents.slot.optional(state.root.secondaryContent, {
+        elementType: 'span'
+    });
+    if (secondaryContent) {
+        secondaryContent.className = (0, _reactcomponents.mergeClasses)(styles.secondaryContent, secondaryContent.className);
+        state.root.secondaryContent = secondaryContent;
+    }
+    if (state.progress) {
+        state.progress.className = (0, _reactcomponents.mergeClasses)(attachmentOverflowMenuItemClassNames.progress, progressBarStyles.progress, state.progress.className);
+        const bar = _reactcomponents.slot.optional(state.progress.bar, {
+            elementType: 'div',
+            renderByDefault: true
+        });
+        if (bar) {
+            if (state.progress.value === undefined) {
+                bar.className = (0, _reactcomponents.mergeClasses)(progressBarStyles.indeterminateProgressBar, bar.className);
+            } else {
+                bar.className = (0, _reactcomponents.mergeClasses)(progressBarStyles.regularProgressBar, bar.className);
+            }
+            state.progress.bar = bar;
+        }
+    }
+    return state;
+}; //# sourceMappingURL=useAttachmentOverflowMenuItemStyles.styles.raw.js.map

package/lib-commonjs/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItemStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentOverflowMenuItemStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, slot, tokens } from '@fluentui/react-components';\nimport { useProgressBarStyles } from '../utils/useProgressBarStyles.styles';\nimport type {\n  AttachmentOverflowMenuItemSlots,\n  AttachmentOverflowMenuItemState,\n} from './AttachmentOverflowMenuItem.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentOverflowMenuItemClassNames: SlotClassNames<AttachmentOverflowMenuItemSlots> = {\n  root: 'fai-AttachmentOverflowMenuItem',\n  progress: 'fai-AttachmentOverflowMenuItem__progress',\n};\n\nconst FOCUS_VISIBLE_ATTR = 'data-fui-focus-visible';\n\nconst useStyles = makeStyles({\n  imageOnly: {\n    alignItems: 'center',\n  },\n  secondaryContent: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n});\n\nconst useNextStyles = makeStyles({\n  nextStyles: {\n    [`[${FOCUS_VISIBLE_ATTR}]::after`]: {\n      borderRadius: tokens.borderRadiusXLarge,\n    },\n    outline: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n  },\n});\n\n/**\n * Apply styling to the AttachmentList slots based on the state\n */\nexport const useAttachmentOverflowMenuItemStyles_unstable = (\n  state: AttachmentOverflowMenuItemState,\n): AttachmentOverflowMenuItemState => {\n  'use no memo';\n\n  const { imageOnly, designVersion } = state;\n  const styles = useStyles();\n  const nextStyles = useNextStyles();\n  const progressBarStyles = useProgressBarStyles();\n\n  state.root.className = mergeClasses(\n    attachmentOverflowMenuItemClassNames.root,\n    imageOnly && styles.imageOnly,\n    designVersion === 'next' && nextStyles.nextStyles,\n    state.root.className,\n  );\n\n  const secondaryContent = slot.optional(state.root.secondaryContent, {\n    elementType: 'span',\n  });\n  if (secondaryContent) {\n    secondaryContent.className = mergeClasses(styles.secondaryContent, secondaryContent.className);\n    state.root.secondaryContent = secondaryContent;\n  }\n\n  if (state.progress) {\n    state.progress.className = mergeClasses(\n      attachmentOverflowMenuItemClassNames.progress,\n      progressBarStyles.progress,\n      state.progress.className,\n    );\n\n    const bar = slot.optional(state.progress.bar, { elementType: 'div', renderByDefault: true });\n    if (bar) {\n      if (state.progress.value === undefined) {\n        bar.className = mergeClasses(progressBarStyles.indeterminateProgressBar, bar.className);\n      } else {\n        bar.className = mergeClasses(progressBarStyles.regularProgressBar, bar.className);\n      }\n      state.progress.bar = bar;\n    }\n  }\n\n  return state;\n};\n"],"names":["attachmentOverflowMenuItemClassNames","useAttachmentOverflowMenuItemStyles_unstable","root","progress","FOCUS_VISIBLE_ATTR","useStyles","makeStyles","imageOnly","alignItems","secondaryContent","display","useNextStyles","nextStyles","borderRadius","tokens","borderRadiusXLarge","outline","strokeWidthThin","colorTransparentStroke","state","progressBarStyles","className","elementType","useProgressBarStyles","mergeClasses","designVersion","slot","optional","undefined","bar","indeterminateProgressBar"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,oCAAAA;eAAAA;;IAgCXC,4CAAA;eAAAA;;;iCAxCqD;4CAClB;AAO9B,MAAMD,uCAAwF;UACnGE;cACAC;AACF;AAEA,MAAMC,qBAAqB;AAE3B,MAAMC,YAAYC,IAAAA,2BAAAA,EAAW;eAC3BC;oBACEC;;sBAEFC;iBACEC;oBACAF;;AAEJ;AAEA,MAAMG,gBAAgBL,IAAAA,2BAAAA,EAAW;gBAC/BM;aACGR,mBAAIA,QAAmB,CAAA,CAAA,EAAQ;0BAC9BS,uBAAcC,CAAAA,kBAAOC;;iBAEvBC,CAAAA,EAAAA,uBAAYF,CAAAA,eAAOG,CAAAA,OAAgB,EAAAH,uBAASA,CAAAA,sBAAOI,CAAAA,CAAAA;;AAEvD;AAQE,MAAAjB,+CAAAkB,CAAAA;;UAIA,EACAZ,SAAMa,EAEND,aAAWE,KAOXF;UACEG,SAAAA;UACFV,aAAAD;UACIF,oBAAkBc,IAAAA,gDAAA;UACpBd,IAAAA,CAAAA,SAAAA,GAAiBY,IAAAA,6BAAYG,EAAAA,qCAAsCf,IAAAA,EAAAA,aAAiBY,OAASd,SAAA,EAAAkB,kBAAA,UAAAb,WAAAA,UAAA,EAAAO,MAAAjB,IAAA,CAAAmB,SAAA;UAC7FF,mBAAWV,qBAAAA,CAAAA,QAAmBA,CAAAA,MAAAA,IAAAA,CAAAA,gBAAAA,EAAAA;QAChCa,aAAA;;0BAGiBD;yBAMHK,SAAKC,GAAQH,IAAAA,6BAAOrB,EAAAA,OAAYM,gBAAE,EAAAA,iBAAAY,SAAA;kBAAEC,CAAAA,gBAAa,GAAAb;;cAA6BN,QAAA,EAAA;cAC1FA,QAAS,CAAAkB,SAAA,GAAAG,IAAAA,6BAAA,EAAAxB,qCAAAG,QAAA,EAAAiB,kBAAAjB,QAAA,EAAAgB,MAAAhB,QAAA,CAAAkB,SAAA;oBACHF,qBAAAA,CAAAA,QAAMhB,CAAQgB,MAAMhB,QAAKyB,CAAAA,GAAAA,EAAAA;yBAC3BC;6BACK;;iBAEP;sBACAV,QAAMhB,CAAAA,KAAY,KAAG0B,WAAAA;gBACvBA,IAAAR,SAAA,GAAAG,IAAAA,6BAAA,EAAAJ,kBAAAU,wBAAA,EAAAD,IAAAR,SAAA;YACF,OAAA;gBAEAQ,IAAOV,SAAAA,GAAAA,IAAAA,6BAAAA,EAAAA,kBAAAA,kBAAAA,EAAAA,IAAAA,SAAAA;YACP"}

package/lib-commonjs/components/AttachmentTag/useAttachmentTagStyles.styles.raw.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ATTACHMENTTAG_MAXWIDTH: function() {
+        return ATTACHMENTTAG_MAXWIDTH;
+    },
+    attachmentTagClassNames: function() {
+        return attachmentTagClassNames;
+    },
+    useAttachmentTagStyles_unstable: function() {
+        return useAttachmentTagStyles_unstable;
+    },
+    useContentBaseClassName: function() {
+        return useContentBaseClassName;
+    },
+    useIconBaseClassName: function() {
+        return useIconBaseClassName;
+    },
+    useMediaBaseClassName: function() {
+        return useMediaBaseClassName;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const attachmentTagClassNames = {
+    root: 'fai-AttachmentTag',
+    media: 'fai-AttachmentTag__media',
+    content: 'fai-AttachmentTag__content',
+    icon: 'fai-AttachmentTag__icon'
+};
+const ATTACHMENTTAG_MAXWIDTH = '180px';
+const ATTACHMENTTAG_SIZE = '20px';
+const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    color: _tokens.tokens.colorNeutralForeground1,
+    alignItems: 'center',
+    backgroundColor: _tokens.tokens.colorNeutralBackground1,
+    border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorNeutralStroke1}`,
+    borderRadius: _tokens.tokens.borderRadiusMedium,
+    boxSizing: 'border-box',
+    columnGap: _tokens.tokens.spacingHorizontalSNudge,
+    cursor: 'pointer',
+    display: 'inline-flex',
+    flexWrap: 'nowrap',
+    justifyContent: 'center',
+    maxWidth: ATTACHMENTTAG_MAXWIDTH,
+    padding: `${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalXS} ${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalS}`,
+    verticalAlign: 'middle',
+    ':hover': {
+        borderColor: _tokens.tokens.colorNeutralStroke1Hover,
+        [`& .${attachmentTagClassNames.icon}`]: {
+            color: _tokens.tokens.colorBrandForegroundLinkHover
+        }
+    },
+    ':hover:active': {
+        borderColor: _tokens.tokens.colorNeutralStroke1Pressed,
+        [`& .${attachmentTagClassNames.icon}`]: {
+            color: _tokens.tokens.colorNeutralForeground2BrandPressed
+        }
+    },
+    ':focus': {
+        [`& .${attachmentTagClassNames.icon}`]: {
+            color: _tokens.tokens.colorNeutralForeground2BrandHover
+        }
+    },
+    ':focus:active': {
+        [`& .${attachmentTagClassNames.icon}`]: {
+            color: _tokens.tokens.colorNeutralForeground2BrandPressed
+        }
+    }
+});
+const useMediaBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    fontSize: ATTACHMENTTAG_SIZE,
+    height: ATTACHMENTTAG_SIZE,
+    lineHeight: ATTACHMENTTAG_SIZE,
+    width: ATTACHMENTTAG_SIZE
+});
+const useContentBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    overflowX: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    ..._reactcomponents.typographyStyles.body1
+});
+const useIconBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    alignItems: 'center',
+    borderRadius: _tokens.tokens.borderRadiusCircular,
+    border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorTransparentStroke}`,
+    boxSizing: 'border-box',
+    color: _tokens.tokens.colorNeutralForeground1,
+    display: 'inline-flex',
+    fontSize: ATTACHMENTTAG_SIZE,
+    height: `calc(${ATTACHMENTTAG_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingVerticalXXS})`,
+    justifyContent: 'center',
+    maxWidth: `calc(${ATTACHMENTTAG_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingHorizontalXXS})`,
+    minWidth: `calc(${ATTACHMENTTAG_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingHorizontalXXS})`,
+    padding: `calc(${_tokens.tokens.spacingVerticalXXS} / 2) calc(${_tokens.tokens.spacingHorizontalXXS} / 2)`
+});
+const useAttachmentTagStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    const mediaBaseClassName = useMediaBaseClassName();
+    const contentBaseClassName = useContentBaseClassName();
+    const iconBaseClassName = useIconBaseClassName();
+    state.root.className = (0, _reactcomponents.mergeClasses)(attachmentTagClassNames.root, rootBaseClassName, state.root.className);
+    if (state.media) {
+        state.media.className = (0, _reactcomponents.mergeClasses)(attachmentTagClassNames.media, mediaBaseClassName, state.media.className);
+    }
+    state.content.className = (0, _reactcomponents.mergeClasses)(attachmentTagClassNames.content, contentBaseClassName, state.content.className);
+    state.icon.className = (0, _reactcomponents.mergeClasses)(attachmentTagClassNames.icon, iconBaseClassName, state.icon.className);
+    return state;
+}; //# sourceMappingURL=useAttachmentTagStyles.styles.raw.js.map

package/lib-commonjs/components/AttachmentTag/useAttachmentTagStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTagStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { AttachmentTagSlots, AttachmentTagState } from './AttachmentTag.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentTagClassNames: SlotClassNames<AttachmentTagSlots> = {\n  root: 'fai-AttachmentTag',\n  media: 'fai-AttachmentTag__media',\n  content: 'fai-AttachmentTag__content',\n  icon: 'fai-AttachmentTag__icon',\n};\n\n/**\n * @internal\n */\nexport const ATTACHMENTTAG_MAXWIDTH = '180px';\nconst ATTACHMENTTAG_SIZE = '20px';\n\nconst useRootBaseClassName = makeResetStyles({\n  color: tokens.colorNeutralForeground1,\n  alignItems: 'center',\n  backgroundColor: tokens.colorNeutralBackground1,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n  borderRadius: tokens.borderRadiusMedium,\n  boxSizing: 'border-box',\n  columnGap: tokens.spacingHorizontalSNudge,\n  cursor: 'pointer',\n  display: 'inline-flex',\n  flexWrap: 'nowrap',\n  justifyContent: 'center',\n  maxWidth: ATTACHMENTTAG_MAXWIDTH,\n  padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`,\n  verticalAlign: 'middle',\n\n  ':hover': {\n    borderColor: tokens.colorNeutralStroke1Hover,\n\n    [`& .${attachmentTagClassNames.icon}`]: {\n      color: tokens.colorBrandForegroundLinkHover,\n    },\n  },\n\n  ':hover:active': {\n    borderColor: tokens.colorNeutralStroke1Pressed,\n\n    [`& .${attachmentTagClassNames.icon}`]: {\n      color: tokens.colorNeutralForeground2BrandPressed,\n    },\n  },\n\n  ':focus': {\n    [`& .${attachmentTagClassNames.icon}`]: {\n      color: tokens.colorNeutralForeground2BrandHover,\n    },\n  },\n\n  ':focus:active': {\n    [`& .${attachmentTagClassNames.icon}`]: {\n      color: tokens.colorNeutralForeground2BrandPressed,\n    },\n  },\n});\n\n/**\n * @internal\n */\nexport const useMediaBaseClassName = makeResetStyles({\n  fontSize: ATTACHMENTTAG_SIZE,\n  height: ATTACHMENTTAG_SIZE,\n  lineHeight: ATTACHMENTTAG_SIZE,\n  width: ATTACHMENTTAG_SIZE,\n});\n\n/**\n * @internal\n */\nexport const useContentBaseClassName = makeResetStyles({\n  overflowX: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  ...typographyStyles.body1,\n});\n\n/**\n * @internal\n */\nexport const useIconBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  borderRadius: tokens.borderRadiusCircular,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n  boxSizing: 'border-box',\n  color: tokens.colorNeutralForeground1,\n  display: 'inline-flex',\n  fontSize: ATTACHMENTTAG_SIZE,\n  height: `calc(${ATTACHMENTTAG_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingVerticalXXS})`,\n  justifyContent: 'center',\n  maxWidth: `calc(${ATTACHMENTTAG_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n  minWidth: `calc(${ATTACHMENTTAG_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n  padding: `calc(${tokens.spacingVerticalXXS} / 2) calc(${tokens.spacingHorizontalXXS} / 2)`,\n});\n\n/**\n * Apply styling to the AttachmentTag slots based on the state\n */\nexport const useAttachmentTagStyles_unstable = (state: AttachmentTagState): AttachmentTagState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const mediaBaseClassName = useMediaBaseClassName();\n  const contentBaseClassName = useContentBaseClassName();\n  const iconBaseClassName = useIconBaseClassName();\n\n  state.root.className = mergeClasses(attachmentTagClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.media) {\n    state.media.className = mergeClasses(attachmentTagClassNames.media, mediaBaseClassName, state.media.className);\n  }\n\n  state.content.className = mergeClasses(\n    attachmentTagClassNames.content,\n    contentBaseClassName,\n    state.content.className,\n  );\n\n  state.icon.className = mergeClasses(attachmentTagClassNames.icon, iconBaseClassName, state.icon.className);\n\n  return state;\n};\n"],"names":["ATTACHMENTTAG_SIZE","attachmentTagClassNames","iconBaseClassName","useIconBaseClassName","whiteSpace","boxSizing","root","media","content","icon","useRootBaseClassName","color","colorNeutralForeground1","alignItems","backgroundColor","tokens","strokeWidthThin","borderRadius","borderRadiusMedium","colorNeutralStroke1","columnGap","spacingHorizontalSNudge","display","flexWrap","justifyContent","ATTACHMENTTAG_MAXWIDTH","padding","verticalAlign","spacingVerticalXS","spacingHorizontalXS","spacingHorizontalS","borderColor","colorBrandForegroundLinkHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandHover","height","lineHeight","width","makeResetStyles","typographyStyles","textOverflow","borderRadiusCircular","fontSize","maxWidth","minWidth","spacingVerticalXXS","spacingHorizontalXXS","useAttachmentTagStyles_unstable","state","className","mediaBaseClassName","useMediaBaseClassName","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAgBMA,sBAAqB;eAArBA;;IAXOC,uBAAAA;eAAAA;;IAyGLC,+BAAoBC;eAApBD;;IA/BNE,uBAAY;eAAZA;;IAWAC,oBAAW;eAAXA;;IAtBQL,qBAAAA;eAAAA;;;iCApEsD;wBACzC;AAIhB,MAAMC,0BAA8D;UACzEK;WACAC;aACAC;UACAC;AACF;AAMMT,MAAAA,yBAAqB;AAE3B,MAAMU,qBAAAA;MACJC,uBAAcC,IAAAA,gCAAuB,EAAA;WACrCC,cAAAA,CAAYD,uBAAA;gBACZE;qBACWC,cAAOC,CAAAA,uBAAyBD;YAC3CE,CAAAA,EAAAA,cAAcF,CAAAA,eAAOG,CAAAA,OAAkB,EAAAH,cAAA,CAAAI,mBAAA,CAAA,CAAA;kBAC5BJ,cAAA,CAAAG,kBAAA;eACXE;eACQL,cAAA,CAAAM,uBAAA;YACRC;aACAC;cACAC;oBACUC;cACVC;aACAC,CAAAA,EAAAA,cAAe,CAAAC,iBAAA,CAAA,CAAA,EAAAb,cAAA,CAAAc,mBAAA,CAAA,CAAA,EAAAd,cAAA,CAAAa,iBAAA,CAAA,CAAA,EAAAb,cAAA,CAAAe,kBAAA,CAAA,CAAA;mBAEL;cACRC;qBAEO9B,cAAAA,CAAAA,wBAAiC;uCACxB+B,IAAAA,CAAAA,CAAAA,CAAAA,EAAAA;mBAChBjB,cAAA,CAAAiB,6BAAA;QACF;;qBAGED;qBAEO9B,cAAAA,CAAAA,0BAAiC;uCACxBgC,IAAAA,CAAAA,CAAAA,CAAAA,EAAAA;mBAChBlB,cAAA,CAAAkB,mCAAA;QACF;;cAGI;uCACcC,IAAAA,CAAAA,CAAAA,CAAAA,EAAAA;mBAChBnB,cAAA,CAAAmB,iCAAA;QACF;;qBAGSjC;uCACSgC,IAAAA,CAAAA,CAAAA,CAAAA,EAAAA;mBAChBlB,cAAA,CAAAkB,mCAAA;QACF;IACF;AAEA;AAKEE,MAAQnC,wBAAAA,IAAAA,gCAAAA,EAAAA;cACRoC;YACAC;IACFD,YAAGpC;IAEHqC,OAAArC;;AAMEI,MAAAA,0BAAYkC,IAAAA,gCAAA,EAAA;eACTC;IACLC,cAAG;IAEHpC,YAAA;;;AAOEC,MAAAA,uBAAWiC,IAAAA,gCAAA,EAAA;gBACJvB;kBACEA,cAAA,CAAA0B,oBAAA;YACTC,CAAAA,EAAAA,cAAU1C,CAAAA,eAAAA,CAAAA,OAAAA,EAAAA,cAAAA,CAAAA,sBAAAA,CAAAA,CAAAA;eACD;WACTwB,cAAAA,CAAAA,uBAAgB;aAChBmB;cACAC;YACAlB,CAAAA,KAAU,EAAA1B,mBAAc6C,GAAAA,EAAAA,cAAmB,CAAA7B,eAAaD,CAAAA,OAAO+B,EAAAA,cAAAA,CAAAA,kBAA2B,CAAA,CAAA,CAAA;IAC5FtB,gBAAG;IAEHmB,UAAA,CAAA,KAAA,EAAA3C,mBAAA,GAAA,EAAAe,cAAA,CAAAC,eAAA,CAAA,OAAA,EAAAD,cAAA,CAAA+B,oBAAA,CAAA,CAAA,CAAA;;IAECpB,SACM,CAAA,KAAMqB,EAAAA,cAAAA,CAAAA,kBAAAA,CAAAA,WAAmCC,EAAAA,cAAAA,CAAAA,oBAAAA,CAAAA,KAAAA,CAAAA;;AAM9C,MAAM9C,kCAAoBC,CAAAA;;UAKxB6C,oBAAYC;UACdC,qBAAAC;UAEAH,uBAA0BI;UAM1BJ,oBAAuBI;UAEvB9C,IAAO0C,CAAAA,SAAAA,GAAAA,IAAAA,6BAAAA,EAAAA,wBAAAA,IAAAA,EAAAA,mBAAAA,MAAAA,IAAAA,CAAAA,SAAAA;IACP,IAAAA,MAAAzC,KAAA,EAAA"}

package/lib-commonjs/components/AttachmentTagItem/useAttachmentTagItemStyles.styles.raw.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    attachmentTagItemClassNames: function() {
+        return attachmentTagItemClassNames;
+    },
+    useAttachmentTagItemStyles_unstable: function() {
+        return useAttachmentTagItemStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const _useAttachmentTagStylesstyles = require("../AttachmentTag/useAttachmentTagStyles.styles");
+const attachmentTagItemClassNames = {
+    root: 'fai-AttachmentTagItem',
+    media: 'fai-AttachmentTagItem__media',
+    content: 'fai-AttachmentTagItem__content',
+    icon: 'fai-AttachmentTagItem__icon'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'inline-flex',
+    flexWrap: 'nowrap',
+    columnGap: _tokens.tokens.spacingHorizontalSNudge,
+    maxWidth: _useAttachmentTagStylesstyles.ATTACHMENTTAG_MAXWIDTH,
+    alignItems: 'center'
+});
+const useAttachmentTagItemStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    const mediaBaseClassName = (0, _useAttachmentTagStylesstyles.useMediaBaseClassName)();
+    const contentBaseClassName = (0, _useAttachmentTagStylesstyles.useContentBaseClassName)();
+    const iconBaseClassName = (0, _useAttachmentTagStylesstyles.useIconBaseClassName)();
+    state.root.className = (0, _reactcomponents.mergeClasses)(attachmentTagItemClassNames.root, rootBaseClassName, state.root.className);
+    if (state.media) {
+        state.media.className = (0, _reactcomponents.mergeClasses)(attachmentTagItemClassNames.media, mediaBaseClassName, state.media.className);
+    }
+    state.content.className = (0, _reactcomponents.mergeClasses)(attachmentTagItemClassNames.content, contentBaseClassName, state.content.className);
+    state.icon.className = (0, _reactcomponents.mergeClasses)(attachmentTagItemClassNames.icon, iconBaseClassName, state.icon.className);
+    return state;
+}; //# sourceMappingURL=useAttachmentTagItemStyles.styles.raw.js.map

package/lib-commonjs/components/AttachmentTagItem/useAttachmentTagItemStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTagItemStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport {\n  ATTACHMENTTAG_MAXWIDTH,\n  useContentBaseClassName,\n  useIconBaseClassName,\n  useMediaBaseClassName,\n} from '../AttachmentTag/useAttachmentTagStyles.styles';\nimport type { AttachmentTagItemSlots, AttachmentTagItemState } from './AttachmentTagItem.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentTagItemClassNames: SlotClassNames<AttachmentTagItemSlots> = {\n  root: 'fai-AttachmentTagItem',\n  media: 'fai-AttachmentTagItem__media',\n  content: 'fai-AttachmentTagItem__content',\n  icon: 'fai-AttachmentTagItem__icon',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  flexWrap: 'nowrap',\n  columnGap: tokens.spacingHorizontalSNudge,\n  maxWidth: ATTACHMENTTAG_MAXWIDTH,\n  alignItems: 'center',\n});\n\n/**\n * Apply styling to the AttachmentTagItem slots based on the state\n */\nexport const useAttachmentTagItemStyles_unstable = (state: AttachmentTagItemState): AttachmentTagItemState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const mediaBaseClassName = useMediaBaseClassName();\n  const contentBaseClassName = useContentBaseClassName();\n  const iconBaseClassName = useIconBaseClassName();\n\n  state.root.className = mergeClasses(attachmentTagItemClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.media) {\n    state.media.className = mergeClasses(attachmentTagItemClassNames.media, mediaBaseClassName, state.media.className);\n  }\n\n  state.content.className = mergeClasses(\n    attachmentTagItemClassNames.content,\n    contentBaseClassName,\n    state.content.className,\n  );\n\n  state.icon.className = mergeClasses(attachmentTagItemClassNames.icon, iconBaseClassName, state.icon.className);\n\n  return state;\n};\n"],"names":["attachmentTagItemClassNames","rootBaseClassName","useRootBaseClassName","root","media","content","icon","display","makeResetStyles","flexWrap","columnGap","maxWidth","ATTACHMENTTAG_MAXWIDTH","alignItems","iconBaseClassName","state","mergeClasses","useContentBaseClassName","className","contentBaseClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,2BAAAA;eAAAA;;IAwBLC,mCAAoBC;eAApBD;;;iCAnCsC;wBACvB;8CAMhB;AAIA,MAAMD,8BAAsE;UACjFG;WACAC;aACAC;UACAC;AACF;AAEA;;CAEC,SAECC,uBAASC,IAAAA,gCAAA,EAAA;aACTC;cACAC;eACAC,cAAUC,CAAAA,uBAAAA;cACVC,oDAAY;IACdA,YAAA;AAEA;AAME,MAAMZ,sCAAoBC,CAAAA;;UAG1BD,oBAAMa;UAENC,qBAAuBC,IAAAA,mDAAahB;UAEhCe,uBAAaE,IAAAA,qDAAA;UACfF,oBAAYG,IAAAA,kDAAyBlB;UACvCG,IAAA,CAAAe,SAAA,GAAAF,IAAAA,6BAAA,EAAAhB,4BAAAG,IAAA,EAAAF,mBAAAc,MAAAZ,IAAA,CAAAe,SAAA;QAEAH,MAAMV,KAAO,EAACa;QAMdH,MAAMT,KAAKY,CAAAA,SAAS,GAAGF,IAAAA,6BAAahB,EAAAA,4BAA4BM,KAAMQ,EAAAA,oBAAmBC,MAAMT,KAAKY,CAAAA,SAAS;;IAG7GH,MAAAV,OAAA,CAAAa,SAAA,GAAAF,IAAAA,6BAAA,EAAAhB,4BAAAK,OAAA,EAAAc,sBAAAJ,MAAAV,OAAA,CAAAa,SAAA"}

package/lib-commonjs/components/AttachmentTagList/useAttachmentTagListStyles.styles.raw.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    attachmentTagListClassNames: function() {
+        return attachmentTagListClassNames;
+    },
+    useAttachmentTagListStyles_unstable: function() {
+        return useAttachmentTagListStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const attachmentTagListClassNames = {
+    root: 'fai-AttachmentTagList'
+};
+const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    columnGap: _tokens.tokens.spacingHorizontalSNudge,
+    display: 'flex',
+    flexDirection: 'row',
+    flexShrink: 0,
+    flexWrap: 'wrap',
+    rowGap: _tokens.tokens.spacingVerticalXS
+});
+const useAttachmentTagListStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    state.root.className = (0, _reactcomponents.mergeClasses)(attachmentTagListClassNames.root, rootBaseClassName, state.root.className);
+    return state;
+}; //# sourceMappingURL=useAttachmentTagListStyles.styles.raw.js.map

package/lib-commonjs/components/AttachmentTagList/useAttachmentTagListStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTagListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { AttachmentTagListSlots, AttachmentTagListState } from './AttachmentTagList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentTagListClassNames: SlotClassNames<AttachmentTagListSlots> = {\n  root: 'fai-AttachmentTagList',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  columnGap: tokens.spacingHorizontalSNudge,\n  display: 'flex',\n  flexDirection: 'row',\n  flexShrink: 0,\n  flexWrap: 'wrap',\n  rowGap: tokens.spacingVerticalXS,\n});\n\n/**\n * Apply styling to the AttachmentTagList slots based on the state\n */\nexport const useAttachmentTagListStyles_unstable = (state: AttachmentTagListState): AttachmentTagListState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  state.root.className = mergeClasses(attachmentTagListClassNames.root, rootBaseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["attachmentTagListClassNames","useAttachmentTagListStyles_unstable","root","useRootBaseClassName","makeResetStyles","columnGap","tokens","spacingHorizontalSNudge","display","flexDirection","flexShrink","flexWrap","rowGap","spacingVerticalXS","state","rootBaseClassName","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,2BAAAA;eAAAA;;IAiBXC,mCAAA;eAAAA;;;iCAtB4C;wBACvB;AAIhB,MAAMD,8BAAsE;UACjFE;AACF;AAEA,MAAMC,uBAAuBC,IAAAA,gCAAAA,EAAgB;eAC3CC,cAAWC,CAAAA,uBAAOC;aAClBC;mBACAC;gBACAC;cACAC;YACAC,cAAQN,CAAAA,iBAAOO;AACjB;AAME,MAAAZ,sCAAAa,CAAAA;;UAKAC,oBAAOD;IACPA,MAAAZ,IAAA,CAAAc,SAAA,GAAAC,IAAAA,6BAAA,EAAAjB,4BAAAE,IAAA,EAAAa,mBAAAD,MAAAZ,IAAA,CAAAc,SAAA"}

package/lib-commonjs/components/utils/useProgressBarStyles.styles.raw.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useProgressBarStyles", {
+    enumerable: true,
+    get: function() {
+        return useProgressBarStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const indeterminateProgressBarReducedMotion = {
+    '0%': {
+        opacity: '.2'
+    },
+    '50%': {
+        opacity: '1'
+    },
+    '100%': {
+        opacity: '.2'
+    }
+};
+const useProgressBarStyles = (0, _reactcomponents.makeStyles)({
+    progress: {
+        width: '100%',
+        position: 'absolute',
+        bottom: 0,
+        left: 0,
+        right: 0,
+        height: '4px',
+        borderBottomLeftRadius: _tokens.tokens.borderRadiusMedium,
+        borderBottomRightRadius: _tokens.tokens.borderRadiusMedium
+    },
+    regularProgressBar: {
+        height: '100%',
+        backgroundImage: `linear-gradient(90deg, ${_tokens.tokens.colorBrandFlair1} 35%, ${_tokens.tokens.colorBrandFlair2} 70%, ${_tokens.tokens.colorBrandFlair3} 92%)`
+    },
+    indeterminateProgressBar: {
+        height: '100%',
+        backgroundColor: _tokens.tokens.colorTransparentBackground,
+        backgroundImage: `linear-gradient(90deg, rgba(0,0,0,0) 0%, ${_tokens.tokens.colorBrandFlair1} 35%, ${_tokens.tokens.colorBrandFlair2} 70%, ${_tokens.tokens.colorBrandFlair3} 92%,  rgba(0,0,0,0))`,
+        '@media screen and (prefers-reduced-motion: reduce)': {
+            maxWidth: '100%',
+            animationIterationCount: 'infinite',
+            animationDuration: '3s',
+            animationName: indeterminateProgressBarReducedMotion
+        }
+    }
+}); //# sourceMappingURL=useProgressBarStyles.styles.raw.js.map

package/lib-commonjs/components/utils/useProgressBarStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useProgressBarStyles.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\n\nconst indeterminateProgressBarReducedMotion = {\n  '0%': {\n    opacity: '.2', // matches indeterminate bar width\n  },\n  '50%': {\n    opacity: '1',\n  },\n  '100%': {\n    opacity: '.2',\n  },\n};\n\n/**\n * @internal\n */\nexport const useProgressBarStyles = makeStyles({\n  progress: {\n    width: '100%',\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    height: '4px',\n    borderBottomLeftRadius: tokens.borderRadiusMedium,\n    borderBottomRightRadius: tokens.borderRadiusMedium,\n  },\n  regularProgressBar: {\n    height: '100%',\n    backgroundImage: `linear-gradient(90deg, ${tokens.colorBrandFlair1} 35%, ${tokens.colorBrandFlair2} 70%, ${tokens.colorBrandFlair3} 92%)`,\n  },\n  indeterminateProgressBar: {\n    height: '100%',\n    backgroundColor: tokens.colorTransparentBackground,\n    backgroundImage: `linear-gradient(90deg, rgba(0,0,0,0) 0%, ${tokens.colorBrandFlair1} 35%, ${tokens.colorBrandFlair2} 70%, ${tokens.colorBrandFlair3} 92%,  rgba(0,0,0,0))`,\n    '@media screen and (prefers-reduced-motion: reduce)': {\n      maxWidth: '100%',\n      animationIterationCount: 'infinite',\n      animationDuration: '3s',\n      animationName: indeterminateProgressBarReducedMotion,\n    },\n  },\n});\n"],"names":["progress","indeterminateProgressBarReducedMotion","opacity","makeStyles","width","position","bottom","left","right","height","borderBottomLeftRadius","borderBottomRightRadius","tokens","borderRadiusMedium","backgroundImage","colorBrandFlair1","colorBrandFlair2","colorBrandFlair3","backgroundColor","colorTransparentBackground","animationIterationCount","animationName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBEA;;;eAAAA;;;iCAnByB;wBACJ;AAEvB,MAAMC,wCAAwC;UAC5C;iBACEC;;WAEF;iBACEA;;YAEF;iBACEA;;AAEJ;AAMEF,MAAAA,uBAAUG,IAAAA,2BAAA,EAAA;cACRC;eACAC;kBACAC;gBACAC;cACAC;eACAC;gBACAC;gCACAC,cAAyBC,CAAAA,kBAAOC;QAClCF,yBAAAC,cAAA,CAAAC,kBAAA;;wBAEU;gBACRC;QACFA,iBAAA,CAAA,uBAAA,EAAAF,cAAA,CAAAG,gBAAA,CAAA,MAAA,EAAAH,cAAA,CAAAI,gBAAA,CAAA,MAAA,EAAAJ,cAAA,CAAAK,gBAAA,CAAA,KAAA,CAAA;;8BAEU;gBACRC;yBACAJ,cAAkB,CAAAK,0BAAA;yBAClB,CAAA,yCAAsD,EAAAP,cAAA,CAAAG,gBAAA,CAAA,MAAA,EAAAH,cAAA,CAAAI,gBAAA,CAAA,MAAA,EAAAJ,cAAA,CAAAK,gBAAA,CAAA,qBAAA,CAAA;8DAC1C;sBACVG;qCACmB;+BACnBC;2BACFpB;QACF;IACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-attachments",
-  "version": "0.12.4",
+  "version": "0.12.5-hotfix.2",
   "description": "A set of components related to attaching files in Copilot experiences.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,9 +12,9 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/react-provider": "^0.11.3",
-    "@fluentui-copilot/react-utilities": "^0.0.8",
-    "@fluentui-copilot/tokens": "^0.3.11",
+    "@fluentui-copilot/react-provider": "0.11.3-hotfix.2",
+    "@fluentui-copilot/react-utilities": "0.0.8-hotfix.2",
+    "@fluentui-copilot/tokens": "0.3.11-hotfix.2",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
@@ -30,11 +30,7 @@
     "react": ">=16.14.0 <19.0.0",
     "react-dom": ">=16.14.0 <19.0.0"
   },
-  "beachball": {
-    "disallowedChangeTypes": [
-      "major"
-    ]
-  },
+  "beachball": {},
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",