@fluentui/react-tags 9.3.9 → 9.3.10

package/CHANGELOG.md

@@ -1,12 +1,27 @@
 # Change Log - @fluentui/react-tags
 
-This log was last generated on Mon, 17 Jun 2024 07:31:08 GMT and should not be manually modified.
+This log was last generated on Mon, 01 Jul 2024 20:25:48 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.10)
+
+Mon, 01 Jul 2024 20:25:48 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.9..@fluentui/react-tags_v9.3.10)
+
+### Patches
+
+- chore: Update react-icons package to ^2.0.245 ([PR #31802](https://github.com/microsoft/fluentui/pull/31802) by ololubek@microsoft.com)
+- chore: add eslint react-compiler ([PR #31457](https://github.com/microsoft/fluentui/pull/31457) by seanmonahan@microsoft.com)
+- Bump @fluentui/react-aria to v9.13.0 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-avatar to v9.6.31 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.40 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-tabster to v9.22.1 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-utilities to v9.18.11 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+
 ## [9.3.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.9)
 
-Mon, 17 Jun 2024 07:31:08 GMT 
+Mon, 17 Jun 2024 07:34:17 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.8..@fluentui/react-tags_v9.3.9)
 
 ### Patches

package/lib/components/InteractionTag/useInteractionTagStyles.styles.js

@@ -39,6 +39,8 @@ const useRootStyles = /*#__PURE__*/__styles({
  * Apply styling to the InteractionTag slots based on the state
  */
 export const useInteractionTagStyles_unstable = state => {
+  'use no memo';
+
   const rootBaseClassName = useRootBaseClassName();
   const rootStyles = useRootStyles();
   const {

package/lib/components/InteractionTag/useInteractionTagStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","interactionTagClassNames","root","useRootBaseClassName","useRootStyles","rounded","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","circular","medium","Bqenvij","small","d","p","useInteractionTagStyles_unstable","state","rootBaseClassName","rootStyles","shape","size","className"],"sources":["useInteractionTagStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const interactionTagClassNames = {\n    root: 'fui-InteractionTag'\n};\nconst useRootBaseClassName = makeResetStyles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    width: 'fit-content'\n});\nconst useRootStyles = makeStyles({\n    rounded: {\n        borderRadius: tokens.borderRadiusMedium\n    },\n    circular: {\n        borderRadius: tokens.borderRadiusCircular\n    },\n    medium: {\n        height: '32px'\n    },\n    small: {\n        height: '24px'\n    },\n    'extra-small': {\n        height: '20px'\n    }\n});\n/**\n * Apply styling to the InteractionTag slots based on the state\n */ export const useInteractionTagStyles_unstable = (state)=>{\n    const rootBaseClassName = useRootBaseClassName();\n    const rootStyles = useRootStyles();\n    const { shape, size } = state;\n    state.root.className = mergeClasses(interactionTagClassNames.root, rootBaseClassName, rootStyles[shape], rootStyles[size], state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,oBAAoB,gBAAGN,aAAA,iHAK5B,CAAC;AACF,MAAMO,aAAa,gBAAGN,QAAA;EAAAO,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAL,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAD,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAE,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAgBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,gCAAgC,GAAIC,KAAK,IAAG;EACzD,MAAMC,iBAAiB,GAAGhB,oBAAoB,CAAC,CAAC;EAChD,MAAMiB,UAAU,GAAGhB,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEiB,KAAK;IAAEC;EAAK,CAAC,GAAGJ,KAAK;EAC7BA,KAAK,CAAChB,IAAI,CAACqB,SAAS,GAAGxB,YAAY,CAACE,wBAAwB,CAACC,IAAI,EAAEiB,iBAAiB,EAAEC,UAAU,CAACC,KAAK,CAAC,EAAED,UAAU,CAACE,IAAI,CAAC,EAAEJ,KAAK,CAAChB,IAAI,CAACqB,SAAS,CAAC;EAChJ,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","interactionTagClassNames","root","useRootBaseClassName","useRootStyles","rounded","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","circular","medium","Bqenvij","small","d","p","useInteractionTagStyles_unstable","state","rootBaseClassName","rootStyles","shape","size","className"],"sources":["useInteractionTagStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const interactionTagClassNames = {\n    root: 'fui-InteractionTag'\n};\nconst useRootBaseClassName = makeResetStyles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    width: 'fit-content'\n});\nconst useRootStyles = makeStyles({\n    rounded: {\n        borderRadius: tokens.borderRadiusMedium\n    },\n    circular: {\n        borderRadius: tokens.borderRadiusCircular\n    },\n    medium: {\n        height: '32px'\n    },\n    small: {\n        height: '24px'\n    },\n    'extra-small': {\n        height: '20px'\n    }\n});\n/**\n * Apply styling to the InteractionTag slots based on the state\n */ export const useInteractionTagStyles_unstable = (state)=>{\n    'use no memo';\n    const rootBaseClassName = useRootBaseClassName();\n    const rootStyles = useRootStyles();\n    const { shape, size } = state;\n    state.root.className = mergeClasses(interactionTagClassNames.root, rootBaseClassName, rootStyles[shape], rootStyles[size], state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,oBAAoB,gBAAGN,aAAA,iHAK5B,CAAC;AACF,MAAMO,aAAa,gBAAGN,QAAA;EAAAO,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAL,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAD,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAE,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAgBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,gCAAgC,GAAIC,KAAK,IAAG;EACzD,aAAa;;EACb,MAAMC,iBAAiB,GAAGhB,oBAAoB,CAAC,CAAC;EAChD,MAAMiB,UAAU,GAAGhB,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEiB,KAAK;IAAEC;EAAK,CAAC,GAAGJ,KAAK;EAC7BA,KAAK,CAAChB,IAAI,CAACqB,SAAS,GAAGxB,YAAY,CAACE,wBAAwB,CAACC,IAAI,EAAEiB,iBAAiB,EAAEC,UAAU,CAACC,KAAK,CAAC,EAAED,UAAU,CAACE,IAAI,CAAC,EAAEJ,KAAK,CAAChB,IAAI,CAACqB,SAAS,CAAC;EAChJ,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js

@@ -199,6 +199,8 @@ const useRootWithSecondaryActionStyles = /*#__PURE__*/__styles({
   d: [".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}", ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}", ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}", ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f146y5a9[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusNone);}", ".f1k2ftg[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusNone);}", ".f1ndz5i7[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusNone);}", ".f1co4qro[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusNone);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}", ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}"]
 });
 export const useInteractionTagPrimaryStyles_unstable = state => {
+  'use no memo';
+
   const rootRoundedBaseClassName = useRootRoundedBaseClassName();
   const rootCircularBaseClassName = useRootCircularBaseClassName();
   const rootStyles = useRootStyles();

package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","iconFilledClassName","iconRegularClassName","useIconStyles","useMediaStyles","usePrimaryTextStyles","useSecondaryTextBaseClassName","interactionTagPrimaryClassNames","root","media","icon","primaryText","secondaryText","baseStyles","color","fontFamily","padding","borderStyle","appearance","textAlign","backgroundColor","display","height","alignItems","gridTemplateAreas","border","strokeWidthThin","colorTransparentStroke","outline","strokeWidthThick","colorStrokeFocus2","zIndex","useRootRoundedBaseClassName","r","s","useRootCircularBaseClassName","useRootCircularContrastStyles","withoutSecondaryAction","Bglfifq","hxi8he","B33s42s","G4pote","gw1m2h","w20ur","Byczuf6","m","p","useRootStyles","filled","De3pzq","sj55zd","eoavqd","Jwef8y","Bi91k9c","ecr2s2","lj723h","Bqrx1nm","kx9iu6","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bk3fhr4","I6i3kg","Bmfj8id","Bnrwwps","weioyw","Bpre390","brand","medium","z189sj","small","d","h","a","useRootDisabledAppearances","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithSecondaryActionStyles","base","B7oj6ja","Bbmb7ep","vrafjx","B6xbmo0","kdpuga","useInteractionTagPrimaryStyles_unstable","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledAppearances","rootWithoutMediaStyles","rootWithSecondaryActionStyles","iconStyles","mediaStyles","primaryTextStyles","secondaryTextBaseClassName","rootCircularContrastStyles","shape","size","className","hasSecondaryAction","disabled","withSecondaryText","withoutSecondaryText"],"sources":["useInteractionTagPrimaryStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { useIconStyles, useMediaStyles, usePrimaryTextStyles, useSecondaryTextBaseClassName } from '../Tag/useTagStyles.styles';\nexport const interactionTagPrimaryClassNames = {\n    root: 'fui-InteractionTagPrimary',\n    media: 'fui-InteractionTagPrimary__media',\n    icon: 'fui-InteractionTagPrimary__icon',\n    primaryText: 'fui-InteractionTagPrimary__primaryText',\n    secondaryText: 'fui-InteractionTagPrimary__secondaryText'\n};\nconst baseStyles = {\n    // reset default button style:\n    color: 'inherit',\n    fontFamily: 'inherit',\n    padding: '0px',\n    borderStyle: 'none',\n    appearance: 'button',\n    textAlign: 'unset',\n    backgroundColor: 'transparent',\n    display: 'inline-grid',\n    height: '100%',\n    alignItems: 'center',\n    gridTemplateAreas: `\n  \"media primary  \"\n  \"media secondary\"\n  `,\n    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n    ...createCustomFocusIndicatorStyle({\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n        zIndex: 1\n    })\n};\nconst useRootRoundedBaseClassName = makeResetStyles({\n    ...baseStyles,\n    borderRadius: tokens.borderRadiusMedium,\n    /**\n   * Pseudo element to draw the border for windows high contrast mode -\n   * when Tag is with secondary text, primary text has negative margin that covers the border.\n   */ '@media (forced-colors: active)': {\n        position: 'relative',\n        '::before': {\n            content: '\"\"',\n            borderTop: `${tokens.strokeWidthThin} solid`,\n            position: 'absolute',\n            top: '-1px',\n            left: '-1px',\n            right: '-1px',\n            bottom: '-1px',\n            borderTopLeftRadius: tokens.borderRadiusMedium,\n            borderTopRightRadius: tokens.borderRadiusMedium\n        }\n    }\n});\nconst useRootCircularBaseClassName = makeResetStyles({\n    ...baseStyles,\n    borderRadius: tokens.borderRadiusCircular,\n    /**\n   * Pseudo element to draw the border for windows high contrast mode -\n   * when Tag is with secondary text, primary text has negative margin that covers the border.\n   */ '@media (forced-colors: active)': {\n        position: 'relative',\n        '::before': {\n            content: '\"\"',\n            borderTop: `${tokens.strokeWidthThin} solid`,\n            borderLeft: `${tokens.strokeWidthThin} solid`,\n            position: 'absolute',\n            top: '-1px',\n            left: '-1px',\n            right: '-1px',\n            bottom: '-1px',\n            borderTopLeftRadius: tokens.borderRadiusCircular,\n            borderBottomLeftRadius: tokens.borderRadiusCircular\n        }\n    }\n});\n/**\n * Style override for pseudo element that draws the border for windows high contrast mode\n */ const useRootCircularContrastStyles = makeStyles({\n    withoutSecondaryAction: {\n        '@media (forced-colors: active)': {\n            position: 'relative',\n            '::before': {\n                borderRight: `${tokens.strokeWidthThin} solid transparent`,\n                borderTopRightRadius: tokens.borderRadiusCircular,\n                borderBottomRightRadius: tokens.borderRadiusCircular\n            }\n        }\n    }\n});\nconst useRootStyles = makeStyles({\n    filled: {\n        backgroundColor: tokens.colorNeutralBackground3,\n        color: tokens.colorNeutralForeground2,\n        ':hover': {\n            cursor: 'pointer',\n            backgroundColor: tokens.colorNeutralBackground3Hover,\n            color: tokens.colorNeutralForeground2Hover\n        },\n        ':active': {\n            backgroundColor: tokens.colorNeutralBackground3Pressed,\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        '@media (forced-colors: active)': {\n            ':hover': {\n                backgroundColor: 'HighlightText'\n            },\n            ':active': {\n                backgroundColor: 'HighlightText'\n            }\n        }\n    },\n    outline: {\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForeground2,\n        ...shorthands.borderColor(tokens.colorNeutralStroke1),\n        ':hover': {\n            cursor: 'pointer',\n            backgroundColor: tokens.colorSubtleBackgroundHover,\n            color: tokens.colorNeutralForeground2Hover,\n            [`& .${iconFilledClassName}`]: {\n                display: 'inline',\n                color: tokens.colorNeutralForeground2BrandHover\n            },\n            [`& .${iconRegularClassName}`]: {\n                display: 'none'\n            }\n        },\n        ':active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed,\n            color: tokens.colorNeutralForeground2Pressed,\n            [`& .${iconFilledClassName}`]: {\n                display: 'inline',\n                color: tokens.colorNeutralForeground2BrandPressed\n            },\n            [`& .${iconRegularClassName}`]: {\n                display: 'none'\n            }\n        },\n        '@media (forced-colors: active)': {\n            ':hover': {\n                backgroundColor: 'HighlightText'\n            },\n            ':active': {\n                backgroundColor: 'HighlightText'\n            }\n        }\n    },\n    brand: {\n        backgroundColor: tokens.colorBrandBackground2,\n        color: tokens.colorBrandForeground2,\n        ':hover': {\n            cursor: 'pointer',\n            backgroundColor: tokens.colorBrandBackground2Hover,\n            color: tokens.colorCompoundBrandForeground1Hover\n        },\n        ':active': {\n            backgroundColor: tokens.colorBrandBackground2Pressed,\n            color: tokens.colorCompoundBrandForeground1Pressed\n        },\n        '@media (forced-colors: active)': {\n            ':hover': {\n                backgroundColor: 'HighlightText'\n            },\n            ':active': {\n                backgroundColor: 'HighlightText'\n            }\n        }\n    },\n    medium: {\n        paddingRight: '7px'\n    },\n    small: {\n        paddingRight: '5px'\n    },\n    'extra-small': {\n        paddingRight: '5px'\n    }\n});\nconst useRootDisabledAppearances = makeStyles({\n    filled: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n    },\n    outline: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled)\n    },\n    brand: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n    }\n});\n/**\n * Styles for InteractionTagPrimary without leading media/icon\n */ const useRootWithoutMediaStyles = makeStyles({\n    medium: {\n        paddingLeft: '7px'\n    },\n    small: {\n        paddingLeft: '5px'\n    },\n    'extra-small': {\n        paddingLeft: '5px'\n    }\n});\n/**\n * Styles for InteractionTagPrimary when InteractionTag has a Secondary button\n */ const useRootWithSecondaryActionStyles = makeStyles({\n    base: {\n        borderTopRightRadius: tokens.borderRadiusNone,\n        borderBottomRightRadius: tokens.borderRadiusNone,\n        borderRightStyle: 'none',\n        ...createCustomFocusIndicatorStyle({\n            borderTopRightRadius: tokens.borderRadiusNone,\n            borderBottomRightRadius: tokens.borderRadiusNone\n        })\n    },\n    medium: {\n        paddingRight: tokens.spacingHorizontalS\n    },\n    small: {\n        paddingRight: tokens.spacingHorizontalSNudge\n    },\n    'extra-small': {\n        paddingRight: tokens.spacingHorizontalSNudge\n    }\n});\nexport const useInteractionTagPrimaryStyles_unstable = (state)=>{\n    const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n    const rootCircularBaseClassName = useRootCircularBaseClassName();\n    const rootStyles = useRootStyles();\n    const rootDisabledAppearances = useRootDisabledAppearances();\n    const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n    const rootWithSecondaryActionStyles = useRootWithSecondaryActionStyles();\n    const iconStyles = useIconStyles();\n    const mediaStyles = useMediaStyles();\n    const primaryTextStyles = usePrimaryTextStyles();\n    const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n    const rootCircularContrastStyles = useRootCircularContrastStyles();\n    const { shape, size, appearance } = state;\n    state.root.className = mergeClasses(interactionTagPrimaryClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, shape === 'circular' && !state.hasSecondaryAction && rootCircularContrastStyles.withoutSecondaryAction, state.disabled ? rootDisabledAppearances[appearance] : rootStyles[appearance], rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], state.hasSecondaryAction && rootWithSecondaryActionStyles.base, state.hasSecondaryAction && rootWithSecondaryActionStyles[size], state.root.className);\n    if (state.media) {\n        state.media.className = mergeClasses(interactionTagPrimaryClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n    }\n    if (state.icon) {\n        state.icon.className = mergeClasses(interactionTagPrimaryClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n    }\n    if (state.primaryText) {\n        state.primaryText.className = mergeClasses(interactionTagPrimaryClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n    }\n    if (state.secondaryText) {\n        state.secondaryText.className = mergeClasses(interactionTagPrimaryClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n    }\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","iconFilledClassName","iconRegularClassName","useIconStyles","useMediaStyles","usePrimaryTextStyles","useSecondaryTextBaseClassName","interactionTagPrimaryClassNames","root","media","icon","primaryText","secondaryText","baseStyles","color","fontFamily","padding","borderStyle","appearance","textAlign","backgroundColor","display","height","alignItems","gridTemplateAreas","border","strokeWidthThin","colorTransparentStroke","outline","strokeWidthThick","colorStrokeFocus2","zIndex","useRootRoundedBaseClassName","r","s","useRootCircularBaseClassName","useRootCircularContrastStyles","withoutSecondaryAction","Bglfifq","hxi8he","B33s42s","G4pote","gw1m2h","w20ur","Byczuf6","m","p","useRootStyles","filled","De3pzq","sj55zd","eoavqd","Jwef8y","Bi91k9c","ecr2s2","lj723h","Bqrx1nm","kx9iu6","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bk3fhr4","I6i3kg","Bmfj8id","Bnrwwps","weioyw","Bpre390","brand","medium","z189sj","small","d","h","a","useRootDisabledAppearances","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithSecondaryActionStyles","base","B7oj6ja","Bbmb7ep","vrafjx","B6xbmo0","kdpuga","useInteractionTagPrimaryStyles_unstable","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledAppearances","rootWithoutMediaStyles","rootWithSecondaryActionStyles","iconStyles","mediaStyles","primaryTextStyles","secondaryTextBaseClassName","rootCircularContrastStyles","shape","size","className","hasSecondaryAction","disabled","withSecondaryText","withoutSecondaryText"],"sources":["useInteractionTagPrimaryStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { useIconStyles, useMediaStyles, usePrimaryTextStyles, useSecondaryTextBaseClassName } from '../Tag/useTagStyles.styles';\nexport const interactionTagPrimaryClassNames = {\n    root: 'fui-InteractionTagPrimary',\n    media: 'fui-InteractionTagPrimary__media',\n    icon: 'fui-InteractionTagPrimary__icon',\n    primaryText: 'fui-InteractionTagPrimary__primaryText',\n    secondaryText: 'fui-InteractionTagPrimary__secondaryText'\n};\nconst baseStyles = {\n    // reset default button style:\n    color: 'inherit',\n    fontFamily: 'inherit',\n    padding: '0px',\n    borderStyle: 'none',\n    appearance: 'button',\n    textAlign: 'unset',\n    backgroundColor: 'transparent',\n    display: 'inline-grid',\n    height: '100%',\n    alignItems: 'center',\n    gridTemplateAreas: `\n  \"media primary  \"\n  \"media secondary\"\n  `,\n    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n    ...createCustomFocusIndicatorStyle({\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n        zIndex: 1\n    })\n};\nconst useRootRoundedBaseClassName = makeResetStyles({\n    ...baseStyles,\n    borderRadius: tokens.borderRadiusMedium,\n    /**\n   * Pseudo element to draw the border for windows high contrast mode -\n   * when Tag is with secondary text, primary text has negative margin that covers the border.\n   */ '@media (forced-colors: active)': {\n        position: 'relative',\n        '::before': {\n            content: '\"\"',\n            borderTop: `${tokens.strokeWidthThin} solid`,\n            position: 'absolute',\n            top: '-1px',\n            left: '-1px',\n            right: '-1px',\n            bottom: '-1px',\n            borderTopLeftRadius: tokens.borderRadiusMedium,\n            borderTopRightRadius: tokens.borderRadiusMedium\n        }\n    }\n});\nconst useRootCircularBaseClassName = makeResetStyles({\n    ...baseStyles,\n    borderRadius: tokens.borderRadiusCircular,\n    /**\n   * Pseudo element to draw the border for windows high contrast mode -\n   * when Tag is with secondary text, primary text has negative margin that covers the border.\n   */ '@media (forced-colors: active)': {\n        position: 'relative',\n        '::before': {\n            content: '\"\"',\n            borderTop: `${tokens.strokeWidthThin} solid`,\n            borderLeft: `${tokens.strokeWidthThin} solid`,\n            position: 'absolute',\n            top: '-1px',\n            left: '-1px',\n            right: '-1px',\n            bottom: '-1px',\n            borderTopLeftRadius: tokens.borderRadiusCircular,\n            borderBottomLeftRadius: tokens.borderRadiusCircular\n        }\n    }\n});\n/**\n * Style override for pseudo element that draws the border for windows high contrast mode\n */ const useRootCircularContrastStyles = makeStyles({\n    withoutSecondaryAction: {\n        '@media (forced-colors: active)': {\n            position: 'relative',\n            '::before': {\n                borderRight: `${tokens.strokeWidthThin} solid transparent`,\n                borderTopRightRadius: tokens.borderRadiusCircular,\n                borderBottomRightRadius: tokens.borderRadiusCircular\n            }\n        }\n    }\n});\nconst useRootStyles = makeStyles({\n    filled: {\n        backgroundColor: tokens.colorNeutralBackground3,\n        color: tokens.colorNeutralForeground2,\n        ':hover': {\n            cursor: 'pointer',\n            backgroundColor: tokens.colorNeutralBackground3Hover,\n            color: tokens.colorNeutralForeground2Hover\n        },\n        ':active': {\n            backgroundColor: tokens.colorNeutralBackground3Pressed,\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        '@media (forced-colors: active)': {\n            ':hover': {\n                backgroundColor: 'HighlightText'\n            },\n            ':active': {\n                backgroundColor: 'HighlightText'\n            }\n        }\n    },\n    outline: {\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForeground2,\n        ...shorthands.borderColor(tokens.colorNeutralStroke1),\n        ':hover': {\n            cursor: 'pointer',\n            backgroundColor: tokens.colorSubtleBackgroundHover,\n            color: tokens.colorNeutralForeground2Hover,\n            [`& .${iconFilledClassName}`]: {\n                display: 'inline',\n                color: tokens.colorNeutralForeground2BrandHover\n            },\n            [`& .${iconRegularClassName}`]: {\n                display: 'none'\n            }\n        },\n        ':active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed,\n            color: tokens.colorNeutralForeground2Pressed,\n            [`& .${iconFilledClassName}`]: {\n                display: 'inline',\n                color: tokens.colorNeutralForeground2BrandPressed\n            },\n            [`& .${iconRegularClassName}`]: {\n                display: 'none'\n            }\n        },\n        '@media (forced-colors: active)': {\n            ':hover': {\n                backgroundColor: 'HighlightText'\n            },\n            ':active': {\n                backgroundColor: 'HighlightText'\n            }\n        }\n    },\n    brand: {\n        backgroundColor: tokens.colorBrandBackground2,\n        color: tokens.colorBrandForeground2,\n        ':hover': {\n            cursor: 'pointer',\n            backgroundColor: tokens.colorBrandBackground2Hover,\n            color: tokens.colorCompoundBrandForeground1Hover\n        },\n        ':active': {\n            backgroundColor: tokens.colorBrandBackground2Pressed,\n            color: tokens.colorCompoundBrandForeground1Pressed\n        },\n        '@media (forced-colors: active)': {\n            ':hover': {\n                backgroundColor: 'HighlightText'\n            },\n            ':active': {\n                backgroundColor: 'HighlightText'\n            }\n        }\n    },\n    medium: {\n        paddingRight: '7px'\n    },\n    small: {\n        paddingRight: '5px'\n    },\n    'extra-small': {\n        paddingRight: '5px'\n    }\n});\nconst useRootDisabledAppearances = makeStyles({\n    filled: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n    },\n    outline: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled)\n    },\n    brand: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n    }\n});\n/**\n * Styles for InteractionTagPrimary without leading media/icon\n */ const useRootWithoutMediaStyles = makeStyles({\n    medium: {\n        paddingLeft: '7px'\n    },\n    small: {\n        paddingLeft: '5px'\n    },\n    'extra-small': {\n        paddingLeft: '5px'\n    }\n});\n/**\n * Styles for InteractionTagPrimary when InteractionTag has a Secondary button\n */ const useRootWithSecondaryActionStyles = makeStyles({\n    base: {\n        borderTopRightRadius: tokens.borderRadiusNone,\n        borderBottomRightRadius: tokens.borderRadiusNone,\n        borderRightStyle: 'none',\n        ...createCustomFocusIndicatorStyle({\n            borderTopRightRadius: tokens.borderRadiusNone,\n            borderBottomRightRadius: tokens.borderRadiusNone\n        })\n    },\n    medium: {\n        paddingRight: tokens.spacingHorizontalS\n    },\n    small: {\n        paddingRight: tokens.spacingHorizontalSNudge\n    },\n    'extra-small': {\n        paddingRight: tokens.spacingHorizontalSNudge\n    }\n});\nexport const useInteractionTagPrimaryStyles_unstable = (state)=>{\n    'use no memo';\n    const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n    const rootCircularBaseClassName = useRootCircularBaseClassName();\n    const rootStyles = useRootStyles();\n    const rootDisabledAppearances = useRootDisabledAppearances();\n    const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n    const rootWithSecondaryActionStyles = useRootWithSecondaryActionStyles();\n    const iconStyles = useIconStyles();\n    const mediaStyles = useMediaStyles();\n    const primaryTextStyles = usePrimaryTextStyles();\n    const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n    const rootCircularContrastStyles = useRootCircularContrastStyles();\n    const { shape, size, appearance } = state;\n    state.root.className = mergeClasses(interactionTagPrimaryClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, shape === 'circular' && !state.hasSecondaryAction && rootCircularContrastStyles.withoutSecondaryAction, state.disabled ? rootDisabledAppearances[appearance] : rootStyles[appearance], rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], state.hasSecondaryAction && rootWithSecondaryActionStyles.base, state.hasSecondaryAction && rootWithSecondaryActionStyles[size], state.root.className);\n    if (state.media) {\n        state.media.className = mergeClasses(interactionTagPrimaryClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n    }\n    if (state.icon) {\n        state.icon.className = mergeClasses(interactionTagPrimaryClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n    }\n    if (state.primaryText) {\n        state.primaryText.className = mergeClasses(interactionTagPrimaryClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n    }\n    if (state.secondaryText) {\n        state.secondaryText.className = mergeClasses(interactionTagPrimaryClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n    }\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js

@@ -112,6 +112,8 @@ const useRootDisabledStyles = /*#__PURE__*/__styles({
   d: [".fdrzuqr{cursor:not-allowed;}", ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}", ".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}", ".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}", ".f250w3l{border-bottom-color:var(--colorTransparentStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fhovq9v{background-color:var(--colorSubtleBackground);}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}"]
 });
 export const useInteractionTagSecondaryStyles_unstable = state => {
+  'use no memo';
+
   const rootBaseClassName = useRootBaseClassName();
   const rootStyles = useRootStyles();
   const rootDisabledStyles = useRootDisabledStyles();

package/lib/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","interactionTagSecondaryClassNames","root","mediumIconSize","smallIconSize","extraSmallIconSize","useRootBaseClassName","useRootStyles","filled","De3pzq","sj55zd","eoavqd","Jwef8y","Bi91k9c","ecr2s2","lj723h","Bqrx1nm","kx9iu6","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","brand","rounded","B7oj6ja","Bbmb7ep","circular","medium","Be2twd7","uwmqm3","z189sj","small","d","h","a","m","useRootDisabledStyles","Bceei9c","useInteractionTagSecondaryStyles_unstable","state","rootBaseClassName","rootStyles","rootDisabledStyles","shape","size","appearance","className","disabled"],"sources":["useInteractionTagSecondaryStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const interactionTagSecondaryClassNames = {\n    root: 'fui-InteractionTagSecondary'\n};\nconst mediumIconSize = '20px';\nconst smallIconSize = '16px';\nconst extraSmallIconSize = '12px';\nconst useRootBaseClassName = makeResetStyles({\n    // reset default button style:\n    color: 'inherit',\n    fontFamily: 'inherit',\n    padding: '0px',\n    borderStyle: 'none',\n    appearance: 'button',\n    textAlign: 'unset',\n    backgroundColor: 'transparent',\n    display: 'flex',\n    height: '100%',\n    alignItems: 'center',\n    ...createCustomFocusIndicatorStyle({\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n    }),\n    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n    // divider:\n    borderLeftColor: tokens.colorNeutralStroke1,\n    borderTopLeftRadius: tokens.borderRadiusNone,\n    borderBottomLeftRadius: tokens.borderRadiusNone\n});\nconst useRootStyles = makeStyles({\n    filled: {\n        backgroundColor: tokens.colorNeutralBackground3,\n        color: tokens.colorNeutralForeground2,\n        ':hover': {\n            cursor: 'pointer',\n            backgroundColor: tokens.colorNeutralBackground3Hover,\n            color: tokens.colorNeutralForeground2BrandHover\n        },\n        ':active': {\n            backgroundColor: tokens.colorNeutralBackground3Pressed,\n            color: tokens.colorNeutralForeground2BrandPressed\n        },\n        '@media (forced-colors: active)': {\n            ':hover': {\n                backgroundColor: 'HighlightText'\n            },\n            ':active': {\n                backgroundColor: 'HighlightText'\n            }\n        }\n    },\n    outline: {\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForeground2,\n        ...shorthands.borderColor(tokens.colorNeutralStroke1),\n        ':hover': {\n            cursor: 'pointer',\n            backgroundColor: tokens.colorSubtleBackgroundHover,\n            color: tokens.colorNeutralForeground2BrandHover\n        },\n        ':active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed,\n            color: tokens.colorNeutralForeground2BrandPressed\n        },\n        '@media (forced-colors: active)': {\n            ':hover': {\n                backgroundColor: 'HighlightText'\n            },\n            ':active': {\n                backgroundColor: 'HighlightText'\n            }\n        }\n    },\n    brand: {\n        backgroundColor: tokens.colorBrandBackground2,\n        color: tokens.colorBrandForeground2,\n        borderLeftColor: tokens.colorBrandStroke2,\n        ':hover': {\n            cursor: 'pointer',\n            backgroundColor: tokens.colorBrandBackground2Hover,\n            color: tokens.colorCompoundBrandForeground1Hover\n        },\n        ':active': {\n            backgroundColor: tokens.colorBrandBackground2Pressed,\n            color: tokens.colorCompoundBrandForeground1Pressed\n        },\n        '@media (forced-colors: active)': {\n            ':hover': {\n                backgroundColor: 'HighlightText'\n            },\n            ':active': {\n                backgroundColor: 'HighlightText'\n            }\n        }\n    },\n    rounded: {\n        borderTopRightRadius: tokens.borderRadiusMedium,\n        borderBottomRightRadius: tokens.borderRadiusMedium\n    },\n    circular: {\n        borderTopRightRadius: tokens.borderRadiusCircular,\n        borderBottomRightRadius: tokens.borderRadiusCircular\n    },\n    medium: {\n        fontSize: mediumIconSize,\n        paddingLeft: '5px',\n        paddingRight: '5px'\n    },\n    small: {\n        fontSize: smallIconSize,\n        paddingLeft: '3px',\n        paddingRight: '3px'\n    },\n    'extra-small': {\n        fontSize: extraSmallIconSize,\n        paddingLeft: '5px',\n        paddingRight: '5px'\n    }\n});\nconst useRootDisabledStyles = makeStyles({\n    filled: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled),\n        borderLeftColor: tokens.colorNeutralStrokeDisabled\n    },\n    outline: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled)\n    },\n    brand: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled),\n        borderLeftColor: tokens.colorNeutralStrokeDisabled\n    }\n});\nexport const useInteractionTagSecondaryStyles_unstable = (state)=>{\n    const rootBaseClassName = useRootBaseClassName();\n    const rootStyles = useRootStyles();\n    const rootDisabledStyles = useRootDisabledStyles();\n    const { shape, size, appearance } = state;\n    state.root.className = mergeClasses(interactionTagSecondaryClassNames.root, rootBaseClassName, state.disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], rootStyles[shape], rootStyles[size], state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACtF,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,iCAAiC,GAAG;EAC7CC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,cAAc,GAAG,MAAM;AAC7B,MAAMC,aAAa,GAAG,MAAM;AAC5B,MAAMC,kBAAkB,GAAG,MAAM;AACjC,MAAMC,oBAAoB,gBAAGX,aAAA,0lCAoB5B,CAAC;AACF,MAAMY,aAAa,gBAAGX,QAAA;EAAAY,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAT,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAX,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAM,KAAA;IAAAd,MAAA;IAAAC,MAAA;IAAAY,MAAA;IAAAX,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAO,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAH,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAA;IAAAF,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAE,CAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAyFrB,CAAC;AACF,MAAMC,qBAAqB,gBAAGzC,QAAA;EAAAY,MAAA;IAAA8B,OAAA;IAAA7B,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAJ,OAAA;IAAAoB,OAAA;IAAA7B,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAe,OAAA;IAAA7B,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAW,CAAA;AAAA,CAqB7B,CAAC;AACF,OAAO,MAAMM,yCAAyC,GAAIC,KAAK,IAAG;EAC9D,MAAMC,iBAAiB,GAAGnC,oBAAoB,CAAC,CAAC;EAChD,MAAMoC,UAAU,GAAGnC,aAAa,CAAC,CAAC;EAClC,MAAMoC,kBAAkB,GAAGN,qBAAqB,CAAC,CAAC;EAClD,MAAM;IAAEO,KAAK;IAAEC,IAAI;IAAEC;EAAW,CAAC,GAAGN,KAAK;EACzCA,KAAK,CAACtC,IAAI,CAAC6C,SAAS,GAAGlD,YAAY,CAACI,iCAAiC,CAACC,IAAI,EAAEuC,iBAAiB,EAAED,KAAK,CAACQ,QAAQ,GAAGL,kBAAkB,CAACG,UAAU,CAAC,GAAGJ,UAAU,CAACI,UAAU,CAAC,EAAEJ,UAAU,CAACE,KAAK,CAAC,EAAEF,UAAU,CAACG,IAAI,CAAC,EAAEL,KAAK,CAACtC,IAAI,CAAC6C,SAAS,CAAC;EACnO,OAAOP,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","interactionTagSecondaryClassNames","root","mediumIconSize","smallIconSize","extraSmallIconSize","useRootBaseClassName","useRootStyles","filled","De3pzq","sj55zd","eoavqd","Jwef8y","Bi91k9c","ecr2s2","lj723h","Bqrx1nm","kx9iu6","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","brand","rounded","B7oj6ja","Bbmb7ep","circular","medium","Be2twd7","uwmqm3","z189sj","small","d","h","a","m","useRootDisabledStyles","Bceei9c","useInteractionTagSecondaryStyles_unstable","state","rootBaseClassName","rootStyles","rootDisabledStyles","shape","size","appearance","className","disabled"],"sources":["useInteractionTagSecondaryStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const interactionTagSecondaryClassNames = {\n    root: 'fui-InteractionTagSecondary'\n};\nconst mediumIconSize = '20px';\nconst smallIconSize = '16px';\nconst extraSmallIconSize = '12px';\nconst useRootBaseClassName = makeResetStyles({\n    // reset default button style:\n    color: 'inherit',\n    fontFamily: 'inherit',\n    padding: '0px',\n    borderStyle: 'none',\n    appearance: 'button',\n    textAlign: 'unset',\n    backgroundColor: 'transparent',\n    display: 'flex',\n    height: '100%',\n    alignItems: 'center',\n    ...createCustomFocusIndicatorStyle({\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n    }),\n    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n    // divider:\n    borderLeftColor: tokens.colorNeutralStroke1,\n    borderTopLeftRadius: tokens.borderRadiusNone,\n    borderBottomLeftRadius: tokens.borderRadiusNone\n});\nconst useRootStyles = makeStyles({\n    filled: {\n        backgroundColor: tokens.colorNeutralBackground3,\n        color: tokens.colorNeutralForeground2,\n        ':hover': {\n            cursor: 'pointer',\n            backgroundColor: tokens.colorNeutralBackground3Hover,\n            color: tokens.colorNeutralForeground2BrandHover\n        },\n        ':active': {\n            backgroundColor: tokens.colorNeutralBackground3Pressed,\n            color: tokens.colorNeutralForeground2BrandPressed\n        },\n        '@media (forced-colors: active)': {\n            ':hover': {\n                backgroundColor: 'HighlightText'\n            },\n            ':active': {\n                backgroundColor: 'HighlightText'\n            }\n        }\n    },\n    outline: {\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForeground2,\n        ...shorthands.borderColor(tokens.colorNeutralStroke1),\n        ':hover': {\n            cursor: 'pointer',\n            backgroundColor: tokens.colorSubtleBackgroundHover,\n            color: tokens.colorNeutralForeground2BrandHover\n        },\n        ':active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed,\n            color: tokens.colorNeutralForeground2BrandPressed\n        },\n        '@media (forced-colors: active)': {\n            ':hover': {\n                backgroundColor: 'HighlightText'\n            },\n            ':active': {\n                backgroundColor: 'HighlightText'\n            }\n        }\n    },\n    brand: {\n        backgroundColor: tokens.colorBrandBackground2,\n        color: tokens.colorBrandForeground2,\n        borderLeftColor: tokens.colorBrandStroke2,\n        ':hover': {\n            cursor: 'pointer',\n            backgroundColor: tokens.colorBrandBackground2Hover,\n            color: tokens.colorCompoundBrandForeground1Hover\n        },\n        ':active': {\n            backgroundColor: tokens.colorBrandBackground2Pressed,\n            color: tokens.colorCompoundBrandForeground1Pressed\n        },\n        '@media (forced-colors: active)': {\n            ':hover': {\n                backgroundColor: 'HighlightText'\n            },\n            ':active': {\n                backgroundColor: 'HighlightText'\n            }\n        }\n    },\n    rounded: {\n        borderTopRightRadius: tokens.borderRadiusMedium,\n        borderBottomRightRadius: tokens.borderRadiusMedium\n    },\n    circular: {\n        borderTopRightRadius: tokens.borderRadiusCircular,\n        borderBottomRightRadius: tokens.borderRadiusCircular\n    },\n    medium: {\n        fontSize: mediumIconSize,\n        paddingLeft: '5px',\n        paddingRight: '5px'\n    },\n    small: {\n        fontSize: smallIconSize,\n        paddingLeft: '3px',\n        paddingRight: '3px'\n    },\n    'extra-small': {\n        fontSize: extraSmallIconSize,\n        paddingLeft: '5px',\n        paddingRight: '5px'\n    }\n});\nconst useRootDisabledStyles = makeStyles({\n    filled: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled),\n        borderLeftColor: tokens.colorNeutralStrokeDisabled\n    },\n    outline: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled)\n    },\n    brand: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled),\n        borderLeftColor: tokens.colorNeutralStrokeDisabled\n    }\n});\nexport const useInteractionTagSecondaryStyles_unstable = (state)=>{\n    'use no memo';\n    const rootBaseClassName = useRootBaseClassName();\n    const rootStyles = useRootStyles();\n    const rootDisabledStyles = useRootDisabledStyles();\n    const { shape, size, appearance } = state;\n    state.root.className = mergeClasses(interactionTagSecondaryClassNames.root, rootBaseClassName, state.disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], rootStyles[shape], rootStyles[size], state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACtF,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,iCAAiC,GAAG;EAC7CC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,cAAc,GAAG,MAAM;AAC7B,MAAMC,aAAa,GAAG,MAAM;AAC5B,MAAMC,kBAAkB,GAAG,MAAM;AACjC,MAAMC,oBAAoB,gBAAGX,aAAA,0lCAoB5B,CAAC;AACF,MAAMY,aAAa,gBAAGX,QAAA;EAAAY,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAT,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAX,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAM,KAAA;IAAAd,MAAA;IAAAC,MAAA;IAAAY,MAAA;IAAAX,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAO,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAH,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAA;IAAAF,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAE,CAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAyFrB,CAAC;AACF,MAAMC,qBAAqB,gBAAGzC,QAAA;EAAAY,MAAA;IAAA8B,OAAA;IAAA7B,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAJ,OAAA;IAAAoB,OAAA;IAAA7B,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAe,OAAA;IAAA7B,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAW,CAAA;AAAA,CAqB7B,CAAC;AACF,OAAO,MAAMM,yCAAyC,GAAIC,KAAK,IAAG;EAC9D,aAAa;;EACb,MAAMC,iBAAiB,GAAGnC,oBAAoB,CAAC,CAAC;EAChD,MAAMoC,UAAU,GAAGnC,aAAa,CAAC,CAAC;EAClC,MAAMoC,kBAAkB,GAAGN,qBAAqB,CAAC,CAAC;EAClD,MAAM;IAAEO,KAAK;IAAEC,IAAI;IAAEC;EAAW,CAAC,GAAGN,KAAK;EACzCA,KAAK,CAACtC,IAAI,CAAC6C,SAAS,GAAGlD,YAAY,CAACI,iCAAiC,CAACC,IAAI,EAAEuC,iBAAiB,EAAED,KAAK,CAACQ,QAAQ,GAAGL,kBAAkB,CAACG,UAAU,CAAC,GAAGJ,UAAU,CAACI,UAAU,CAAC,EAAEJ,UAAU,CAACE,KAAK,CAAC,EAAEF,UAAU,CAACG,IAAI,CAAC,EAAEL,KAAK,CAACtC,IAAI,CAAC6C,SAAS,CAAC;EACnO,OAAOP,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/Tag/useTagStyles.styles.js

@@ -295,6 +295,8 @@ export const useSecondaryTextBaseClassName = /*#__PURE__*/__resetStyles("r7hv1ps
  * Apply styling to the Tag slots based on the state
  */
 export const useTagStyles_unstable = state => {
+  'use no memo';
+
   const rootRoundedBaseClassName = useRootRoundedBaseClassName();
   const rootCircularBaseClassName = useRootCircularBaseClassName();
   const rootStyles = useRootStyles();

package/lib/components/Tag/useTagStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","tokens","typographyStyles","createCustomFocusIndicatorStyle","tagClassNames","root","media","icon","primaryText","secondaryText","dismissIcon","tagSpacingMedium","tagSpacingSmall","tagSpacingExtraSmall","mediumIconSize","smallIconSize","extraSmallIconSize","baseStyles","fontFamily","padding","appearance","textAlign","display","alignItems","gridTemplateAreas","boxSizing","width","border","strokeWidthThin","colorTransparentStroke","useRootRoundedBaseClassName","r","s","useRootCircularBaseClassName","useRootStyles","filled","De3pzq","sj55zd","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","brand","medium","Bqenvij","small","d","useRootDisabledStyles","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithoutDismissStyles","z189sj","useIconStyles","base","Bw0ie65","Br312pm","nk6f5a","Ijaq50","Bq1tomu","mc9l5x","a9b677","Be2twd7","p","useMediaStyles","useDismissIconStyles","ze5xyy","oy3o9n","eoavqd","Bi91k9c","lj723h","m","h","a","usePrimaryTextStyles","Huce71","Bahqtrf","Bhrd7zp","Bg96gwp","withoutSecondaryText","Byoj8tv","withSecondaryText","B6of3ja","useSecondaryTextBaseClassName","useTagStyles_unstable","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledStyles","rootWithoutMediaStyles","rootWithoutDismissStyles","iconStyles","mediaStyles","dismissIconStyles","primaryTextStyles","secondaryTextBaseClassName","shape","size","className","disabled"],"sources":["useTagStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tagClassNames = {\n    root: 'fui-Tag',\n    media: 'fui-Tag__media',\n    icon: 'fui-Tag__icon',\n    primaryText: 'fui-Tag__primaryText',\n    secondaryText: 'fui-Tag__secondaryText',\n    dismissIcon: 'fui-Tag__dismissIcon'\n};\n/**\n * Inner horizontal space left and right of Tag\n */ const tagSpacingMedium = '7px';\nconst tagSpacingSmall = '5px';\nconst tagSpacingExtraSmall = '5px';\nconst mediumIconSize = '20px';\nconst smallIconSize = '16px';\nconst extraSmallIconSize = '12px';\nconst baseStyles = {\n    // reset default button style:\n    fontFamily: 'inherit',\n    padding: '0px',\n    appearance: 'button',\n    textAlign: 'unset',\n    display: 'inline-grid',\n    alignItems: 'center',\n    gridTemplateAreas: `\n  \"media primary   dismissIcon\"\n  \"media secondary dismissIcon\"\n  `,\n    boxSizing: 'border-box',\n    width: 'fit-content',\n    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`\n};\nconst useRootRoundedBaseClassName = makeResetStyles({\n    ...baseStyles,\n    borderRadius: tokens.borderRadiusMedium,\n    ...createCustomFocusIndicatorStyle({\n        borderRadius: tokens.borderRadiusMedium,\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n    }),\n    /**\n   * Pseudo element to draw the border for windows high contrast mode -\n   * when Tag is with secondary text, primary text has negative margin that covers the border.\n   */ '@media (forced-colors: active)': {\n        position: 'relative',\n        '::before': {\n            content: '\"\"',\n            borderTop: `${tokens.strokeWidthThin} solid`,\n            position: 'absolute',\n            top: '-1px',\n            left: '-1px',\n            right: '-1px',\n            bottom: '-1px',\n            borderTopLeftRadius: tokens.borderRadiusMedium,\n            borderTopRightRadius: tokens.borderRadiusMedium\n        }\n    }\n});\nconst useRootCircularBaseClassName = makeResetStyles({\n    ...baseStyles,\n    borderRadius: tokens.borderRadiusCircular,\n    ...createCustomFocusIndicatorStyle({\n        borderRadius: tokens.borderRadiusCircular,\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n    }),\n    /**\n   * Pseudo element to draw the border for windows high contrast mode -\n   * when Tag is with secondary text, primary text has negative margin that covers the border.\n   */ '@media (forced-colors: active)': {\n        position: 'relative',\n        '::before': {\n            content: '\"\"',\n            borderTop: `${tokens.strokeWidthThin} solid`,\n            borderLeft: `${tokens.strokeWidthThin} solid`,\n            borderRight: `${tokens.strokeWidthThin} solid`,\n            position: 'absolute',\n            top: '-1px',\n            left: '-1px',\n            right: '-1px',\n            bottom: '-1px',\n            borderRadius: tokens.borderRadiusCircular\n        }\n    }\n});\nconst useRootStyles = makeStyles({\n    filled: {\n        backgroundColor: tokens.colorNeutralBackground3,\n        color: tokens.colorNeutralForeground2\n    },\n    outline: {\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForeground2,\n        ...shorthands.borderColor(tokens.colorNeutralStroke1)\n    },\n    brand: {\n        backgroundColor: tokens.colorBrandBackground2,\n        color: tokens.colorBrandForeground2\n    },\n    medium: {\n        height: '32px'\n    },\n    small: {\n        height: '24px'\n    },\n    'extra-small': {\n        height: '20px'\n    }\n});\nconst useRootDisabledStyles = makeStyles({\n    filled: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n    },\n    outline: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled)\n    },\n    brand: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n    }\n});\n/**\n * Styles for root slot when Tag is without leading media/icon\n */ const useRootWithoutMediaStyles = makeStyles({\n    medium: {\n        paddingLeft: tagSpacingMedium\n    },\n    small: {\n        paddingLeft: tagSpacingSmall\n    },\n    'extra-small': {\n        paddingLeft: tagSpacingExtraSmall\n    }\n});\n/**\n * Styles for root slot when Tag is without dismiss icon\n */ const useRootWithoutDismissStyles = makeStyles({\n    medium: {\n        paddingRight: tagSpacingMedium\n    },\n    small: {\n        paddingRight: tagSpacingSmall\n    },\n    'extra-small': {\n        paddingRight: tagSpacingExtraSmall\n    }\n});\nexport const useIconStyles = makeStyles({\n    base: {\n        gridArea: 'media',\n        display: 'flex'\n    },\n    medium: {\n        paddingLeft: tagSpacingMedium,\n        paddingRight: tokens.spacingHorizontalXS,\n        width: mediumIconSize,\n        fontSize: mediumIconSize\n    },\n    small: {\n        paddingLeft: tagSpacingSmall,\n        paddingRight: tokens.spacingHorizontalXXS,\n        width: smallIconSize,\n        fontSize: smallIconSize\n    },\n    'extra-small': {\n        paddingLeft: tagSpacingExtraSmall,\n        paddingRight: tokens.spacingHorizontalXXS,\n        width: extraSmallIconSize,\n        fontSize: extraSmallIconSize\n    }\n});\nexport const useMediaStyles = makeStyles({\n    base: {\n        gridArea: 'media',\n        display: 'flex',\n        paddingLeft: '1px'\n    },\n    medium: {\n        paddingRight: tokens.spacingHorizontalS\n    },\n    small: {\n        paddingRight: tokens.spacingHorizontalSNudge\n    },\n    'extra-small': {\n        paddingRight: tokens.spacingHorizontalSNudge\n    }\n});\nconst useDismissIconStyles = makeStyles({\n    base: {\n        gridArea: 'dismissIcon',\n        display: 'flex',\n        // windows high contrast:\n        '@media (forced-colors: active)': {\n            ':hover': {\n                color: 'Highlight'\n            },\n            ':active': {\n                color: 'Highlight'\n            }\n        }\n    },\n    medium: {\n        paddingLeft: tokens.spacingHorizontalXS,\n        paddingRight: tagSpacingMedium,\n        fontSize: mediumIconSize\n    },\n    small: {\n        paddingLeft: tokens.spacingHorizontalXXS,\n        paddingRight: tagSpacingSmall,\n        fontSize: smallIconSize\n    },\n    'extra-small': {\n        paddingLeft: tokens.spacingHorizontalXXS,\n        paddingRight: tagSpacingExtraSmall,\n        fontSize: extraSmallIconSize\n    },\n    filled: {\n        ':hover': {\n            cursor: 'pointer',\n            color: tokens.colorCompoundBrandForeground1Hover\n        },\n        ':active': {\n            color: tokens.colorCompoundBrandForeground1Pressed\n        }\n    },\n    outline: {\n        ':hover': {\n            cursor: 'pointer',\n            color: tokens.colorCompoundBrandForeground1Hover\n        },\n        ':active': {\n            color: tokens.colorCompoundBrandForeground1Pressed\n        }\n    },\n    brand: {\n        ':hover': {\n            cursor: 'pointer',\n            color: tokens.colorCompoundBrandForeground1Hover\n        },\n        ':active': {\n            color: tokens.colorCompoundBrandForeground1Pressed\n        }\n    }\n});\nexport const usePrimaryTextStyles = makeStyles({\n    base: {\n        whiteSpace: 'nowrap',\n        paddingLeft: tokens.spacingHorizontalXXS,\n        paddingRight: tokens.spacingHorizontalXXS\n    },\n    medium: {\n        ...typographyStyles.body1\n    },\n    small: {\n        ...typographyStyles.caption1\n    },\n    'extra-small': {\n        ...typographyStyles.caption1\n    },\n    withoutSecondaryText: {\n        gridColumnStart: 'primary',\n        gridRowStart: 'primary',\n        gridRowEnd: 'secondary',\n        paddingBottom: tokens.spacingHorizontalXXS\n    },\n    withSecondaryText: {\n        gridArea: 'primary',\n        ...typographyStyles.caption1,\n        marginTop: '-2px'\n    }\n});\nexport const useSecondaryTextBaseClassName = makeResetStyles({\n    gridArea: 'secondary',\n    paddingLeft: tokens.spacingHorizontalXXS,\n    paddingRight: tokens.spacingHorizontalXXS,\n    ...typographyStyles.caption2,\n    whiteSpace: 'nowrap'\n});\n/**\n * Apply styling to the Tag slots based on the state\n */ export const useTagStyles_unstable = (state)=>{\n    const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n    const rootCircularBaseClassName = useRootCircularBaseClassName();\n    const rootStyles = useRootStyles();\n    const rootDisabledStyles = useRootDisabledStyles();\n    const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n    const rootWithoutDismissStyles = useRootWithoutDismissStyles();\n    const iconStyles = useIconStyles();\n    const mediaStyles = useMediaStyles();\n    const dismissIconStyles = useDismissIconStyles();\n    const primaryTextStyles = usePrimaryTextStyles();\n    const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n    const { shape, size, appearance } = state;\n    state.root.className = mergeClasses(tagClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, state.disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], !state.dismissIcon && rootWithoutDismissStyles[size], state.root.className);\n    if (state.media) {\n        state.media.className = mergeClasses(tagClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n    }\n    if (state.icon) {\n        state.icon.className = mergeClasses(tagClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n    }\n    if (state.primaryText) {\n        state.primaryText.className = mergeClasses(tagClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n    }\n    if (state.secondaryText) {\n        state.secondaryText.className = mergeClasses(tagClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n    }\n    if (state.dismissIcon) {\n        state.dismissIcon.className = mergeClasses(tagClassNames.dismissIcon, dismissIconStyles.base, dismissIconStyles[size], !state.disabled && dismissIconStyles[appearance], state.dismissIcon.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACtF,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,OAAO,MAAMC,aAAa,GAAG;EACzBC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE,gBAAgB;EACvBC,IAAI,EAAE,eAAe;EACrBC,WAAW,EAAE,sBAAsB;EACnCC,aAAa,EAAE,wBAAwB;EACvCC,WAAW,EAAE;AACjB,CAAC;AACD;AACA;AACA;AAAI,MAAMC,gBAAgB,GAAG,KAAK;AAClC,MAAMC,eAAe,GAAG,KAAK;AAC7B,MAAMC,oBAAoB,GAAG,KAAK;AAClC,MAAMC,cAAc,GAAG,MAAM;AAC7B,MAAMC,aAAa,GAAG,MAAM;AAC5B,MAAMC,kBAAkB,GAAG,MAAM;AACjC,MAAMC,UAAU,GAAG;EACf;EACAC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,KAAK;EACdC,UAAU,EAAE,QAAQ;EACpBC,SAAS,EAAE,OAAO;EAClBC,OAAO,EAAE,aAAa;EACtBC,UAAU,EAAE,QAAQ;EACpBC,iBAAiB,EAAE;AACvB;AACA;AACA,GAAG;EACCC,SAAS,EAAE,YAAY;EACvBC,KAAK,EAAE,aAAa;EACpBC,MAAM,EAAE,GAAG1B,MAAM,CAAC2B,eAAe,UAAU3B,MAAM,CAAC4B,sBAAsB;AAC5E,CAAC;AACD,MAAMC,2BAA2B,gBAAGjC,aAAA;EAAAkC,CAAA;EAAAC,CAAA;AAAA,CAwBnC,CAAC;AACF,MAAMC,4BAA4B,gBAAGpC,aAAA;EAAAkC,CAAA;EAAAC,CAAA;AAAA,CAyBpC,CAAC;AACF,MAAME,aAAa,gBAAGpC,QAAA;EAAAqC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAF,MAAA;IAAAC,MAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAP,MAAA;IAAAC,MAAA;EAAA;EAAAO,MAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAD,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAuBrB,CAAC;AACF,MAAMC,qBAAqB,gBAAGlD,QAAA;EAAAqC,MAAA;IAAAc,OAAA;IAAAb,MAAA;IAAAC,MAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAJ,OAAA;IAAAW,OAAA;IAAAb,MAAA;IAAAC,MAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAM,OAAA;IAAAb,MAAA;IAAAC,MAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAK,CAAA;AAAA,CAmB7B,CAAC;AACF;AACA;AACA;AAAI,MAAMG,yBAAyB,gBAAGpD,QAAA;EAAA8C,MAAA;IAAAO,MAAA;EAAA;EAAAL,KAAA;IAAAK,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;AAAA;EAAAJ,CAAA;AAAA,CAUrC,CAAC;AACF;AACA;AACA;AAAI,MAAMK,2BAA2B,gBAAGtD,QAAA;EAAA8C,MAAA;IAAAS,MAAA;EAAA;EAAAP,KAAA;IAAAO,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;AAAA;EAAAN,CAAA;AAAA,CAUvC,CAAC;AACF,OAAO,MAAMO,aAAa,gBAAGxD,QAAA;EAAAyD,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAjB,MAAA;IAAAO,MAAA;IAAAE,MAAA;IAAAS,MAAA;IAAAC,OAAA;EAAA;EAAAjB,KAAA;IAAAK,MAAA;IAAAE,MAAA;IAAAS,MAAA;IAAAC,OAAA;EAAA;EAAA;IAAAZ,MAAA;IAAAE,MAAA;IAAAS,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAhB,CAAA;IAAAiB,CAAA;EAAA;AAAA,CAuB5B,CAAC;AACF,OAAO,MAAMC,cAAc,gBAAGnE,QAAA;EAAAyD,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAV,MAAA;EAAA;EAAAP,MAAA;IAAAS,MAAA;EAAA;EAAAP,KAAA;IAAAO,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;AAAA;EAAAN,CAAA;IAAAiB,CAAA;EAAA;AAAA,CAe7B,CAAC;AACF,MAAME,oBAAoB,gBAAGpE,QAAA;EAAAyD,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAM,MAAA;IAAAC,MAAA;EAAA;EAAAxB,MAAA;IAAAO,MAAA;IAAAE,MAAA;IAAAU,OAAA;EAAA;EAAAjB,KAAA;IAAAK,MAAA;IAAAE,MAAA;IAAAU,OAAA;EAAA;EAAA;IAAAZ,MAAA;IAAAE,MAAA;IAAAU,OAAA;EAAA;EAAA5B,MAAA;IAAAkC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAjC,OAAA;IAAA+B,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA5B,KAAA;IAAA0B,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAxB,CAAA;IAAAiB,CAAA;EAAA;EAAAQ,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,CAwD5B,CAAC;AACF,OAAO,MAAMC,oBAAoB,gBAAG7E,QAAA;EAAAyD,IAAA;IAAAqB,MAAA;IAAAzB,MAAA;IAAAE,MAAA;EAAA;EAAAT,MAAA;IAAAiC,OAAA;IAAAd,OAAA;IAAAe,OAAA;IAAAC,OAAA;EAAA;EAAAjC,KAAA;IAAA+B,OAAA;IAAAd,OAAA;IAAAe,OAAA;IAAAC,OAAA;EAAA;EAAA;IAAAF,OAAA;IAAAd,OAAA;IAAAe,OAAA;IAAAC,OAAA;EAAA;EAAAC,oBAAA;IAAAvB,OAAA;IAAAE,MAAA;IAAAD,MAAA;IAAAuB,OAAA;EAAA;EAAAC,iBAAA;IAAA1B,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAiB,OAAA;IAAAd,OAAA;IAAAe,OAAA;IAAAC,OAAA;IAAAI,OAAA;EAAA;AAAA;EAAApC,CAAA;IAAAiB,CAAA;EAAA;AAAA,CA0BnC,CAAC;AACF,OAAO,MAAMoB,6BAA6B,gBAAGvF,aAAA,ikBAM5C,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMwF,qBAAqB,GAAIC,KAAK,IAAG;EAC9C,MAAMC,wBAAwB,GAAGzD,2BAA2B,CAAC,CAAC;EAC9D,MAAM0D,yBAAyB,GAAGvD,4BAA4B,CAAC,CAAC;EAChE,MAAMwD,UAAU,GAAGvD,aAAa,CAAC,CAAC;EAClC,MAAMwD,kBAAkB,GAAG1C,qBAAqB,CAAC,CAAC;EAClD,MAAM2C,sBAAsB,GAAGzC,yBAAyB,CAAC,CAAC;EAC1D,MAAM0C,wBAAwB,GAAGxC,2BAA2B,CAAC,CAAC;EAC9D,MAAMyC,UAAU,GAAGvC,aAAa,CAAC,CAAC;EAClC,MAAMwC,WAAW,GAAG7B,cAAc,CAAC,CAAC;EACpC,MAAM8B,iBAAiB,GAAG7B,oBAAoB,CAAC,CAAC;EAChD,MAAM8B,iBAAiB,GAAGrB,oBAAoB,CAAC,CAAC;EAChD,MAAMsB,0BAA0B,GAAGb,6BAA6B,CAAC,CAAC;EAClE,MAAM;IAAEc,KAAK;IAAEC,IAAI;IAAE/E;EAAW,CAAC,GAAGkE,KAAK;EACzCA,KAAK,CAACjF,IAAI,CAAC+F,SAAS,GAAGrG,YAAY,CAACK,aAAa,CAACC,IAAI,EAAE6F,KAAK,KAAK,SAAS,GAAGX,wBAAwB,GAAGC,yBAAyB,EAAEF,KAAK,CAACe,QAAQ,GAAGX,kBAAkB,CAACtE,UAAU,CAAC,GAAGqE,UAAU,CAACrE,UAAU,CAAC,EAAEqE,UAAU,CAACU,IAAI,CAAC,EAAE,CAACb,KAAK,CAAChF,KAAK,IAAI,CAACgF,KAAK,CAAC/E,IAAI,IAAIoF,sBAAsB,CAACQ,IAAI,CAAC,EAAE,CAACb,KAAK,CAAC5E,WAAW,IAAIkF,wBAAwB,CAACO,IAAI,CAAC,EAAEb,KAAK,CAACjF,IAAI,CAAC+F,SAAS,CAAC;EACxW,IAAId,KAAK,CAAChF,KAAK,EAAE;IACbgF,KAAK,CAAChF,KAAK,CAAC8F,SAAS,GAAGrG,YAAY,CAACK,aAAa,CAACE,KAAK,EAAEwF,WAAW,CAACvC,IAAI,EAAEuC,WAAW,CAACK,IAAI,CAAC,EAAEb,KAAK,CAAChF,KAAK,CAAC8F,SAAS,CAAC;EACzH;EACA,IAAId,KAAK,CAAC/E,IAAI,EAAE;IACZ+E,KAAK,CAAC/E,IAAI,CAAC6F,SAAS,GAAGrG,YAAY,CAACK,aAAa,CAACG,IAAI,EAAEsF,UAAU,CAACtC,IAAI,EAAEsC,UAAU,CAACM,IAAI,CAAC,EAAEb,KAAK,CAAC/E,IAAI,CAAC6F,SAAS,CAAC;EACpH;EACA,IAAId,KAAK,CAAC9E,WAAW,EAAE;IACnB8E,KAAK,CAAC9E,WAAW,CAAC4F,SAAS,GAAGrG,YAAY,CAACK,aAAa,CAACI,WAAW,EAAEwF,iBAAiB,CAACzC,IAAI,EAAEyC,iBAAiB,CAACG,IAAI,CAAC,EAAEb,KAAK,CAAC7E,aAAa,GAAGuF,iBAAiB,CAACd,iBAAiB,GAAGc,iBAAiB,CAAChB,oBAAoB,EAAEM,KAAK,CAAC9E,WAAW,CAAC4F,SAAS,CAAC;EAC3P;EACA,IAAId,KAAK,CAAC7E,aAAa,EAAE;IACrB6E,KAAK,CAAC7E,aAAa,CAAC2F,SAAS,GAAGrG,YAAY,CAACK,aAAa,CAACK,aAAa,EAAEwF,0BAA0B,EAAEX,KAAK,CAAC7E,aAAa,CAAC2F,SAAS,CAAC;EACxI;EACA,IAAId,KAAK,CAAC5E,WAAW,EAAE;IACnB4E,KAAK,CAAC5E,WAAW,CAAC0F,SAAS,GAAGrG,YAAY,CAACK,aAAa,CAACM,WAAW,EAAEqF,iBAAiB,CAACxC,IAAI,EAAEwC,iBAAiB,CAACI,IAAI,CAAC,EAAE,CAACb,KAAK,CAACe,QAAQ,IAAIN,iBAAiB,CAAC3E,UAAU,CAAC,EAAEkE,KAAK,CAAC5E,WAAW,CAAC0F,SAAS,CAAC;EACzM;EACA,OAAOd,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","tokens","typographyStyles","createCustomFocusIndicatorStyle","tagClassNames","root","media","icon","primaryText","secondaryText","dismissIcon","tagSpacingMedium","tagSpacingSmall","tagSpacingExtraSmall","mediumIconSize","smallIconSize","extraSmallIconSize","baseStyles","fontFamily","padding","appearance","textAlign","display","alignItems","gridTemplateAreas","boxSizing","width","border","strokeWidthThin","colorTransparentStroke","useRootRoundedBaseClassName","r","s","useRootCircularBaseClassName","useRootStyles","filled","De3pzq","sj55zd","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","brand","medium","Bqenvij","small","d","useRootDisabledStyles","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithoutDismissStyles","z189sj","useIconStyles","base","Bw0ie65","Br312pm","nk6f5a","Ijaq50","Bq1tomu","mc9l5x","a9b677","Be2twd7","p","useMediaStyles","useDismissIconStyles","ze5xyy","oy3o9n","eoavqd","Bi91k9c","lj723h","m","h","a","usePrimaryTextStyles","Huce71","Bahqtrf","Bhrd7zp","Bg96gwp","withoutSecondaryText","Byoj8tv","withSecondaryText","B6of3ja","useSecondaryTextBaseClassName","useTagStyles_unstable","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledStyles","rootWithoutMediaStyles","rootWithoutDismissStyles","iconStyles","mediaStyles","dismissIconStyles","primaryTextStyles","secondaryTextBaseClassName","shape","size","className","disabled"],"sources":["useTagStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tagClassNames = {\n    root: 'fui-Tag',\n    media: 'fui-Tag__media',\n    icon: 'fui-Tag__icon',\n    primaryText: 'fui-Tag__primaryText',\n    secondaryText: 'fui-Tag__secondaryText',\n    dismissIcon: 'fui-Tag__dismissIcon'\n};\n/**\n * Inner horizontal space left and right of Tag\n */ const tagSpacingMedium = '7px';\nconst tagSpacingSmall = '5px';\nconst tagSpacingExtraSmall = '5px';\nconst mediumIconSize = '20px';\nconst smallIconSize = '16px';\nconst extraSmallIconSize = '12px';\nconst baseStyles = {\n    // reset default button style:\n    fontFamily: 'inherit',\n    padding: '0px',\n    appearance: 'button',\n    textAlign: 'unset',\n    display: 'inline-grid',\n    alignItems: 'center',\n    gridTemplateAreas: `\n  \"media primary   dismissIcon\"\n  \"media secondary dismissIcon\"\n  `,\n    boxSizing: 'border-box',\n    width: 'fit-content',\n    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`\n};\nconst useRootRoundedBaseClassName = makeResetStyles({\n    ...baseStyles,\n    borderRadius: tokens.borderRadiusMedium,\n    ...createCustomFocusIndicatorStyle({\n        borderRadius: tokens.borderRadiusMedium,\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n    }),\n    /**\n   * Pseudo element to draw the border for windows high contrast mode -\n   * when Tag is with secondary text, primary text has negative margin that covers the border.\n   */ '@media (forced-colors: active)': {\n        position: 'relative',\n        '::before': {\n            content: '\"\"',\n            borderTop: `${tokens.strokeWidthThin} solid`,\n            position: 'absolute',\n            top: '-1px',\n            left: '-1px',\n            right: '-1px',\n            bottom: '-1px',\n            borderTopLeftRadius: tokens.borderRadiusMedium,\n            borderTopRightRadius: tokens.borderRadiusMedium\n        }\n    }\n});\nconst useRootCircularBaseClassName = makeResetStyles({\n    ...baseStyles,\n    borderRadius: tokens.borderRadiusCircular,\n    ...createCustomFocusIndicatorStyle({\n        borderRadius: tokens.borderRadiusCircular,\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n    }),\n    /**\n   * Pseudo element to draw the border for windows high contrast mode -\n   * when Tag is with secondary text, primary text has negative margin that covers the border.\n   */ '@media (forced-colors: active)': {\n        position: 'relative',\n        '::before': {\n            content: '\"\"',\n            borderTop: `${tokens.strokeWidthThin} solid`,\n            borderLeft: `${tokens.strokeWidthThin} solid`,\n            borderRight: `${tokens.strokeWidthThin} solid`,\n            position: 'absolute',\n            top: '-1px',\n            left: '-1px',\n            right: '-1px',\n            bottom: '-1px',\n            borderRadius: tokens.borderRadiusCircular\n        }\n    }\n});\nconst useRootStyles = makeStyles({\n    filled: {\n        backgroundColor: tokens.colorNeutralBackground3,\n        color: tokens.colorNeutralForeground2\n    },\n    outline: {\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForeground2,\n        ...shorthands.borderColor(tokens.colorNeutralStroke1)\n    },\n    brand: {\n        backgroundColor: tokens.colorBrandBackground2,\n        color: tokens.colorBrandForeground2\n    },\n    medium: {\n        height: '32px'\n    },\n    small: {\n        height: '24px'\n    },\n    'extra-small': {\n        height: '20px'\n    }\n});\nconst useRootDisabledStyles = makeStyles({\n    filled: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n    },\n    outline: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled)\n    },\n    brand: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        color: tokens.colorNeutralForegroundDisabled,\n        ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n    }\n});\n/**\n * Styles for root slot when Tag is without leading media/icon\n */ const useRootWithoutMediaStyles = makeStyles({\n    medium: {\n        paddingLeft: tagSpacingMedium\n    },\n    small: {\n        paddingLeft: tagSpacingSmall\n    },\n    'extra-small': {\n        paddingLeft: tagSpacingExtraSmall\n    }\n});\n/**\n * Styles for root slot when Tag is without dismiss icon\n */ const useRootWithoutDismissStyles = makeStyles({\n    medium: {\n        paddingRight: tagSpacingMedium\n    },\n    small: {\n        paddingRight: tagSpacingSmall\n    },\n    'extra-small': {\n        paddingRight: tagSpacingExtraSmall\n    }\n});\nexport const useIconStyles = makeStyles({\n    base: {\n        gridArea: 'media',\n        display: 'flex'\n    },\n    medium: {\n        paddingLeft: tagSpacingMedium,\n        paddingRight: tokens.spacingHorizontalXS,\n        width: mediumIconSize,\n        fontSize: mediumIconSize\n    },\n    small: {\n        paddingLeft: tagSpacingSmall,\n        paddingRight: tokens.spacingHorizontalXXS,\n        width: smallIconSize,\n        fontSize: smallIconSize\n    },\n    'extra-small': {\n        paddingLeft: tagSpacingExtraSmall,\n        paddingRight: tokens.spacingHorizontalXXS,\n        width: extraSmallIconSize,\n        fontSize: extraSmallIconSize\n    }\n});\nexport const useMediaStyles = makeStyles({\n    base: {\n        gridArea: 'media',\n        display: 'flex',\n        paddingLeft: '1px'\n    },\n    medium: {\n        paddingRight: tokens.spacingHorizontalS\n    },\n    small: {\n        paddingRight: tokens.spacingHorizontalSNudge\n    },\n    'extra-small': {\n        paddingRight: tokens.spacingHorizontalSNudge\n    }\n});\nconst useDismissIconStyles = makeStyles({\n    base: {\n        gridArea: 'dismissIcon',\n        display: 'flex',\n        // windows high contrast:\n        '@media (forced-colors: active)': {\n            ':hover': {\n                color: 'Highlight'\n            },\n            ':active': {\n                color: 'Highlight'\n            }\n        }\n    },\n    medium: {\n        paddingLeft: tokens.spacingHorizontalXS,\n        paddingRight: tagSpacingMedium,\n        fontSize: mediumIconSize\n    },\n    small: {\n        paddingLeft: tokens.spacingHorizontalXXS,\n        paddingRight: tagSpacingSmall,\n        fontSize: smallIconSize\n    },\n    'extra-small': {\n        paddingLeft: tokens.spacingHorizontalXXS,\n        paddingRight: tagSpacingExtraSmall,\n        fontSize: extraSmallIconSize\n    },\n    filled: {\n        ':hover': {\n            cursor: 'pointer',\n            color: tokens.colorCompoundBrandForeground1Hover\n        },\n        ':active': {\n            color: tokens.colorCompoundBrandForeground1Pressed\n        }\n    },\n    outline: {\n        ':hover': {\n            cursor: 'pointer',\n            color: tokens.colorCompoundBrandForeground1Hover\n        },\n        ':active': {\n            color: tokens.colorCompoundBrandForeground1Pressed\n        }\n    },\n    brand: {\n        ':hover': {\n            cursor: 'pointer',\n            color: tokens.colorCompoundBrandForeground1Hover\n        },\n        ':active': {\n            color: tokens.colorCompoundBrandForeground1Pressed\n        }\n    }\n});\nexport const usePrimaryTextStyles = makeStyles({\n    base: {\n        whiteSpace: 'nowrap',\n        paddingLeft: tokens.spacingHorizontalXXS,\n        paddingRight: tokens.spacingHorizontalXXS\n    },\n    medium: {\n        ...typographyStyles.body1\n    },\n    small: {\n        ...typographyStyles.caption1\n    },\n    'extra-small': {\n        ...typographyStyles.caption1\n    },\n    withoutSecondaryText: {\n        gridColumnStart: 'primary',\n        gridRowStart: 'primary',\n        gridRowEnd: 'secondary',\n        paddingBottom: tokens.spacingHorizontalXXS\n    },\n    withSecondaryText: {\n        gridArea: 'primary',\n        ...typographyStyles.caption1,\n        marginTop: '-2px'\n    }\n});\nexport const useSecondaryTextBaseClassName = makeResetStyles({\n    gridArea: 'secondary',\n    paddingLeft: tokens.spacingHorizontalXXS,\n    paddingRight: tokens.spacingHorizontalXXS,\n    ...typographyStyles.caption2,\n    whiteSpace: 'nowrap'\n});\n/**\n * Apply styling to the Tag slots based on the state\n */ export const useTagStyles_unstable = (state)=>{\n    'use no memo';\n    const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n    const rootCircularBaseClassName = useRootCircularBaseClassName();\n    const rootStyles = useRootStyles();\n    const rootDisabledStyles = useRootDisabledStyles();\n    const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n    const rootWithoutDismissStyles = useRootWithoutDismissStyles();\n    const iconStyles = useIconStyles();\n    const mediaStyles = useMediaStyles();\n    const dismissIconStyles = useDismissIconStyles();\n    const primaryTextStyles = usePrimaryTextStyles();\n    const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n    const { shape, size, appearance } = state;\n    state.root.className = mergeClasses(tagClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, state.disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], !state.dismissIcon && rootWithoutDismissStyles[size], state.root.className);\n    if (state.media) {\n        state.media.className = mergeClasses(tagClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n    }\n    if (state.icon) {\n        state.icon.className = mergeClasses(tagClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n    }\n    if (state.primaryText) {\n        state.primaryText.className = mergeClasses(tagClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n    }\n    if (state.secondaryText) {\n        state.secondaryText.className = mergeClasses(tagClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n    }\n    if (state.dismissIcon) {\n        state.dismissIcon.className = mergeClasses(tagClassNames.dismissIcon, dismissIconStyles.base, dismissIconStyles[size], !state.disabled && dismissIconStyles[appearance], state.dismissIcon.className);\n    }\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/TagGroup/useTagGroupStyles.styles.js

@@ -26,6 +26,8 @@ const useRootStyles = /*#__PURE__*/__styles({
  * Apply styling to the TagGroup slots based on the state
  */
 export const useTagGroupStyles_unstable = state => {
+  'use no memo';
+
   const styles = useRootStyles();
   const {
     size

package/lib/components/TagGroup/useTagGroupStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","tokens","tagGroupClassNames","root","useRootStyles","base","mc9l5x","medium","i8kkvl","small","d","useTagGroupStyles_unstable","state","styles","size","className"],"sources":["useTagGroupStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tagGroupClassNames = {\n    root: 'fui-TagGroup'\n};\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n    base: {\n        display: 'inline-flex'\n    },\n    medium: {\n        columnGap: tokens.spacingHorizontalS\n    },\n    small: {\n        columnGap: tokens.spacingHorizontalSNudge\n    },\n    'extra-small': {\n        columnGap: tokens.spacingHorizontalXS\n    }\n});\n/**\n * Apply styling to the TagGroup slots based on the state\n */ export const useTagGroupStyles_unstable = (state)=>{\n    const styles = useRootStyles();\n    const { size } = state;\n    state.root.className = mergeClasses(tagGroupClassNames.root, styles.base, styles[size], state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,aAAa,gBAAGL,QAAA;EAAAM,IAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAD,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAazB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,0BAA0B,GAAIC,KAAK,IAAG;EACnD,MAAMC,MAAM,GAAGT,aAAa,CAAC,CAAC;EAC9B,MAAM;IAAEU;EAAK,CAAC,GAAGF,KAAK;EACtBA,KAAK,CAACT,IAAI,CAACY,SAAS,GAAGf,YAAY,CAACE,kBAAkB,CAACC,IAAI,EAAEU,MAAM,CAACR,IAAI,EAAEQ,MAAM,CAACC,IAAI,CAAC,EAAEF,KAAK,CAACT,IAAI,CAACY,SAAS,CAAC;EAC7G,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","tokens","tagGroupClassNames","root","useRootStyles","base","mc9l5x","medium","i8kkvl","small","d","useTagGroupStyles_unstable","state","styles","size","className"],"sources":["useTagGroupStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tagGroupClassNames = {\n    root: 'fui-TagGroup'\n};\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n    base: {\n        display: 'inline-flex'\n    },\n    medium: {\n        columnGap: tokens.spacingHorizontalS\n    },\n    small: {\n        columnGap: tokens.spacingHorizontalSNudge\n    },\n    'extra-small': {\n        columnGap: tokens.spacingHorizontalXS\n    }\n});\n/**\n * Apply styling to the TagGroup slots based on the state\n */ export const useTagGroupStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useRootStyles();\n    const { size } = state;\n    state.root.className = mergeClasses(tagGroupClassNames.root, styles.base, styles[size], state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,aAAa,gBAAGL,QAAA;EAAAM,IAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAD,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAazB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,0BAA0B,GAAIC,KAAK,IAAG;EACnD,aAAa;;EACb,MAAMC,MAAM,GAAGT,aAAa,CAAC,CAAC;EAC9B,MAAM;IAAEU;EAAK,CAAC,GAAGF,KAAK;EACtBA,KAAK,CAACT,IAAI,CAACY,SAAS,GAAGf,YAAY,CAACE,kBAAkB,CAACC,IAAI,EAAEU,MAAM,CAACR,IAAI,EAAEQ,MAAM,CAACC,IAAI,CAAC,EAAEF,KAAK,CAACT,IAAI,CAACY,SAAS,CAAC;EAC7G,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib-commonjs/components/InteractionTag/useInteractionTagStyles.styles.js

@@ -67,6 +67,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useInteractionTagStyles_unstable = (state)=>{
+    'use no memo';
     const rootBaseClassName = useRootBaseClassName();
     const rootStyles = useRootStyles();
     const { shape, size } = state;

package/lib-commonjs/components/InteractionTag/useInteractionTagStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useInteractionTagStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const interactionTagClassNames = {\n  root: 'fui-InteractionTag'\n};\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"r1y684pp\", null, [\".r1y684pp{display:inline-flex;align-items:center;box-sizing:border-box;width:fit-content;}\"]);\nconst useRootStyles = /*#__PURE__*/__styles({\n  rounded: {\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"ft85np5\"\n  },\n  circular: {\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"f44lkw9\"\n  },\n  medium: {\n    Bqenvij: \"f1d2rq10\"\n  },\n  small: {\n    Bqenvij: \"frvgh55\"\n  },\n  \"extra-small\": {\n    Bqenvij: \"fjamq6b\"\n  }\n}, {\n  d: [[\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], [\".f44lkw9{border-radius:var(--borderRadiusCircular);}\", {\n    p: -1\n  }], \".f1d2rq10{height:32px;}\", \".frvgh55{height:24px;}\", \".fjamq6b{height:20px;}\"]\n});\n/**\n * Apply styling to the InteractionTag slots based on the state\n */\nexport const useInteractionTagStyles_unstable = state => {\n  const rootBaseClassName = useRootBaseClassName();\n  const rootStyles = useRootStyles();\n  const {\n    shape,\n    size\n  } = state;\n  state.root.className = mergeClasses(interactionTagClassNames.root, rootBaseClassName, rootStyles[shape], rootStyles[size], state.root.className);\n  return state;\n};\n//# sourceMappingURL=useInteractionTagStyles.styles.js.map"],"names":["interactionTagClassNames","useInteractionTagStyles_unstable","root","useRootBaseClassName","__resetStyles","useRootStyles","__styles","rounded","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","circular","medium","Bqenvij","small","d","p","state","rootBaseClassName","rootStyles","shape","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,wBAAwB;eAAxBA;;IAsCAC,gCAAgC;eAAhCA;;;uBAxCyC;AAE/C,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,uBAAuB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,MAAM;IAAC;CAA6F;AACxK,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,SAAS;QACPC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,UAAU;QACRL,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAE,QAAQ;QACNC,SAAS;IACX;IACAC,OAAO;QACLD,SAAS;IACX;IACA,eAAe;QACbA,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;YAAC;YAAsD;gBACzDC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAwD;gBAC3DA,GAAG,CAAC;YACN;SAAE;QAAE;QAA2B;QAA0B;KAAyB;AACpF;AAIO,MAAMjB,mCAAmCkB,CAAAA;IAC9C,MAAMC,oBAAoBjB;IAC1B,MAAMkB,aAAahB;IACnB,MAAM,EACJiB,KAAK,EACLC,IAAI,EACL,GAAGJ;IACJA,MAAMjB,IAAI,CAACsB,SAAS,GAAGC,IAAAA,mBAAY,EAACzB,yBAAyBE,IAAI,EAAEkB,mBAAmBC,UAAU,CAACC,MAAM,EAAED,UAAU,CAACE,KAAK,EAAEJ,MAAMjB,IAAI,CAACsB,SAAS;IAC/I,OAAOL;AACT,GACA,0DAA0D"}
+{"version":3,"sources":["useInteractionTagStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const interactionTagClassNames = {\n  root: 'fui-InteractionTag'\n};\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"r1y684pp\", null, [\".r1y684pp{display:inline-flex;align-items:center;box-sizing:border-box;width:fit-content;}\"]);\nconst useRootStyles = /*#__PURE__*/__styles({\n  rounded: {\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"ft85np5\"\n  },\n  circular: {\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"f44lkw9\"\n  },\n  medium: {\n    Bqenvij: \"f1d2rq10\"\n  },\n  small: {\n    Bqenvij: \"frvgh55\"\n  },\n  \"extra-small\": {\n    Bqenvij: \"fjamq6b\"\n  }\n}, {\n  d: [[\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], [\".f44lkw9{border-radius:var(--borderRadiusCircular);}\", {\n    p: -1\n  }], \".f1d2rq10{height:32px;}\", \".frvgh55{height:24px;}\", \".fjamq6b{height:20px;}\"]\n});\n/**\n * Apply styling to the InteractionTag slots based on the state\n */\nexport const useInteractionTagStyles_unstable = state => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const rootStyles = useRootStyles();\n  const {\n    shape,\n    size\n  } = state;\n  state.root.className = mergeClasses(interactionTagClassNames.root, rootBaseClassName, rootStyles[shape], rootStyles[size], state.root.className);\n  return state;\n};\n//# sourceMappingURL=useInteractionTagStyles.styles.js.map"],"names":["interactionTagClassNames","useInteractionTagStyles_unstable","root","useRootBaseClassName","__resetStyles","useRootStyles","__styles","rounded","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","circular","medium","Bqenvij","small","d","p","state","rootBaseClassName","rootStyles","shape","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,wBAAwB;eAAxBA;;IAsCAC,gCAAgC;eAAhCA;;;uBAxCyC;AAE/C,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,uBAAuB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,MAAM;IAAC;CAA6F;AACxK,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,SAAS;QACPC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,UAAU;QACRL,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAE,QAAQ;QACNC,SAAS;IACX;IACAC,OAAO;QACLD,SAAS;IACX;IACA,eAAe;QACbA,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;YAAC;YAAsD;gBACzDC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAwD;gBAC3DA,GAAG,CAAC;YACN;SAAE;QAAE;QAA2B;QAA0B;KAAyB;AACpF;AAIO,MAAMjB,mCAAmCkB,CAAAA;IAC9C;IAEA,MAAMC,oBAAoBjB;IAC1B,MAAMkB,aAAahB;IACnB,MAAM,EACJiB,KAAK,EACLC,IAAI,EACL,GAAGJ;IACJA,MAAMjB,IAAI,CAACsB,SAAS,GAAGC,IAAAA,mBAAY,EAACzB,yBAAyBE,IAAI,EAAEkB,mBAAmBC,UAAU,CAACC,MAAM,EAAED,UAAU,CAACE,KAAK,EAAEJ,MAAMjB,IAAI,CAACsB,SAAS;IAC/I,OAAOL;AACT,GACA,0DAA0D"}

package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js

@@ -396,6 +396,7 @@ const useRootDisabledAppearances = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useInteractionTagPrimaryStyles_unstable = (state)=>{
+    'use no memo';
     const rootRoundedBaseClassName = useRootRoundedBaseClassName();
     const rootCircularBaseClassName = useRootCircularBaseClassName();
     const rootStyles = useRootStyles();

package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useInteractionTagPrimaryStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { useIconStyles, useMediaStyles, usePrimaryTextStyles, useSecondaryTextBaseClassName } from '../Tag/useTagStyles.styles';\nexport const interactionTagPrimaryClassNames = {\n  root: 'fui-InteractionTagPrimary',\n  media: 'fui-InteractionTagPrimary__media',\n  icon: 'fui-InteractionTagPrimary__icon',\n  primaryText: 'fui-InteractionTagPrimary__primaryText',\n  secondaryText: 'fui-InteractionTagPrimary__secondaryText'\n};\nconst baseStyles = {\n  // reset default button style:\n  color: 'inherit',\n  fontFamily: 'inherit',\n  padding: '0px',\n  borderStyle: 'none',\n  appearance: 'button',\n  textAlign: 'unset',\n  backgroundColor: 'transparent',\n  display: 'inline-grid',\n  height: '100%',\n  alignItems: 'center',\n  gridTemplateAreas: `\n  \"media primary  \"\n  \"media secondary\"\n  `,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n  ... /*#__PURE__*/createCustomFocusIndicatorStyle({\n    outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n    zIndex: 1\n  })\n};\nconst useRootRoundedBaseClassName = /*#__PURE__*/__resetStyles(\"r1tlgozh\", \"r80ltmz\", {\n  r: [\".r1tlgozh{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:inline-grid;height:100%;align-items:center;grid-template-areas:\\\"media primary  \\\" \\\"media secondary\\\";border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);}\", \".r1tlgozh[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);z-index:1;}\", \".r80ltmz{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:inline-grid;height:100%;align-items:center;grid-template-areas:\\\"media primary  \\\" \\\"media secondary\\\";border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);}\", \".r80ltmz[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);z-index:1;}\"],\n  s: [\"@media (forced-colors: active){.r1tlgozh{position:relative;}.r1tlgozh::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);}}\", \"@media (forced-colors: active){.r80ltmz{position:relative;}.r80ltmz::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);}}\"]\n});\nconst useRootCircularBaseClassName = /*#__PURE__*/__resetStyles(\"r1cz4vob\", \"r1awuv7b\", {\n  r: [\".r1cz4vob{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:inline-grid;height:100%;align-items:center;grid-template-areas:\\\"media primary  \\\" \\\"media secondary\\\";border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusCircular);}\", \".r1cz4vob[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);z-index:1;}\", \".r1awuv7b{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:inline-grid;height:100%;align-items:center;grid-template-areas:\\\"media primary  \\\" \\\"media secondary\\\";border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusCircular);}\", \".r1awuv7b[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);z-index:1;}\"],\n  s: [\"@media (forced-colors: active){.r1cz4vob{position:relative;}.r1cz4vob::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;border-left:var(--strokeWidthThin) solid;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-top-left-radius:var(--borderRadiusCircular);border-bottom-left-radius:var(--borderRadiusCircular);}}\", \"@media (forced-colors: active){.r1awuv7b{position:relative;}.r1awuv7b::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;border-right:var(--strokeWidthThin) solid;position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;border-top-right-radius:var(--borderRadiusCircular);border-bottom-right-radius:var(--borderRadiusCircular);}}\"]\n});\n/**\n * Style override for pseudo element that draws the border for windows high contrast mode\n */\nconst useRootCircularContrastStyles = /*#__PURE__*/__styles({\n  withoutSecondaryAction: {\n    Bglfifq: \"ff3fe07\",\n    hxi8he: 0,\n    B33s42s: 0,\n    G4pote: 0,\n    gw1m2h: [\"f19rnj73\", \"f1jjg5yc\"],\n    w20ur: [\"f6k8nl2\", \"f1ik0cvg\"],\n    Byczuf6: [\"f10f1qdh\", \"fmb7qm7\"]\n  }\n}, {\n  m: [[\"@media (forced-colors: active){.ff3fe07{position:relative;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f19rnj73::before{border-right:var(--strokeWidthThin) solid transparent;}.f1jjg5yc::before{border-left:var(--strokeWidthThin) solid transparent;}}\", {\n    p: -1,\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1ik0cvg::before{border-top-left-radius:var(--borderRadiusCircular);}.f6k8nl2::before{border-top-right-radius:var(--borderRadiusCircular);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f10f1qdh::before{border-bottom-right-radius:var(--borderRadiusCircular);}.fmb7qm7::before{border-bottom-left-radius:var(--borderRadiusCircular);}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useRootStyles = /*#__PURE__*/__styles({\n  filled: {\n    De3pzq: \"f16xq7d1\",\n    sj55zd: \"fkfq4zb\",\n    eoavqd: \"f8491dx\",\n    Jwef8y: \"f1h648pw\",\n    Bi91k9c: \"fnwyq0v\",\n    ecr2s2: \"fwdzr64\",\n    lj723h: \"flvvhsy\",\n    Bqrx1nm: \"fq7113v\",\n    kx9iu6: \"fp3oj7s\"\n  },\n  outline: {\n    De3pzq: \"fhovq9v\",\n    sj55zd: \"fkfq4zb\",\n    g2u3we: \"fj3muxo\",\n    h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n    B9xav0g: \"f1aperda\",\n    zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n    eoavqd: \"f8491dx\",\n    Jwef8y: \"f1t94bn6\",\n    Bi91k9c: \"fnwyq0v\",\n    Bk3fhr4: \"ft1hn21\",\n    I6i3kg: \"fqbfmpb\",\n    Bmfj8id: \"fuxngvv\",\n    ecr2s2: \"f1wfn5kd\",\n    lj723h: \"flvvhsy\",\n    Bnrwwps: \"fvpl5sy\",\n    weioyw: \"f1xblose\",\n    Bpre390: \"f8upcvr\",\n    Bqrx1nm: \"fq7113v\",\n    kx9iu6: \"fp3oj7s\"\n  },\n  brand: {\n    De3pzq: \"f16xkysk\",\n    sj55zd: \"faj9fo0\",\n    eoavqd: \"f8491dx\",\n    Jwef8y: \"f1yj72w4\",\n    Bi91k9c: \"f3ymbdj\",\n    ecr2s2: \"fy3sl2y\",\n    lj723h: \"fryz5bw\",\n    Bqrx1nm: \"fq7113v\",\n    kx9iu6: \"fp3oj7s\"\n  },\n  medium: {\n    z189sj: [\"f18k1jr3\", \"f1rtp3s9\"]\n  },\n  small: {\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"]\n  },\n  \"extra-small\": {\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"]\n  }\n}, {\n  d: [\".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\", \".faj9fo0{color:var(--colorBrandForeground2);}\", \".f18k1jr3{padding-right:7px;}\", \".f1rtp3s9{padding-left:7px;}\", \".fwiuce9{padding-right:5px;}\", \".f15vdbe4{padding-left:5px;}\"],\n  h: [\".f8491dx:hover{cursor:pointer;}\", \".f1h648pw:hover{background-color:var(--colorNeutralBackground3Hover);}\", \".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".ft1hn21:hover .fui-Icon-filled{display:inline;}\", \".fqbfmpb:hover .fui-Icon-filled{color:var(--colorNeutralForeground2BrandHover);}\", \".fuxngvv:hover .fui-Icon-regular{display:none;}\", \".f1yj72w4:hover{background-color:var(--colorBrandBackground2Hover);}\", \".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}\"],\n  a: [\".fwdzr64:active{background-color:var(--colorNeutralBackground3Pressed);}\", \".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".fvpl5sy:active .fui-Icon-filled{display:inline;}\", \".f1xblose:active .fui-Icon-filled{color:var(--colorNeutralForeground2BrandPressed);}\", \".f8upcvr:active .fui-Icon-regular{display:none;}\", \".fy3sl2y:active{background-color:var(--colorBrandBackground2Pressed);}\", \".fryz5bw:active{color:var(--colorCompoundBrandForeground1Pressed);}\"],\n  m: [[\"@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fp3oj7s:active{background-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useRootDisabledAppearances = /*#__PURE__*/__styles({\n  filled: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1bg9a2p\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"fgig46g\",\n    h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n    B9xav0g: \"f250w3l\",\n    zhjwy3: [\"fziff3p\", \"f1mxt3zg\"]\n  },\n  outline: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"fhovq9v\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"f1jj8ep1\",\n    h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"]\n  },\n  brand: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1bg9a2p\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"fgig46g\",\n    h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n    B9xav0g: \"f250w3l\",\n    zhjwy3: [\"fziff3p\", \"f1mxt3zg\"]\n  }\n}, {\n  d: [\".fdrzuqr{cursor:not-allowed;}\", \".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}\", \".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}\", \".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}\", \".f250w3l{border-bottom-color:var(--colorTransparentStrokeDisabled);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\"]\n});\n/**\n * Styles for InteractionTagPrimary without leading media/icon\n */\nconst useRootWithoutMediaStyles = /*#__PURE__*/__styles({\n  medium: {\n    uwmqm3: [\"f1rtp3s9\", \"f18k1jr3\"]\n  },\n  small: {\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"]\n  },\n  \"extra-small\": {\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"]\n  }\n}, {\n  d: [\".f1rtp3s9{padding-left:7px;}\", \".f18k1jr3{padding-right:7px;}\", \".f15vdbe4{padding-left:5px;}\", \".fwiuce9{padding-right:5px;}\"]\n});\n/**\n * Styles for InteractionTagPrimary when InteractionTag has a Secondary button\n */\nconst useRootWithSecondaryActionStyles = /*#__PURE__*/__styles({\n  base: {\n    B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n    Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    B6xbmo0: [\"f146y5a9\", \"f1k2ftg\"],\n    kdpuga: [\"f1ndz5i7\", \"f1co4qro\"]\n  },\n  medium: {\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"]\n  },\n  small: {\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"]\n  },\n  \"extra-small\": {\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"]\n  }\n}, {\n  d: [\".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}\", \".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}\", \".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}\", \".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f146y5a9[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusNone);}\", \".f1k2ftg[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusNone);}\", \".f1ndz5i7[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusNone);}\", \".f1co4qro[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\"]\n});\nexport const useInteractionTagPrimaryStyles_unstable = state => {\n  const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n  const rootCircularBaseClassName = useRootCircularBaseClassName();\n  const rootStyles = useRootStyles();\n  const rootDisabledAppearances = useRootDisabledAppearances();\n  const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n  const rootWithSecondaryActionStyles = useRootWithSecondaryActionStyles();\n  const iconStyles = useIconStyles();\n  const mediaStyles = useMediaStyles();\n  const primaryTextStyles = usePrimaryTextStyles();\n  const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n  const rootCircularContrastStyles = useRootCircularContrastStyles();\n  const {\n    shape,\n    size,\n    appearance\n  } = state;\n  state.root.className = mergeClasses(interactionTagPrimaryClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, shape === 'circular' && !state.hasSecondaryAction && rootCircularContrastStyles.withoutSecondaryAction, state.disabled ? rootDisabledAppearances[appearance] : rootStyles[appearance], rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], state.hasSecondaryAction && rootWithSecondaryActionStyles.base, state.hasSecondaryAction && rootWithSecondaryActionStyles[size], state.root.className);\n  if (state.media) {\n    state.media.className = mergeClasses(interactionTagPrimaryClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n  }\n  if (state.icon) {\n    state.icon.className = mergeClasses(interactionTagPrimaryClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n  }\n  if (state.primaryText) {\n    state.primaryText.className = mergeClasses(interactionTagPrimaryClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n  }\n  if (state.secondaryText) {\n    state.secondaryText.className = mergeClasses(interactionTagPrimaryClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useInteractionTagPrimaryStyles.styles.js.map"],"names":["interactionTagPrimaryClassNames","useInteractionTagPrimaryStyles_unstable","root","media","icon","primaryText","secondaryText","baseStyles","color","fontFamily","padding","borderStyle","appearance","textAlign","backgroundColor","display","height","alignItems","gridTemplateAreas","border","tokens","strokeWidthThin","colorTransparentStroke","createCustomFocusIndicatorStyle","outline","strokeWidthThick","colorStrokeFocus2","zIndex","useRootRoundedBaseClassName","__resetStyles","r","s","useRootCircularBaseClassName","useRootCircularContrastStyles","__styles","withoutSecondaryAction","Bglfifq","hxi8he","B33s42s","G4pote","gw1m2h","w20ur","Byczuf6","m","p","useRootStyles","filled","De3pzq","sj55zd","eoavqd","Jwef8y","Bi91k9c","ecr2s2","lj723h","Bqrx1nm","kx9iu6","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bk3fhr4","I6i3kg","Bmfj8id","Bnrwwps","weioyw","Bpre390","brand","medium","z189sj","small","d","h","a","useRootDisabledAppearances","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithSecondaryActionStyles","base","B7oj6ja","Bbmb7ep","vrafjx","B6xbmo0","kdpuga","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledAppearances","rootWithoutMediaStyles","rootWithSecondaryActionStyles","iconStyles","useIconStyles","mediaStyles","useMediaStyles","primaryTextStyles","usePrimaryTextStyles","secondaryTextBaseClassName","useSecondaryTextBaseClassName","rootCircularContrastStyles","shape","size","className","mergeClasses","hasSecondaryAction","disabled","withSecondaryText","withoutSecondaryText"],"mappings":"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"}
+{"version":3,"sources":["useInteractionTagPrimaryStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { useIconStyles, useMediaStyles, usePrimaryTextStyles, useSecondaryTextBaseClassName } from '../Tag/useTagStyles.styles';\nexport const interactionTagPrimaryClassNames = {\n  root: 'fui-InteractionTagPrimary',\n  media: 'fui-InteractionTagPrimary__media',\n  icon: 'fui-InteractionTagPrimary__icon',\n  primaryText: 'fui-InteractionTagPrimary__primaryText',\n  secondaryText: 'fui-InteractionTagPrimary__secondaryText'\n};\nconst baseStyles = {\n  // reset default button style:\n  color: 'inherit',\n  fontFamily: 'inherit',\n  padding: '0px',\n  borderStyle: 'none',\n  appearance: 'button',\n  textAlign: 'unset',\n  backgroundColor: 'transparent',\n  display: 'inline-grid',\n  height: '100%',\n  alignItems: 'center',\n  gridTemplateAreas: `\n  \"media primary  \"\n  \"media secondary\"\n  `,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n  ... /*#__PURE__*/createCustomFocusIndicatorStyle({\n    outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n    zIndex: 1\n  })\n};\nconst useRootRoundedBaseClassName = /*#__PURE__*/__resetStyles(\"r1tlgozh\", \"r80ltmz\", {\n  r: [\".r1tlgozh{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:inline-grid;height:100%;align-items:center;grid-template-areas:\\\"media primary  \\\" \\\"media secondary\\\";border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);}\", \".r1tlgozh[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);z-index:1;}\", \".r80ltmz{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:inline-grid;height:100%;align-items:center;grid-template-areas:\\\"media primary  \\\" \\\"media secondary\\\";border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);}\", \".r80ltmz[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);z-index:1;}\"],\n  s: [\"@media (forced-colors: active){.r1tlgozh{position:relative;}.r1tlgozh::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);}}\", \"@media (forced-colors: active){.r80ltmz{position:relative;}.r80ltmz::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);}}\"]\n});\nconst useRootCircularBaseClassName = /*#__PURE__*/__resetStyles(\"r1cz4vob\", \"r1awuv7b\", {\n  r: [\".r1cz4vob{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:inline-grid;height:100%;align-items:center;grid-template-areas:\\\"media primary  \\\" \\\"media secondary\\\";border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusCircular);}\", \".r1cz4vob[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);z-index:1;}\", \".r1awuv7b{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:inline-grid;height:100%;align-items:center;grid-template-areas:\\\"media primary  \\\" \\\"media secondary\\\";border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusCircular);}\", \".r1awuv7b[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);z-index:1;}\"],\n  s: [\"@media (forced-colors: active){.r1cz4vob{position:relative;}.r1cz4vob::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;border-left:var(--strokeWidthThin) solid;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-top-left-radius:var(--borderRadiusCircular);border-bottom-left-radius:var(--borderRadiusCircular);}}\", \"@media (forced-colors: active){.r1awuv7b{position:relative;}.r1awuv7b::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;border-right:var(--strokeWidthThin) solid;position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;border-top-right-radius:var(--borderRadiusCircular);border-bottom-right-radius:var(--borderRadiusCircular);}}\"]\n});\n/**\n * Style override for pseudo element that draws the border for windows high contrast mode\n */\nconst useRootCircularContrastStyles = /*#__PURE__*/__styles({\n  withoutSecondaryAction: {\n    Bglfifq: \"ff3fe07\",\n    hxi8he: 0,\n    B33s42s: 0,\n    G4pote: 0,\n    gw1m2h: [\"f19rnj73\", \"f1jjg5yc\"],\n    w20ur: [\"f6k8nl2\", \"f1ik0cvg\"],\n    Byczuf6: [\"f10f1qdh\", \"fmb7qm7\"]\n  }\n}, {\n  m: [[\"@media (forced-colors: active){.ff3fe07{position:relative;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f19rnj73::before{border-right:var(--strokeWidthThin) solid transparent;}.f1jjg5yc::before{border-left:var(--strokeWidthThin) solid transparent;}}\", {\n    p: -1,\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1ik0cvg::before{border-top-left-radius:var(--borderRadiusCircular);}.f6k8nl2::before{border-top-right-radius:var(--borderRadiusCircular);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f10f1qdh::before{border-bottom-right-radius:var(--borderRadiusCircular);}.fmb7qm7::before{border-bottom-left-radius:var(--borderRadiusCircular);}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useRootStyles = /*#__PURE__*/__styles({\n  filled: {\n    De3pzq: \"f16xq7d1\",\n    sj55zd: \"fkfq4zb\",\n    eoavqd: \"f8491dx\",\n    Jwef8y: \"f1h648pw\",\n    Bi91k9c: \"fnwyq0v\",\n    ecr2s2: \"fwdzr64\",\n    lj723h: \"flvvhsy\",\n    Bqrx1nm: \"fq7113v\",\n    kx9iu6: \"fp3oj7s\"\n  },\n  outline: {\n    De3pzq: \"fhovq9v\",\n    sj55zd: \"fkfq4zb\",\n    g2u3we: \"fj3muxo\",\n    h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n    B9xav0g: \"f1aperda\",\n    zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n    eoavqd: \"f8491dx\",\n    Jwef8y: \"f1t94bn6\",\n    Bi91k9c: \"fnwyq0v\",\n    Bk3fhr4: \"ft1hn21\",\n    I6i3kg: \"fqbfmpb\",\n    Bmfj8id: \"fuxngvv\",\n    ecr2s2: \"f1wfn5kd\",\n    lj723h: \"flvvhsy\",\n    Bnrwwps: \"fvpl5sy\",\n    weioyw: \"f1xblose\",\n    Bpre390: \"f8upcvr\",\n    Bqrx1nm: \"fq7113v\",\n    kx9iu6: \"fp3oj7s\"\n  },\n  brand: {\n    De3pzq: \"f16xkysk\",\n    sj55zd: \"faj9fo0\",\n    eoavqd: \"f8491dx\",\n    Jwef8y: \"f1yj72w4\",\n    Bi91k9c: \"f3ymbdj\",\n    ecr2s2: \"fy3sl2y\",\n    lj723h: \"fryz5bw\",\n    Bqrx1nm: \"fq7113v\",\n    kx9iu6: \"fp3oj7s\"\n  },\n  medium: {\n    z189sj: [\"f18k1jr3\", \"f1rtp3s9\"]\n  },\n  small: {\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"]\n  },\n  \"extra-small\": {\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"]\n  }\n}, {\n  d: [\".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\", \".faj9fo0{color:var(--colorBrandForeground2);}\", \".f18k1jr3{padding-right:7px;}\", \".f1rtp3s9{padding-left:7px;}\", \".fwiuce9{padding-right:5px;}\", \".f15vdbe4{padding-left:5px;}\"],\n  h: [\".f8491dx:hover{cursor:pointer;}\", \".f1h648pw:hover{background-color:var(--colorNeutralBackground3Hover);}\", \".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".ft1hn21:hover .fui-Icon-filled{display:inline;}\", \".fqbfmpb:hover .fui-Icon-filled{color:var(--colorNeutralForeground2BrandHover);}\", \".fuxngvv:hover .fui-Icon-regular{display:none;}\", \".f1yj72w4:hover{background-color:var(--colorBrandBackground2Hover);}\", \".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}\"],\n  a: [\".fwdzr64:active{background-color:var(--colorNeutralBackground3Pressed);}\", \".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".fvpl5sy:active .fui-Icon-filled{display:inline;}\", \".f1xblose:active .fui-Icon-filled{color:var(--colorNeutralForeground2BrandPressed);}\", \".f8upcvr:active .fui-Icon-regular{display:none;}\", \".fy3sl2y:active{background-color:var(--colorBrandBackground2Pressed);}\", \".fryz5bw:active{color:var(--colorCompoundBrandForeground1Pressed);}\"],\n  m: [[\"@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fp3oj7s:active{background-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useRootDisabledAppearances = /*#__PURE__*/__styles({\n  filled: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1bg9a2p\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"fgig46g\",\n    h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n    B9xav0g: \"f250w3l\",\n    zhjwy3: [\"fziff3p\", \"f1mxt3zg\"]\n  },\n  outline: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"fhovq9v\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"f1jj8ep1\",\n    h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"]\n  },\n  brand: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1bg9a2p\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"fgig46g\",\n    h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n    B9xav0g: \"f250w3l\",\n    zhjwy3: [\"fziff3p\", \"f1mxt3zg\"]\n  }\n}, {\n  d: [\".fdrzuqr{cursor:not-allowed;}\", \".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}\", \".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}\", \".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}\", \".f250w3l{border-bottom-color:var(--colorTransparentStrokeDisabled);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\"]\n});\n/**\n * Styles for InteractionTagPrimary without leading media/icon\n */\nconst useRootWithoutMediaStyles = /*#__PURE__*/__styles({\n  medium: {\n    uwmqm3: [\"f1rtp3s9\", \"f18k1jr3\"]\n  },\n  small: {\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"]\n  },\n  \"extra-small\": {\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"]\n  }\n}, {\n  d: [\".f1rtp3s9{padding-left:7px;}\", \".f18k1jr3{padding-right:7px;}\", \".f15vdbe4{padding-left:5px;}\", \".fwiuce9{padding-right:5px;}\"]\n});\n/**\n * Styles for InteractionTagPrimary when InteractionTag has a Secondary button\n */\nconst useRootWithSecondaryActionStyles = /*#__PURE__*/__styles({\n  base: {\n    B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n    Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    B6xbmo0: [\"f146y5a9\", \"f1k2ftg\"],\n    kdpuga: [\"f1ndz5i7\", \"f1co4qro\"]\n  },\n  medium: {\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"]\n  },\n  small: {\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"]\n  },\n  \"extra-small\": {\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"]\n  }\n}, {\n  d: [\".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}\", \".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}\", \".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}\", \".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f146y5a9[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusNone);}\", \".f1k2ftg[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusNone);}\", \".f1ndz5i7[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusNone);}\", \".f1co4qro[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\"]\n});\nexport const useInteractionTagPrimaryStyles_unstable = state => {\n  'use no memo';\n\n  const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n  const rootCircularBaseClassName = useRootCircularBaseClassName();\n  const rootStyles = useRootStyles();\n  const rootDisabledAppearances = useRootDisabledAppearances();\n  const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n  const rootWithSecondaryActionStyles = useRootWithSecondaryActionStyles();\n  const iconStyles = useIconStyles();\n  const mediaStyles = useMediaStyles();\n  const primaryTextStyles = usePrimaryTextStyles();\n  const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n  const rootCircularContrastStyles = useRootCircularContrastStyles();\n  const {\n    shape,\n    size,\n    appearance\n  } = state;\n  state.root.className = mergeClasses(interactionTagPrimaryClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, shape === 'circular' && !state.hasSecondaryAction && rootCircularContrastStyles.withoutSecondaryAction, state.disabled ? rootDisabledAppearances[appearance] : rootStyles[appearance], rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], state.hasSecondaryAction && rootWithSecondaryActionStyles.base, state.hasSecondaryAction && rootWithSecondaryActionStyles[size], state.root.className);\n  if (state.media) {\n    state.media.className = mergeClasses(interactionTagPrimaryClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n  }\n  if (state.icon) {\n    state.icon.className = mergeClasses(interactionTagPrimaryClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n  }\n  if (state.primaryText) {\n    state.primaryText.className = mergeClasses(interactionTagPrimaryClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n  }\n  if (state.secondaryText) {\n    state.secondaryText.className = mergeClasses(interactionTagPrimaryClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useInteractionTagPrimaryStyles.styles.js.map"],"names":["interactionTagPrimaryClassNames","useInteractionTagPrimaryStyles_unstable","root","media","icon","primaryText","secondaryText","baseStyles","color","fontFamily","padding","borderStyle","appearance","textAlign","backgroundColor","display","height","alignItems","gridTemplateAreas","border","tokens","strokeWidthThin","colorTransparentStroke","createCustomFocusIndicatorStyle","outline","strokeWidthThick","colorStrokeFocus2","zIndex","useRootRoundedBaseClassName","__resetStyles","r","s","useRootCircularBaseClassName","useRootCircularContrastStyles","__styles","withoutSecondaryAction","Bglfifq","hxi8he","B33s42s","G4pote","gw1m2h","w20ur","Byczuf6","m","p","useRootStyles","filled","De3pzq","sj55zd","eoavqd","Jwef8y","Bi91k9c","ecr2s2","lj723h","Bqrx1nm","kx9iu6","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bk3fhr4","I6i3kg","Bmfj8id","Bnrwwps","weioyw","Bpre390","brand","medium","z189sj","small","d","h","a","useRootDisabledAppearances","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithSecondaryActionStyles","base","B7oj6ja","Bbmb7ep","vrafjx","B6xbmo0","kdpuga","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledAppearances","rootWithoutMediaStyles","rootWithSecondaryActionStyles","iconStyles","useIconStyles","mediaStyles","useMediaStyles","primaryTextStyles","usePrimaryTextStyles","secondaryTextBaseClassName","useSecondaryTextBaseClassName","rootCircularContrastStyles","shape","size","className","mergeClasses","hasSecondaryAction","disabled","withSecondaryText","withoutSecondaryText"],"mappings":"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"}

package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js

@@ -252,6 +252,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useInteractionTagSecondaryStyles_unstable = (state)=>{
+    'use no memo';
     const rootBaseClassName = useRootBaseClassName();
     const rootStyles = useRootStyles();
     const rootDisabledStyles = useRootDisabledStyles();

package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useInteractionTagSecondaryStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const interactionTagSecondaryClassNames = {\n  root: 'fui-InteractionTagSecondary'\n};\nconst mediumIconSize = '20px';\nconst smallIconSize = '16px';\nconst extraSmallIconSize = '12px';\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"rxqbxwz\", \"rdjx360\", [\".rxqbxwz{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:flex;height:100%;align-items:center;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-left-color:var(--colorNeutralStroke1);border-top-left-radius:var(--borderRadiusNone);border-bottom-left-radius:var(--borderRadiusNone);}\", \".rxqbxwz[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", \".rdjx360{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:flex;height:100%;align-items:center;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-right-color:var(--colorNeutralStroke1);border-top-right-radius:var(--borderRadiusNone);border-bottom-right-radius:var(--borderRadiusNone);}\", \".rdjx360[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\"]);\nconst useRootStyles = /*#__PURE__*/__styles({\n  filled: {\n    De3pzq: \"f16xq7d1\",\n    sj55zd: \"fkfq4zb\",\n    eoavqd: \"f8491dx\",\n    Jwef8y: \"f1h648pw\",\n    Bi91k9c: \"f139oj5f\",\n    ecr2s2: \"fwdzr64\",\n    lj723h: \"f19au66r\",\n    Bqrx1nm: \"fq7113v\",\n    kx9iu6: \"fp3oj7s\"\n  },\n  outline: {\n    De3pzq: \"fhovq9v\",\n    sj55zd: \"fkfq4zb\",\n    g2u3we: \"fj3muxo\",\n    h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n    B9xav0g: \"f1aperda\",\n    zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n    eoavqd: \"f8491dx\",\n    Jwef8y: \"f1t94bn6\",\n    Bi91k9c: \"f139oj5f\",\n    ecr2s2: \"f1wfn5kd\",\n    lj723h: \"f19au66r\",\n    Bqrx1nm: \"fq7113v\",\n    kx9iu6: \"fp3oj7s\"\n  },\n  brand: {\n    De3pzq: \"f16xkysk\",\n    sj55zd: \"faj9fo0\",\n    zhjwy3: [\"f1sl6hi9\", \"f1c8dzaj\"],\n    eoavqd: \"f8491dx\",\n    Jwef8y: \"f1yj72w4\",\n    Bi91k9c: \"f3ymbdj\",\n    ecr2s2: \"fy3sl2y\",\n    lj723h: \"fryz5bw\",\n    Bqrx1nm: \"fq7113v\",\n    kx9iu6: \"fp3oj7s\"\n  },\n  rounded: {\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"]\n  },\n  circular: {\n    B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n    Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"]\n  },\n  medium: {\n    Be2twd7: \"fe5j1ua\",\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"],\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"]\n  },\n  small: {\n    Be2twd7: \"f4ybsrx\",\n    uwmqm3: [\"f2lugmd\", \"f6zblan\"],\n    z189sj: [\"f6zblan\", \"f2lugmd\"]\n  },\n  \"extra-small\": {\n    Be2twd7: \"f1ugzwwg\",\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"],\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"]\n  }\n}, {\n  d: [\".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\", \".faj9fo0{color:var(--colorBrandForeground2);}\", \".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}\", \".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".fe5j1ua{font-size:20px;}\", \".f15vdbe4{padding-left:5px;}\", \".fwiuce9{padding-right:5px;}\", \".f4ybsrx{font-size:16px;}\", \".f2lugmd{padding-left:3px;}\", \".f6zblan{padding-right:3px;}\", \".f1ugzwwg{font-size:12px;}\"],\n  h: [\".f8491dx:hover{cursor:pointer;}\", \".f1h648pw:hover{background-color:var(--colorNeutralBackground3Hover);}\", \".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1yj72w4:hover{background-color:var(--colorBrandBackground2Hover);}\", \".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}\"],\n  a: [\".fwdzr64:active{background-color:var(--colorNeutralBackground3Pressed);}\", \".f19au66r:active{color:var(--colorNeutralForeground2BrandPressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".fy3sl2y:active{background-color:var(--colorBrandBackground2Pressed);}\", \".fryz5bw:active{color:var(--colorCompoundBrandForeground1Pressed);}\"],\n  m: [[\"@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fp3oj7s:active{background-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useRootDisabledStyles = /*#__PURE__*/__styles({\n  filled: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1bg9a2p\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"fgig46g\",\n    h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n    B9xav0g: \"f250w3l\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"]\n  },\n  outline: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"fhovq9v\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"f1jj8ep1\",\n    h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"]\n  },\n  brand: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1bg9a2p\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"fgig46g\",\n    h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n    B9xav0g: \"f250w3l\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"]\n  }\n}, {\n  d: [\".fdrzuqr{cursor:not-allowed;}\", \".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}\", \".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}\", \".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}\", \".f250w3l{border-bottom-color:var(--colorTransparentStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\"]\n});\nexport const useInteractionTagSecondaryStyles_unstable = state => {\n  const rootBaseClassName = useRootBaseClassName();\n  const rootStyles = useRootStyles();\n  const rootDisabledStyles = useRootDisabledStyles();\n  const {\n    shape,\n    size,\n    appearance\n  } = state;\n  state.root.className = mergeClasses(interactionTagSecondaryClassNames.root, rootBaseClassName, state.disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], rootStyles[shape], rootStyles[size], state.root.className);\n  return state;\n};\n//# sourceMappingURL=useInteractionTagSecondaryStyles.styles.js.map"],"names":["interactionTagSecondaryClassNames","useInteractionTagSecondaryStyles_unstable","root","mediumIconSize","smallIconSize","extraSmallIconSize","useRootBaseClassName","__resetStyles","useRootStyles","__styles","filled","De3pzq","sj55zd","eoavqd","Jwef8y","Bi91k9c","ecr2s2","lj723h","Bqrx1nm","kx9iu6","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","brand","rounded","B7oj6ja","Bbmb7ep","circular","medium","Be2twd7","uwmqm3","z189sj","small","d","h","a","m","useRootDisabledStyles","Bceei9c","state","rootBaseClassName","rootStyles","rootDisabledStyles","shape","size","appearance","className","mergeClasses","disabled"],"mappings":"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"}
+{"version":3,"sources":["useInteractionTagSecondaryStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const interactionTagSecondaryClassNames = {\n  root: 'fui-InteractionTagSecondary'\n};\nconst mediumIconSize = '20px';\nconst smallIconSize = '16px';\nconst extraSmallIconSize = '12px';\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"rxqbxwz\", \"rdjx360\", [\".rxqbxwz{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:flex;height:100%;align-items:center;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-left-color:var(--colorNeutralStroke1);border-top-left-radius:var(--borderRadiusNone);border-bottom-left-radius:var(--borderRadiusNone);}\", \".rxqbxwz[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", \".rdjx360{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:flex;height:100%;align-items:center;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-right-color:var(--colorNeutralStroke1);border-top-right-radius:var(--borderRadiusNone);border-bottom-right-radius:var(--borderRadiusNone);}\", \".rdjx360[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\"]);\nconst useRootStyles = /*#__PURE__*/__styles({\n  filled: {\n    De3pzq: \"f16xq7d1\",\n    sj55zd: \"fkfq4zb\",\n    eoavqd: \"f8491dx\",\n    Jwef8y: \"f1h648pw\",\n    Bi91k9c: \"f139oj5f\",\n    ecr2s2: \"fwdzr64\",\n    lj723h: \"f19au66r\",\n    Bqrx1nm: \"fq7113v\",\n    kx9iu6: \"fp3oj7s\"\n  },\n  outline: {\n    De3pzq: \"fhovq9v\",\n    sj55zd: \"fkfq4zb\",\n    g2u3we: \"fj3muxo\",\n    h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n    B9xav0g: \"f1aperda\",\n    zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n    eoavqd: \"f8491dx\",\n    Jwef8y: \"f1t94bn6\",\n    Bi91k9c: \"f139oj5f\",\n    ecr2s2: \"f1wfn5kd\",\n    lj723h: \"f19au66r\",\n    Bqrx1nm: \"fq7113v\",\n    kx9iu6: \"fp3oj7s\"\n  },\n  brand: {\n    De3pzq: \"f16xkysk\",\n    sj55zd: \"faj9fo0\",\n    zhjwy3: [\"f1sl6hi9\", \"f1c8dzaj\"],\n    eoavqd: \"f8491dx\",\n    Jwef8y: \"f1yj72w4\",\n    Bi91k9c: \"f3ymbdj\",\n    ecr2s2: \"fy3sl2y\",\n    lj723h: \"fryz5bw\",\n    Bqrx1nm: \"fq7113v\",\n    kx9iu6: \"fp3oj7s\"\n  },\n  rounded: {\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"]\n  },\n  circular: {\n    B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n    Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"]\n  },\n  medium: {\n    Be2twd7: \"fe5j1ua\",\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"],\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"]\n  },\n  small: {\n    Be2twd7: \"f4ybsrx\",\n    uwmqm3: [\"f2lugmd\", \"f6zblan\"],\n    z189sj: [\"f6zblan\", \"f2lugmd\"]\n  },\n  \"extra-small\": {\n    Be2twd7: \"f1ugzwwg\",\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"],\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"]\n  }\n}, {\n  d: [\".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\", \".faj9fo0{color:var(--colorBrandForeground2);}\", \".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}\", \".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".fe5j1ua{font-size:20px;}\", \".f15vdbe4{padding-left:5px;}\", \".fwiuce9{padding-right:5px;}\", \".f4ybsrx{font-size:16px;}\", \".f2lugmd{padding-left:3px;}\", \".f6zblan{padding-right:3px;}\", \".f1ugzwwg{font-size:12px;}\"],\n  h: [\".f8491dx:hover{cursor:pointer;}\", \".f1h648pw:hover{background-color:var(--colorNeutralBackground3Hover);}\", \".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1yj72w4:hover{background-color:var(--colorBrandBackground2Hover);}\", \".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}\"],\n  a: [\".fwdzr64:active{background-color:var(--colorNeutralBackground3Pressed);}\", \".f19au66r:active{color:var(--colorNeutralForeground2BrandPressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".fy3sl2y:active{background-color:var(--colorBrandBackground2Pressed);}\", \".fryz5bw:active{color:var(--colorCompoundBrandForeground1Pressed);}\"],\n  m: [[\"@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fp3oj7s:active{background-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useRootDisabledStyles = /*#__PURE__*/__styles({\n  filled: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1bg9a2p\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"fgig46g\",\n    h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n    B9xav0g: \"f250w3l\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"]\n  },\n  outline: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"fhovq9v\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"f1jj8ep1\",\n    h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"]\n  },\n  brand: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1bg9a2p\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"fgig46g\",\n    h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n    B9xav0g: \"f250w3l\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"]\n  }\n}, {\n  d: [\".fdrzuqr{cursor:not-allowed;}\", \".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}\", \".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}\", \".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}\", \".f250w3l{border-bottom-color:var(--colorTransparentStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\"]\n});\nexport const useInteractionTagSecondaryStyles_unstable = state => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const rootStyles = useRootStyles();\n  const rootDisabledStyles = useRootDisabledStyles();\n  const {\n    shape,\n    size,\n    appearance\n  } = state;\n  state.root.className = mergeClasses(interactionTagSecondaryClassNames.root, rootBaseClassName, state.disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], rootStyles[shape], rootStyles[size], state.root.className);\n  return state;\n};\n//# sourceMappingURL=useInteractionTagSecondaryStyles.styles.js.map"],"names":["interactionTagSecondaryClassNames","useInteractionTagSecondaryStyles_unstable","root","mediumIconSize","smallIconSize","extraSmallIconSize","useRootBaseClassName","__resetStyles","useRootStyles","__styles","filled","De3pzq","sj55zd","eoavqd","Jwef8y","Bi91k9c","ecr2s2","lj723h","Bqrx1nm","kx9iu6","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","brand","rounded","B7oj6ja","Bbmb7ep","circular","medium","Be2twd7","uwmqm3","z189sj","small","d","h","a","m","useRootDisabledStyles","Bceei9c","state","rootBaseClassName","rootStyles","rootDisabledStyles","shape","size","appearance","className","mergeClasses","disabled"],"mappings":"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"}

package/lib-commonjs/components/Tag/useTagStyles.styles.js

@@ -551,6 +551,7 @@ const useSecondaryTextBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r
     ".rnrslm9{grid-area:secondary;padding-right:var(--spacingHorizontalXXS);padding-left:var(--spacingHorizontalXXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase100);white-space:nowrap;}"
 ]);
 const useTagStyles_unstable = (state)=>{
+    'use no memo';
     const rootRoundedBaseClassName = useRootRoundedBaseClassName();
     const rootCircularBaseClassName = useRootCircularBaseClassName();
     const rootStyles = useRootStyles();

package/lib-commonjs/components/Tag/useTagStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTagStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tagClassNames = {\n  root: 'fui-Tag',\n  media: 'fui-Tag__media',\n  icon: 'fui-Tag__icon',\n  primaryText: 'fui-Tag__primaryText',\n  secondaryText: 'fui-Tag__secondaryText',\n  dismissIcon: 'fui-Tag__dismissIcon'\n};\n/**\n * Inner horizontal space left and right of Tag\n */\nconst tagSpacingMedium = '7px';\nconst tagSpacingSmall = '5px';\nconst tagSpacingExtraSmall = '5px';\nconst mediumIconSize = '20px';\nconst smallIconSize = '16px';\nconst extraSmallIconSize = '12px';\nconst baseStyles = {\n  // reset default button style:\n  fontFamily: 'inherit',\n  padding: '0px',\n  appearance: 'button',\n  textAlign: 'unset',\n  display: 'inline-grid',\n  alignItems: 'center',\n  gridTemplateAreas: `\n  \"media primary   dismissIcon\"\n  \"media secondary dismissIcon\"\n  `,\n  boxSizing: 'border-box',\n  width: 'fit-content',\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`\n};\nconst useRootRoundedBaseClassName = /*#__PURE__*/__resetStyles(\"r1wstn2o\", \"r7a32g8\", {\n  r: [\".r1wstn2o{font-family:inherit;padding:0px;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;display:inline-grid;align-items:center;grid-template-areas:\\\"media primary   dismissIcon\\\" \\\"media secondary dismissIcon\\\";box-sizing:border-box;width:fit-content;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);}\", \".r1wstn2o[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", \".r7a32g8{font-family:inherit;padding:0px;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;display:inline-grid;align-items:center;grid-template-areas:\\\"media primary   dismissIcon\\\" \\\"media secondary dismissIcon\\\";box-sizing:border-box;width:fit-content;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);}\", \".r7a32g8[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\"],\n  s: [\"@media (forced-colors: active){.r1wstn2o{position:relative;}.r1wstn2o::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);}}\", \"@media (forced-colors: active){.r7a32g8{position:relative;}.r7a32g8::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);}}\"]\n});\nconst useRootCircularBaseClassName = /*#__PURE__*/__resetStyles(\"rlv0lsa\", \"r18mdwmi\", {\n  r: [\".rlv0lsa{font-family:inherit;padding:0px;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;display:inline-grid;align-items:center;grid-template-areas:\\\"media primary   dismissIcon\\\" \\\"media secondary dismissIcon\\\";box-sizing:border-box;width:fit-content;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusCircular);}\", \".rlv0lsa[data-fui-focus-visible]{border-radius:var(--borderRadiusCircular);outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", \".r18mdwmi{font-family:inherit;padding:0px;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;display:inline-grid;align-items:center;grid-template-areas:\\\"media primary   dismissIcon\\\" \\\"media secondary dismissIcon\\\";box-sizing:border-box;width:fit-content;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusCircular);}\", \".r18mdwmi[data-fui-focus-visible]{border-radius:var(--borderRadiusCircular);outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\"],\n  s: [\"@media (forced-colors: active){.rlv0lsa{position:relative;}.rlv0lsa::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;border-left:var(--strokeWidthThin) solid;border-right:var(--strokeWidthThin) solid;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--borderRadiusCircular);}}\", \"@media (forced-colors: active){.r18mdwmi{position:relative;}.r18mdwmi::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;border-right:var(--strokeWidthThin) solid;border-left:var(--strokeWidthThin) solid;position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;border-radius:var(--borderRadiusCircular);}}\"]\n});\nconst useRootStyles = /*#__PURE__*/__styles({\n  filled: {\n    De3pzq: \"f16xq7d1\",\n    sj55zd: \"fkfq4zb\"\n  },\n  outline: {\n    De3pzq: \"fhovq9v\",\n    sj55zd: \"fkfq4zb\",\n    g2u3we: \"fj3muxo\",\n    h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n    B9xav0g: \"f1aperda\",\n    zhjwy3: [\"f1lxtadh\", \"f1akhkt\"]\n  },\n  brand: {\n    De3pzq: \"f16xkysk\",\n    sj55zd: \"faj9fo0\"\n  },\n  medium: {\n    Bqenvij: \"f1d2rq10\"\n  },\n  small: {\n    Bqenvij: \"frvgh55\"\n  },\n  \"extra-small\": {\n    Bqenvij: \"fjamq6b\"\n  }\n}, {\n  d: [\".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\", \".faj9fo0{color:var(--colorBrandForeground2);}\", \".f1d2rq10{height:32px;}\", \".frvgh55{height:24px;}\", \".fjamq6b{height:20px;}\"]\n});\nconst useRootDisabledStyles = /*#__PURE__*/__styles({\n  filled: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1bg9a2p\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"fgig46g\",\n    h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n    B9xav0g: \"f250w3l\",\n    zhjwy3: [\"fziff3p\", \"f1mxt3zg\"]\n  },\n  outline: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"fhovq9v\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"f1jj8ep1\",\n    h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"]\n  },\n  brand: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1bg9a2p\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"fgig46g\",\n    h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n    B9xav0g: \"f250w3l\",\n    zhjwy3: [\"fziff3p\", \"f1mxt3zg\"]\n  }\n}, {\n  d: [\".fdrzuqr{cursor:not-allowed;}\", \".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}\", \".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}\", \".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}\", \".f250w3l{border-bottom-color:var(--colorTransparentStrokeDisabled);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\"]\n});\n/**\n * Styles for root slot when Tag is without leading media/icon\n */\nconst useRootWithoutMediaStyles = /*#__PURE__*/__styles({\n  medium: {\n    uwmqm3: [\"f1rtp3s9\", \"f18k1jr3\"]\n  },\n  small: {\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"]\n  },\n  \"extra-small\": {\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"]\n  }\n}, {\n  d: [\".f1rtp3s9{padding-left:7px;}\", \".f18k1jr3{padding-right:7px;}\", \".f15vdbe4{padding-left:5px;}\", \".fwiuce9{padding-right:5px;}\"]\n});\n/**\n * Styles for root slot when Tag is without dismiss icon\n */\nconst useRootWithoutDismissStyles = /*#__PURE__*/__styles({\n  medium: {\n    z189sj: [\"f18k1jr3\", \"f1rtp3s9\"]\n  },\n  small: {\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"]\n  },\n  \"extra-small\": {\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"]\n  }\n}, {\n  d: [\".f18k1jr3{padding-right:7px;}\", \".f1rtp3s9{padding-left:7px;}\", \".fwiuce9{padding-right:5px;}\", \".f15vdbe4{padding-left:5px;}\"]\n});\nexport const useIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Bw0ie65: 0,\n    Br312pm: 0,\n    nk6f5a: 0,\n    Ijaq50: 0,\n    Bq1tomu: \"fujjg13\",\n    mc9l5x: \"f22iagw\"\n  },\n  medium: {\n    uwmqm3: [\"f1rtp3s9\", \"f18k1jr3\"],\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    a9b677: \"f64fuq3\",\n    Be2twd7: \"fe5j1ua\"\n  },\n  small: {\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"],\n    z189sj: [\"ffczdla\", \"fgiv446\"],\n    a9b677: \"fjw5fx7\",\n    Be2twd7: \"f4ybsrx\"\n  },\n  \"extra-small\": {\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"],\n    z189sj: [\"ffczdla\", \"fgiv446\"],\n    a9b677: \"frx94fk\",\n    Be2twd7: \"f1ugzwwg\"\n  }\n}, {\n  d: [[\".fujjg13{grid-area:media;}\", {\n    p: -1\n  }], \".f22iagw{display:flex;}\", \".f1rtp3s9{padding-left:7px;}\", \".f18k1jr3{padding-right:7px;}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f64fuq3{width:20px;}\", \".fe5j1ua{font-size:20px;}\", \".f15vdbe4{padding-left:5px;}\", \".fwiuce9{padding-right:5px;}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".fjw5fx7{width:16px;}\", \".f4ybsrx{font-size:16px;}\", \".frx94fk{width:12px;}\", \".f1ugzwwg{font-size:12px;}\"]\n});\nexport const useMediaStyles = /*#__PURE__*/__styles({\n  base: {\n    Bw0ie65: 0,\n    Br312pm: 0,\n    nk6f5a: 0,\n    Ijaq50: 0,\n    Bq1tomu: \"fujjg13\",\n    mc9l5x: \"f22iagw\",\n    uwmqm3: [\"f10xn8zz\", \"f136y8j8\"]\n  },\n  medium: {\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"]\n  },\n  small: {\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"]\n  },\n  \"extra-small\": {\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"]\n  }\n}, {\n  d: [[\".fujjg13{grid-area:media;}\", {\n    p: -1\n  }], \".f22iagw{display:flex;}\", \".f10xn8zz{padding-left:1px;}\", \".f136y8j8{padding-right:1px;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\"]\n});\nconst useDismissIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Bw0ie65: 0,\n    Br312pm: 0,\n    nk6f5a: 0,\n    Ijaq50: 0,\n    Bq1tomu: \"f1k1gsvr\",\n    mc9l5x: \"f22iagw\",\n    ze5xyy: \"f4xjyn1\",\n    oy3o9n: \"f1xtr1b3\"\n  },\n  medium: {\n    uwmqm3: [\"fruq291\", \"f7x41pl\"],\n    z189sj: [\"f18k1jr3\", \"f1rtp3s9\"],\n    Be2twd7: \"fe5j1ua\"\n  },\n  small: {\n    uwmqm3: [\"fgiv446\", \"ffczdla\"],\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"],\n    Be2twd7: \"f4ybsrx\"\n  },\n  \"extra-small\": {\n    uwmqm3: [\"fgiv446\", \"ffczdla\"],\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"],\n    Be2twd7: \"f1ugzwwg\"\n  },\n  filled: {\n    eoavqd: \"f8491dx\",\n    Bi91k9c: \"f3ymbdj\",\n    lj723h: \"fryz5bw\"\n  },\n  outline: {\n    eoavqd: \"f8491dx\",\n    Bi91k9c: \"f3ymbdj\",\n    lj723h: \"fryz5bw\"\n  },\n  brand: {\n    eoavqd: \"f8491dx\",\n    Bi91k9c: \"f3ymbdj\",\n    lj723h: \"fryz5bw\"\n  }\n}, {\n  d: [[\".f1k1gsvr{grid-area:dismissIcon;}\", {\n    p: -1\n  }], \".f22iagw{display:flex;}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".f18k1jr3{padding-right:7px;}\", \".f1rtp3s9{padding-left:7px;}\", \".fe5j1ua{font-size:20px;}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fwiuce9{padding-right:5px;}\", \".f15vdbe4{padding-left:5px;}\", \".f4ybsrx{font-size:16px;}\", \".f1ugzwwg{font-size:12px;}\"],\n  m: [[\"@media (forced-colors: active){.f4xjyn1:hover{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1xtr1b3:active{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  h: [\".f8491dx:hover{cursor:pointer;}\", \".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}\"],\n  a: [\".fryz5bw:active{color:var(--colorCompoundBrandForeground1Pressed);}\"]\n});\nexport const usePrimaryTextStyles = /*#__PURE__*/__styles({\n  base: {\n    Huce71: \"fz5stix\",\n    uwmqm3: [\"fgiv446\", \"ffczdla\"],\n    z189sj: [\"ffczdla\", \"fgiv446\"]\n  },\n  medium: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  small: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  \"extra-small\": {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  withoutSecondaryText: {\n    Br312pm: \"faqcfhe\",\n    Ijaq50: \"f1q3ipgb\",\n    nk6f5a: \"fc0ab3q\",\n    Byoj8tv: \"f1g03r3y\"\n  },\n  withSecondaryText: {\n    Bw0ie65: 0,\n    Br312pm: 0,\n    nk6f5a: 0,\n    Ijaq50: 0,\n    Bq1tomu: \"f1ebragv\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\",\n    B6of3ja: \"f1ryq6si\"\n  }\n}, {\n  d: [\".fz5stix{white-space:nowrap;}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".faqcfhe{grid-column-start:primary;}\", \".f1q3ipgb{grid-row-start:primary;}\", \".fc0ab3q{grid-row-end:secondary;}\", \".f1g03r3y{padding-bottom:var(--spacingHorizontalXXS);}\", [\".f1ebragv{grid-area:primary;}\", {\n    p: -1\n  }], \".f1ryq6si{margin-top:-2px;}\"]\n});\nexport const useSecondaryTextBaseClassName = /*#__PURE__*/__resetStyles(\"r7hv1ps\", \"rnrslm9\", [\".r7hv1ps{grid-area:secondary;padding-left:var(--spacingHorizontalXXS);padding-right:var(--spacingHorizontalXXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase100);white-space:nowrap;}\", \".rnrslm9{grid-area:secondary;padding-right:var(--spacingHorizontalXXS);padding-left:var(--spacingHorizontalXXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase100);white-space:nowrap;}\"]);\n/**\n * Apply styling to the Tag slots based on the state\n */\nexport const useTagStyles_unstable = state => {\n  const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n  const rootCircularBaseClassName = useRootCircularBaseClassName();\n  const rootStyles = useRootStyles();\n  const rootDisabledStyles = useRootDisabledStyles();\n  const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n  const rootWithoutDismissStyles = useRootWithoutDismissStyles();\n  const iconStyles = useIconStyles();\n  const mediaStyles = useMediaStyles();\n  const dismissIconStyles = useDismissIconStyles();\n  const primaryTextStyles = usePrimaryTextStyles();\n  const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n  const {\n    shape,\n    size,\n    appearance\n  } = state;\n  state.root.className = mergeClasses(tagClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, state.disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], !state.dismissIcon && rootWithoutDismissStyles[size], state.root.className);\n  if (state.media) {\n    state.media.className = mergeClasses(tagClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n  }\n  if (state.icon) {\n    state.icon.className = mergeClasses(tagClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n  }\n  if (state.primaryText) {\n    state.primaryText.className = mergeClasses(tagClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n  }\n  if (state.secondaryText) {\n    state.secondaryText.className = mergeClasses(tagClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n  }\n  if (state.dismissIcon) {\n    state.dismissIcon.className = mergeClasses(tagClassNames.dismissIcon, dismissIconStyles.base, dismissIconStyles[size], !state.disabled && dismissIconStyles[appearance], state.dismissIcon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTagStyles.styles.js.map"],"names":["tagClassNames","useIconStyles","useMediaStyles","usePrimaryTextStyles","useSecondaryTextBaseClassName","useTagStyles_unstable","root","media","icon","primaryText","secondaryText","dismissIcon","tagSpacingMedium","tagSpacingSmall","tagSpacingExtraSmall","mediumIconSize","smallIconSize","extraSmallIconSize","baseStyles","fontFamily","padding","appearance","textAlign","display","alignItems","gridTemplateAreas","boxSizing","width","border","tokens","strokeWidthThin","colorTransparentStroke","useRootRoundedBaseClassName","__resetStyles","r","s","useRootCircularBaseClassName","useRootStyles","__styles","filled","De3pzq","sj55zd","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","brand","medium","Bqenvij","small","d","useRootDisabledStyles","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithoutDismissStyles","z189sj","base","Bw0ie65","Br312pm","nk6f5a","Ijaq50","Bq1tomu","mc9l5x","a9b677","Be2twd7","p","useDismissIconStyles","ze5xyy","oy3o9n","eoavqd","Bi91k9c","lj723h","m","h","a","Huce71","Bahqtrf","Bhrd7zp","Bg96gwp","withoutSecondaryText","Byoj8tv","withSecondaryText","B6of3ja","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledStyles","rootWithoutMediaStyles","rootWithoutDismissStyles","iconStyles","mediaStyles","dismissIconStyles","primaryTextStyles","secondaryTextBaseClassName","shape","size","className","mergeClasses","disabled"],"mappings":"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"}
+{"version":3,"sources":["useTagStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tagClassNames = {\n  root: 'fui-Tag',\n  media: 'fui-Tag__media',\n  icon: 'fui-Tag__icon',\n  primaryText: 'fui-Tag__primaryText',\n  secondaryText: 'fui-Tag__secondaryText',\n  dismissIcon: 'fui-Tag__dismissIcon'\n};\n/**\n * Inner horizontal space left and right of Tag\n */\nconst tagSpacingMedium = '7px';\nconst tagSpacingSmall = '5px';\nconst tagSpacingExtraSmall = '5px';\nconst mediumIconSize = '20px';\nconst smallIconSize = '16px';\nconst extraSmallIconSize = '12px';\nconst baseStyles = {\n  // reset default button style:\n  fontFamily: 'inherit',\n  padding: '0px',\n  appearance: 'button',\n  textAlign: 'unset',\n  display: 'inline-grid',\n  alignItems: 'center',\n  gridTemplateAreas: `\n  \"media primary   dismissIcon\"\n  \"media secondary dismissIcon\"\n  `,\n  boxSizing: 'border-box',\n  width: 'fit-content',\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`\n};\nconst useRootRoundedBaseClassName = /*#__PURE__*/__resetStyles(\"r1wstn2o\", \"r7a32g8\", {\n  r: [\".r1wstn2o{font-family:inherit;padding:0px;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;display:inline-grid;align-items:center;grid-template-areas:\\\"media primary   dismissIcon\\\" \\\"media secondary dismissIcon\\\";box-sizing:border-box;width:fit-content;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);}\", \".r1wstn2o[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", \".r7a32g8{font-family:inherit;padding:0px;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;display:inline-grid;align-items:center;grid-template-areas:\\\"media primary   dismissIcon\\\" \\\"media secondary dismissIcon\\\";box-sizing:border-box;width:fit-content;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);}\", \".r7a32g8[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\"],\n  s: [\"@media (forced-colors: active){.r1wstn2o{position:relative;}.r1wstn2o::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);}}\", \"@media (forced-colors: active){.r7a32g8{position:relative;}.r7a32g8::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);}}\"]\n});\nconst useRootCircularBaseClassName = /*#__PURE__*/__resetStyles(\"rlv0lsa\", \"r18mdwmi\", {\n  r: [\".rlv0lsa{font-family:inherit;padding:0px;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;display:inline-grid;align-items:center;grid-template-areas:\\\"media primary   dismissIcon\\\" \\\"media secondary dismissIcon\\\";box-sizing:border-box;width:fit-content;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusCircular);}\", \".rlv0lsa[data-fui-focus-visible]{border-radius:var(--borderRadiusCircular);outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", \".r18mdwmi{font-family:inherit;padding:0px;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;display:inline-grid;align-items:center;grid-template-areas:\\\"media primary   dismissIcon\\\" \\\"media secondary dismissIcon\\\";box-sizing:border-box;width:fit-content;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusCircular);}\", \".r18mdwmi[data-fui-focus-visible]{border-radius:var(--borderRadiusCircular);outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\"],\n  s: [\"@media (forced-colors: active){.rlv0lsa{position:relative;}.rlv0lsa::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;border-left:var(--strokeWidthThin) solid;border-right:var(--strokeWidthThin) solid;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--borderRadiusCircular);}}\", \"@media (forced-colors: active){.r18mdwmi{position:relative;}.r18mdwmi::before{content:\\\"\\\";border-top:var(--strokeWidthThin) solid;border-right:var(--strokeWidthThin) solid;border-left:var(--strokeWidthThin) solid;position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;border-radius:var(--borderRadiusCircular);}}\"]\n});\nconst useRootStyles = /*#__PURE__*/__styles({\n  filled: {\n    De3pzq: \"f16xq7d1\",\n    sj55zd: \"fkfq4zb\"\n  },\n  outline: {\n    De3pzq: \"fhovq9v\",\n    sj55zd: \"fkfq4zb\",\n    g2u3we: \"fj3muxo\",\n    h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n    B9xav0g: \"f1aperda\",\n    zhjwy3: [\"f1lxtadh\", \"f1akhkt\"]\n  },\n  brand: {\n    De3pzq: \"f16xkysk\",\n    sj55zd: \"faj9fo0\"\n  },\n  medium: {\n    Bqenvij: \"f1d2rq10\"\n  },\n  small: {\n    Bqenvij: \"frvgh55\"\n  },\n  \"extra-small\": {\n    Bqenvij: \"fjamq6b\"\n  }\n}, {\n  d: [\".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\", \".faj9fo0{color:var(--colorBrandForeground2);}\", \".f1d2rq10{height:32px;}\", \".frvgh55{height:24px;}\", \".fjamq6b{height:20px;}\"]\n});\nconst useRootDisabledStyles = /*#__PURE__*/__styles({\n  filled: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1bg9a2p\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"fgig46g\",\n    h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n    B9xav0g: \"f250w3l\",\n    zhjwy3: [\"fziff3p\", \"f1mxt3zg\"]\n  },\n  outline: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"fhovq9v\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"f1jj8ep1\",\n    h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"]\n  },\n  brand: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1bg9a2p\",\n    sj55zd: \"f1s2aq7o\",\n    g2u3we: \"fgig46g\",\n    h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n    B9xav0g: \"f250w3l\",\n    zhjwy3: [\"fziff3p\", \"f1mxt3zg\"]\n  }\n}, {\n  d: [\".fdrzuqr{cursor:not-allowed;}\", \".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}\", \".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}\", \".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}\", \".f250w3l{border-bottom-color:var(--colorTransparentStrokeDisabled);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\"]\n});\n/**\n * Styles for root slot when Tag is without leading media/icon\n */\nconst useRootWithoutMediaStyles = /*#__PURE__*/__styles({\n  medium: {\n    uwmqm3: [\"f1rtp3s9\", \"f18k1jr3\"]\n  },\n  small: {\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"]\n  },\n  \"extra-small\": {\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"]\n  }\n}, {\n  d: [\".f1rtp3s9{padding-left:7px;}\", \".f18k1jr3{padding-right:7px;}\", \".f15vdbe4{padding-left:5px;}\", \".fwiuce9{padding-right:5px;}\"]\n});\n/**\n * Styles for root slot when Tag is without dismiss icon\n */\nconst useRootWithoutDismissStyles = /*#__PURE__*/__styles({\n  medium: {\n    z189sj: [\"f18k1jr3\", \"f1rtp3s9\"]\n  },\n  small: {\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"]\n  },\n  \"extra-small\": {\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"]\n  }\n}, {\n  d: [\".f18k1jr3{padding-right:7px;}\", \".f1rtp3s9{padding-left:7px;}\", \".fwiuce9{padding-right:5px;}\", \".f15vdbe4{padding-left:5px;}\"]\n});\nexport const useIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Bw0ie65: 0,\n    Br312pm: 0,\n    nk6f5a: 0,\n    Ijaq50: 0,\n    Bq1tomu: \"fujjg13\",\n    mc9l5x: \"f22iagw\"\n  },\n  medium: {\n    uwmqm3: [\"f1rtp3s9\", \"f18k1jr3\"],\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    a9b677: \"f64fuq3\",\n    Be2twd7: \"fe5j1ua\"\n  },\n  small: {\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"],\n    z189sj: [\"ffczdla\", \"fgiv446\"],\n    a9b677: \"fjw5fx7\",\n    Be2twd7: \"f4ybsrx\"\n  },\n  \"extra-small\": {\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"],\n    z189sj: [\"ffczdla\", \"fgiv446\"],\n    a9b677: \"frx94fk\",\n    Be2twd7: \"f1ugzwwg\"\n  }\n}, {\n  d: [[\".fujjg13{grid-area:media;}\", {\n    p: -1\n  }], \".f22iagw{display:flex;}\", \".f1rtp3s9{padding-left:7px;}\", \".f18k1jr3{padding-right:7px;}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f64fuq3{width:20px;}\", \".fe5j1ua{font-size:20px;}\", \".f15vdbe4{padding-left:5px;}\", \".fwiuce9{padding-right:5px;}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".fjw5fx7{width:16px;}\", \".f4ybsrx{font-size:16px;}\", \".frx94fk{width:12px;}\", \".f1ugzwwg{font-size:12px;}\"]\n});\nexport const useMediaStyles = /*#__PURE__*/__styles({\n  base: {\n    Bw0ie65: 0,\n    Br312pm: 0,\n    nk6f5a: 0,\n    Ijaq50: 0,\n    Bq1tomu: \"fujjg13\",\n    mc9l5x: \"f22iagw\",\n    uwmqm3: [\"f10xn8zz\", \"f136y8j8\"]\n  },\n  medium: {\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"]\n  },\n  small: {\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"]\n  },\n  \"extra-small\": {\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"]\n  }\n}, {\n  d: [[\".fujjg13{grid-area:media;}\", {\n    p: -1\n  }], \".f22iagw{display:flex;}\", \".f10xn8zz{padding-left:1px;}\", \".f136y8j8{padding-right:1px;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\"]\n});\nconst useDismissIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Bw0ie65: 0,\n    Br312pm: 0,\n    nk6f5a: 0,\n    Ijaq50: 0,\n    Bq1tomu: \"f1k1gsvr\",\n    mc9l5x: \"f22iagw\",\n    ze5xyy: \"f4xjyn1\",\n    oy3o9n: \"f1xtr1b3\"\n  },\n  medium: {\n    uwmqm3: [\"fruq291\", \"f7x41pl\"],\n    z189sj: [\"f18k1jr3\", \"f1rtp3s9\"],\n    Be2twd7: \"fe5j1ua\"\n  },\n  small: {\n    uwmqm3: [\"fgiv446\", \"ffczdla\"],\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"],\n    Be2twd7: \"f4ybsrx\"\n  },\n  \"extra-small\": {\n    uwmqm3: [\"fgiv446\", \"ffczdla\"],\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"],\n    Be2twd7: \"f1ugzwwg\"\n  },\n  filled: {\n    eoavqd: \"f8491dx\",\n    Bi91k9c: \"f3ymbdj\",\n    lj723h: \"fryz5bw\"\n  },\n  outline: {\n    eoavqd: \"f8491dx\",\n    Bi91k9c: \"f3ymbdj\",\n    lj723h: \"fryz5bw\"\n  },\n  brand: {\n    eoavqd: \"f8491dx\",\n    Bi91k9c: \"f3ymbdj\",\n    lj723h: \"fryz5bw\"\n  }\n}, {\n  d: [[\".f1k1gsvr{grid-area:dismissIcon;}\", {\n    p: -1\n  }], \".f22iagw{display:flex;}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".f18k1jr3{padding-right:7px;}\", \".f1rtp3s9{padding-left:7px;}\", \".fe5j1ua{font-size:20px;}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fwiuce9{padding-right:5px;}\", \".f15vdbe4{padding-left:5px;}\", \".f4ybsrx{font-size:16px;}\", \".f1ugzwwg{font-size:12px;}\"],\n  m: [[\"@media (forced-colors: active){.f4xjyn1:hover{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1xtr1b3:active{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  h: [\".f8491dx:hover{cursor:pointer;}\", \".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}\"],\n  a: [\".fryz5bw:active{color:var(--colorCompoundBrandForeground1Pressed);}\"]\n});\nexport const usePrimaryTextStyles = /*#__PURE__*/__styles({\n  base: {\n    Huce71: \"fz5stix\",\n    uwmqm3: [\"fgiv446\", \"ffczdla\"],\n    z189sj: [\"ffczdla\", \"fgiv446\"]\n  },\n  medium: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  small: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  \"extra-small\": {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  withoutSecondaryText: {\n    Br312pm: \"faqcfhe\",\n    Ijaq50: \"f1q3ipgb\",\n    nk6f5a: \"fc0ab3q\",\n    Byoj8tv: \"f1g03r3y\"\n  },\n  withSecondaryText: {\n    Bw0ie65: 0,\n    Br312pm: 0,\n    nk6f5a: 0,\n    Ijaq50: 0,\n    Bq1tomu: \"f1ebragv\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\",\n    B6of3ja: \"f1ryq6si\"\n  }\n}, {\n  d: [\".fz5stix{white-space:nowrap;}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".faqcfhe{grid-column-start:primary;}\", \".f1q3ipgb{grid-row-start:primary;}\", \".fc0ab3q{grid-row-end:secondary;}\", \".f1g03r3y{padding-bottom:var(--spacingHorizontalXXS);}\", [\".f1ebragv{grid-area:primary;}\", {\n    p: -1\n  }], \".f1ryq6si{margin-top:-2px;}\"]\n});\nexport const useSecondaryTextBaseClassName = /*#__PURE__*/__resetStyles(\"r7hv1ps\", \"rnrslm9\", [\".r7hv1ps{grid-area:secondary;padding-left:var(--spacingHorizontalXXS);padding-right:var(--spacingHorizontalXXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase100);white-space:nowrap;}\", \".rnrslm9{grid-area:secondary;padding-right:var(--spacingHorizontalXXS);padding-left:var(--spacingHorizontalXXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase100);white-space:nowrap;}\"]);\n/**\n * Apply styling to the Tag slots based on the state\n */\nexport const useTagStyles_unstable = state => {\n  'use no memo';\n\n  const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n  const rootCircularBaseClassName = useRootCircularBaseClassName();\n  const rootStyles = useRootStyles();\n  const rootDisabledStyles = useRootDisabledStyles();\n  const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n  const rootWithoutDismissStyles = useRootWithoutDismissStyles();\n  const iconStyles = useIconStyles();\n  const mediaStyles = useMediaStyles();\n  const dismissIconStyles = useDismissIconStyles();\n  const primaryTextStyles = usePrimaryTextStyles();\n  const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n  const {\n    shape,\n    size,\n    appearance\n  } = state;\n  state.root.className = mergeClasses(tagClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, state.disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], !state.dismissIcon && rootWithoutDismissStyles[size], state.root.className);\n  if (state.media) {\n    state.media.className = mergeClasses(tagClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n  }\n  if (state.icon) {\n    state.icon.className = mergeClasses(tagClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n  }\n  if (state.primaryText) {\n    state.primaryText.className = mergeClasses(tagClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n  }\n  if (state.secondaryText) {\n    state.secondaryText.className = mergeClasses(tagClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n  }\n  if (state.dismissIcon) {\n    state.dismissIcon.className = mergeClasses(tagClassNames.dismissIcon, dismissIconStyles.base, dismissIconStyles[size], !state.disabled && dismissIconStyles[appearance], state.dismissIcon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTagStyles.styles.js.map"],"names":["tagClassNames","useIconStyles","useMediaStyles","usePrimaryTextStyles","useSecondaryTextBaseClassName","useTagStyles_unstable","root","media","icon","primaryText","secondaryText","dismissIcon","tagSpacingMedium","tagSpacingSmall","tagSpacingExtraSmall","mediumIconSize","smallIconSize","extraSmallIconSize","baseStyles","fontFamily","padding","appearance","textAlign","display","alignItems","gridTemplateAreas","boxSizing","width","border","tokens","strokeWidthThin","colorTransparentStroke","useRootRoundedBaseClassName","__resetStyles","r","s","useRootCircularBaseClassName","useRootStyles","__styles","filled","De3pzq","sj55zd","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","brand","medium","Bqenvij","small","d","useRootDisabledStyles","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithoutDismissStyles","z189sj","base","Bw0ie65","Br312pm","nk6f5a","Ijaq50","Bq1tomu","mc9l5x","a9b677","Be2twd7","p","useDismissIconStyles","ze5xyy","oy3o9n","eoavqd","Bi91k9c","lj723h","m","h","a","Huce71","Bahqtrf","Bhrd7zp","Bg96gwp","withoutSecondaryText","Byoj8tv","withSecondaryText","B6of3ja","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledStyles","rootWithoutMediaStyles","rootWithoutDismissStyles","iconStyles","mediaStyles","dismissIconStyles","primaryTextStyles","secondaryTextBaseClassName","shape","size","className","mergeClasses","disabled"],"mappings":"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"}

package/lib-commonjs/components/TagGroup/useTagGroupStyles.styles.js

@@ -44,6 +44,7 @@ const tagGroupClassNames = {
     ]
 });
 const useTagGroupStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useRootStyles();
     const { size } = state;
     state.root.className = (0, _react.mergeClasses)(tagGroupClassNames.root, styles.base, styles[size], state.root.className);

package/lib-commonjs/components/TagGroup/useTagGroupStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTagGroupStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tagGroupClassNames = {\n  root: 'fui-TagGroup'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"ftuwxu6\"\n  },\n  medium: {\n    i8kkvl: \"fsnqrgy\"\n  },\n  small: {\n    i8kkvl: \"f1rjii52\"\n  },\n  \"extra-small\": {\n    i8kkvl: \"f1ufnopg\"\n  }\n}, {\n  d: [\".ftuwxu6{display:inline-flex;}\", \".fsnqrgy{column-gap:var(--spacingHorizontalS);}\", \".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}\", \".f1ufnopg{column-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Apply styling to the TagGroup slots based on the state\n */\nexport const useTagGroupStyles_unstable = state => {\n  const styles = useRootStyles();\n  const {\n    size\n  } = state;\n  state.root.className = mergeClasses(tagGroupClassNames.root, styles.base, styles[size], state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTagGroupStyles.styles.js.map"],"names":["tagGroupClassNames","useTagGroupStyles_unstable","root","useRootStyles","__styles","base","mc9l5x","medium","i8kkvl","small","d","state","styles","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,kBAAkB;eAAlBA;;IAyBAC,0BAA0B;eAA1BA;;;uBA3B0B;AAEhC,MAAMD,qBAAqB;IAChCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;IACV;IACAC,QAAQ;QACNC,QAAQ;IACV;IACAC,OAAO;QACLD,QAAQ;IACV;IACA,eAAe;QACbA,QAAQ;IACV;AACF,GAAG;IACDE,GAAG;QAAC;QAAkC;QAAmD;QAAyD;KAAoD;AACxM;AAIO,MAAMT,6BAA6BU,CAAAA;IACxC,MAAMC,SAAST;IACf,MAAM,EACJU,IAAI,EACL,GAAGF;IACJA,MAAMT,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACf,mBAAmBE,IAAI,EAAEU,OAAOP,IAAI,EAAEO,MAAM,CAACC,KAAK,EAAEF,MAAMT,IAAI,CAACY,SAAS;IAC5G,OAAOH;AACT,GACA,oDAAoD"}
+{"version":3,"sources":["useTagGroupStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tagGroupClassNames = {\n  root: 'fui-TagGroup'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"ftuwxu6\"\n  },\n  medium: {\n    i8kkvl: \"fsnqrgy\"\n  },\n  small: {\n    i8kkvl: \"f1rjii52\"\n  },\n  \"extra-small\": {\n    i8kkvl: \"f1ufnopg\"\n  }\n}, {\n  d: [\".ftuwxu6{display:inline-flex;}\", \".fsnqrgy{column-gap:var(--spacingHorizontalS);}\", \".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}\", \".f1ufnopg{column-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Apply styling to the TagGroup slots based on the state\n */\nexport const useTagGroupStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useRootStyles();\n  const {\n    size\n  } = state;\n  state.root.className = mergeClasses(tagGroupClassNames.root, styles.base, styles[size], state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTagGroupStyles.styles.js.map"],"names":["tagGroupClassNames","useTagGroupStyles_unstable","root","useRootStyles","__styles","base","mc9l5x","medium","i8kkvl","small","d","state","styles","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,kBAAkB;eAAlBA;;IAyBAC,0BAA0B;eAA1BA;;;uBA3B0B;AAEhC,MAAMD,qBAAqB;IAChCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;IACV;IACAC,QAAQ;QACNC,QAAQ;IACV;IACAC,OAAO;QACLD,QAAQ;IACV;IACA,eAAe;QACbA,QAAQ;IACV;AACF,GAAG;IACDE,GAAG;QAAC;QAAkC;QAAmD;QAAyD;KAAoD;AACxM;AAIO,MAAMT,6BAA6BU,CAAAA;IACxC;IAEA,MAAMC,SAAST;IACf,MAAM,EACJU,IAAI,EACL,GAAGF;IACJA,MAAMT,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACf,mBAAmBE,IAAI,EAAEU,OAAOP,IAAI,EAAEO,MAAM,CAACC,KAAK,EAAEF,MAAMT,IAAI,CAACY,SAAS;IAC5G,OAAOH;AACT,GACA,oDAAoD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tags",
-  "version": "9.3.9",
+  "version": "9.3.10",
   "description": "Fluent UI Tag component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -37,14 +37,14 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.7",
-    "@fluentui/react-aria": "^9.12.1",
-    "@fluentui/react-avatar": "^9.6.30",
-    "@fluentui/react-icons": "^2.0.239",
-    "@fluentui/react-jsx-runtime": "^9.0.39",
+    "@fluentui/react-aria": "^9.13.0",
+    "@fluentui/react-avatar": "^9.6.31",
+    "@fluentui/react-icons": "^2.0.245",
+    "@fluentui/react-jsx-runtime": "^9.0.40",
     "@fluentui/react-shared-contexts": "^9.19.0",
-    "@fluentui/react-tabster": "^9.22.0",
+    "@fluentui/react-tabster": "^9.22.1",
     "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-utilities": "^9.18.10",
+    "@fluentui/react-utilities": "^9.18.11",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },