@fluentui/react-tags 0.0.0-nightly-20231004-0414.1

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

@@ -0,0 +1,431 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    interactionTagPrimaryClassNames: function() {
+        return interactionTagPrimaryClassNames;
+    },
+    useInteractionTagPrimaryStyles_unstable: function() {
+        return useInteractionTagPrimaryStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttabster = require("@fluentui/react-tabster");
+const _reacttheme = require("@fluentui/react-theme");
+const _useTagStylesstyles = require("../Tag/useTagStyles.styles");
+const interactionTagPrimaryClassNames = {
+    root: 'fui-InteractionTagPrimary',
+    media: 'fui-InteractionTagPrimary__media',
+    icon: 'fui-InteractionTagPrimary__icon',
+    primaryText: 'fui-InteractionTagPrimary__primaryText',
+    secondaryText: 'fui-InteractionTagPrimary__secondaryText'
+};
+const baseStyles = {
+    // reset default button style:
+    color: 'inherit',
+    fontFamily: 'inherit',
+    padding: '0px',
+    borderStyle: 'none',
+    appearance: 'button',
+    textAlign: 'unset',
+    backgroundColor: 'transparent',
+    display: 'inline-grid',
+    height: '100%',
+    alignItems: 'center',
+    gridTemplateAreas: `
+  "media primary  "
+  "media secondary"
+  `,
+    border: `${_reacttheme.tokens.strokeWidthThin} solid ${_reacttheme.tokens.colorTransparentStroke}`,
+    .../*#__PURE__*/ (0, _reacttabster.createCustomFocusIndicatorStyle)({
+        .../*#__PURE__*/ _react.shorthands.outline(_reacttheme.tokens.strokeWidthThick, 'solid', _reacttheme.tokens.colorStrokeFocus2),
+        zIndex: 1
+    })
+};
+const useRootRoundedBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r11r5xvj", "rjnnu2a", {
+    r: [
+        ".r11r5xvj{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;-ms-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);}",
+        ".r11r5xvj[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);z-index:1;}",
+        ".rjnnu2a{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;-ms-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);}",
+        ".rjnnu2a[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);z-index:1;}"
+    ],
+    s: [
+        "@media (forced-colors: active){.r11r5xvj{position:relative;}.r11r5xvj::before{content:\"\";border-top-width:var(--strokeWidthThin);border-top-style: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){.rjnnu2a{position:relative;}.rjnnu2a::before{content:\"\";border-top-width:var(--strokeWidthThin);border-top-style:solid;position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);}}"
+    ]
+});
+const useRootCircularBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1k6bywq", "r46rai9", {
+    r: [
+        ".r1k6bywq{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;-ms-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);}",
+        ".r1k6bywq[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);z-index:1;}",
+        ".r46rai9{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;-ms-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);}",
+        ".r46rai9[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);z-index:1;}"
+    ],
+    s: [
+        "@media (forced-colors: active){.r1k6bywq{position:relative;}.r1k6bywq::before{content:\"\";border-top-width:var(--strokeWidthThin);border-top-style:solid;border-left-width:var(--strokeWidthThin);border-left-style: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){.r46rai9{position:relative;}.r46rai9::before{content:\"\";border-top-width:var(--strokeWidthThin);border-top-style:solid;border-right-width:var(--strokeWidthThin);border-right-style:solid;position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;border-top-right-radius:var(--borderRadiusCircular);border-bottom-right-radius:var(--borderRadiusCircular);}}"
+    ]
+});
+/**
+ * Style override for pseudo element that draws the border for windows high contrast mode
+ */ const useRootCircularContrastStyles = /*#__PURE__*/ (0, _react.__styles)({
+    withoutSecondaryAction: {
+        Bglfifq: "ff3fe07",
+        G4pote: [
+            "f1b2qn5y",
+            "fw1c3ou"
+        ],
+        B33s42s: [
+            "f9bjnkc",
+            "f17ca6ku"
+        ],
+        w20ur: [
+            "f6k8nl2",
+            "f1ik0cvg"
+        ],
+        Byczuf6: [
+            "f10f1qdh",
+            "fmb7qm7"
+        ]
+    }
+}, {
+    m: [
+        [
+            "@media (forced-colors: active){.ff3fe07{position:relative;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1b2qn5y::before{border-right-width:var(--strokeWidthThin);}.fw1c3ou::before{border-left-width:var(--strokeWidthThin);}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f17ca6ku::before{border-left-style:solid;}.f9bjnkc::before{border-right-style:solid;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1ik0cvg::before{border-top-left-radius:var(--borderRadiusCircular);}.f6k8nl2::before{border-top-right-radius:var(--borderRadiusCircular);}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f10f1qdh::before{border-bottom-right-radius:var(--borderRadiusCircular);}.fmb7qm7::before{border-bottom-left-radius:var(--borderRadiusCircular);}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ]
+    ]
+});
+const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
+    filled: {
+        De3pzq: "f16xq7d1",
+        sj55zd: "fkfq4zb",
+        eoavqd: "f8491dx",
+        Jwef8y: "f1h648pw",
+        Bi91k9c: "fnwyq0v",
+        ecr2s2: "fwdzr64",
+        lj723h: "flvvhsy",
+        Bqrx1nm: "fq7113v",
+        kx9iu6: "fp3oj7s"
+    },
+    outline: {
+        De3pzq: "fhovq9v",
+        sj55zd: "fkfq4zb",
+        g2u3we: "fj3muxo",
+        h3c5rm: [
+            "f1akhkt",
+            "f1lxtadh"
+        ],
+        B9xav0g: "f1aperda",
+        zhjwy3: [
+            "f1lxtadh",
+            "f1akhkt"
+        ],
+        eoavqd: "f8491dx",
+        Jwef8y: "f1t94bn6",
+        Bi91k9c: "fnwyq0v",
+        Bk3fhr4: "ft1hn21",
+        I6i3kg: "fqbfmpb",
+        Bmfj8id: "fuxngvv",
+        ecr2s2: "f1wfn5kd",
+        lj723h: "flvvhsy",
+        Bnrwwps: "fvpl5sy",
+        weioyw: "f1xblose",
+        Bpre390: "f8upcvr",
+        Bqrx1nm: "fq7113v",
+        kx9iu6: "fp3oj7s"
+    },
+    brand: {
+        De3pzq: "f16xkysk",
+        sj55zd: "f16muhyy",
+        eoavqd: "f8491dx",
+        Jwef8y: "f1yj72w4",
+        Bi91k9c: "f3ymbdj",
+        ecr2s2: "fy3sl2y",
+        lj723h: "fryz5bw",
+        Bqrx1nm: "fq7113v",
+        kx9iu6: "fp3oj7s"
+    },
+    medium: {
+        z189sj: [
+            "f18k1jr3",
+            "f1rtp3s9"
+        ]
+    },
+    small: {
+        z189sj: [
+            "fwiuce9",
+            "f15vdbe4"
+        ]
+    },
+    "extra-small": {
+        z189sj: [
+            "fwiuce9",
+            "f15vdbe4"
+        ]
+    }
+}, {
+    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);}",
+        ".f16muhyy{color:var(--colorBrandForeground1);}",
+        ".f18k1jr3{padding-right:7px;}",
+        ".f1rtp3s9{padding-left:7px;}",
+        ".fwiuce9{padding-right:5px;}",
+        ".f15vdbe4{padding-left:5px;}"
+    ],
+    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);}"
+    ],
+    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);}"
+    ],
+    m: [
+        [
+            "@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fp3oj7s:active{background-color:HighlightText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ]
+    ]
+});
+const useRootDisabledAppearances = /*#__PURE__*/ (0, _react.__styles)({
+    filled: {
+        Bceei9c: "fdrzuqr",
+        De3pzq: "f1bg9a2p",
+        sj55zd: "f1s2aq7o",
+        g2u3we: "fgig46g",
+        h3c5rm: [
+            "f1mxt3zg",
+            "fziff3p"
+        ],
+        B9xav0g: "f250w3l",
+        zhjwy3: [
+            "fziff3p",
+            "f1mxt3zg"
+        ]
+    },
+    outline: {
+        Bceei9c: "fdrzuqr",
+        De3pzq: "fhovq9v",
+        sj55zd: "f1s2aq7o",
+        g2u3we: "f1jj8ep1",
+        h3c5rm: [
+            "f15xbau",
+            "fy0fskl"
+        ],
+        B9xav0g: "f4ikngz",
+        zhjwy3: [
+            "fy0fskl",
+            "f15xbau"
+        ]
+    },
+    brand: {
+        Bceei9c: "fdrzuqr",
+        De3pzq: "f1bg9a2p",
+        sj55zd: "f1s2aq7o",
+        g2u3we: "fgig46g",
+        h3c5rm: [
+            "f1mxt3zg",
+            "fziff3p"
+        ],
+        B9xav0g: "f250w3l",
+        zhjwy3: [
+            "fziff3p",
+            "f1mxt3zg"
+        ]
+    }
+}, {
+    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);}"
+    ]
+});
+/**
+ * Styles for InteractionTagPrimary without leading media/icon
+ */ const useRootWithoutMediaStyles = /*#__PURE__*/ (0, _react.__styles)({
+    medium: {
+        uwmqm3: [
+            "f1rtp3s9",
+            "f18k1jr3"
+        ]
+    },
+    small: {
+        uwmqm3: [
+            "f15vdbe4",
+            "fwiuce9"
+        ]
+    },
+    "extra-small": {
+        uwmqm3: [
+            "f15vdbe4",
+            "fwiuce9"
+        ]
+    }
+}, {
+    d: [
+        ".f1rtp3s9{padding-left:7px;}",
+        ".f18k1jr3{padding-right:7px;}",
+        ".f15vdbe4{padding-left:5px;}",
+        ".fwiuce9{padding-right:5px;}"
+    ]
+});
+/**
+ * Styles for InteractionTagPrimary when InteractionTag has a Secondary button
+ */ const useRootWithSecondaryActionStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        B7oj6ja: [
+            "f3fg2lr",
+            "f13av6d4"
+        ],
+        Bbmb7ep: [
+            "fzi6hpg",
+            "fyowgf4"
+        ],
+        vrafjx: [
+            "f1n71otn",
+            "f1deefiw"
+        ],
+        B6xbmo0: [
+            "f146y5a9",
+            "f1k2ftg"
+        ],
+        kdpuga: [
+            "f1ndz5i7",
+            "f1co4qro"
+        ]
+    },
+    medium: {
+        z189sj: [
+            "f1vdfbxk",
+            "f1f5gg8d"
+        ]
+    },
+    small: {
+        z189sj: [
+            "fdw0yi8",
+            "fk8j09s"
+        ]
+    },
+    "extra-small": {
+        z189sj: [
+            "fdw0yi8",
+            "fk8j09s"
+        ]
+    }
+}, {
+    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);}"
+    ]
+});
+const useInteractionTagPrimaryStyles_unstable = (state)=>{
+    const rootRoundedBaseClassName = useRootRoundedBaseClassName();
+    const rootCircularBaseClassName = useRootCircularBaseClassName();
+    const rootStyles = useRootStyles();
+    const rootDisabledAppearances = useRootDisabledAppearances();
+    const rootWithoutMediaStyles = useRootWithoutMediaStyles();
+    const rootWithSecondaryActionStyles = useRootWithSecondaryActionStyles();
+    const iconStyles = (0, _useTagStylesstyles.useIconStyles)();
+    const mediaStyles = (0, _useTagStylesstyles.useMediaStyles)();
+    const primaryTextStyles = (0, _useTagStylesstyles.usePrimaryTextStyles)();
+    const secondaryTextBaseClassName = (0, _useTagStylesstyles.useSecondaryTextBaseClassName)();
+    const rootCircularContrastStyles = useRootCircularContrastStyles();
+    const { shape, size, appearance } = state;
+    state.root.className = (0, _react.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);
+    if (state.media) {
+        state.media.className = (0, _react.mergeClasses)(interactionTagPrimaryClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);
+    }
+    if (state.icon) {
+        state.icon.className = (0, _react.mergeClasses)(interactionTagPrimaryClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);
+    }
+    if (state.primaryText) {
+        state.primaryText.className = (0, _react.mergeClasses)(interactionTagPrimaryClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);
+    }
+    if (state.secondaryText) {
+        state.secondaryText.className = (0, _react.mergeClasses)(interactionTagPrimaryClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);
+    }
+    return state;
+}; //# sourceMappingURL=useInteractionTagPrimaryStyles.styles.js.map

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

@@ -0,0 +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    ... /*#__PURE__*/shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),\n    zIndex: 1\n  })\n};\nconst useRootRoundedBaseClassName = /*#__PURE__*/__resetStyles(\"r11r5xvj\", \"rjnnu2a\", {\n  r: [\".r11r5xvj{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;-ms-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);}\", \".r11r5xvj[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);z-index:1;}\", \".rjnnu2a{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;-ms-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);}\", \".rjnnu2a[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);z-index:1;}\"],\n  s: [\"@media (forced-colors: active){.r11r5xvj{position:relative;}.r11r5xvj::before{content:\\\"\\\";border-top-width:var(--strokeWidthThin);border-top-style: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){.rjnnu2a{position:relative;}.rjnnu2a::before{content:\\\"\\\";border-top-width:var(--strokeWidthThin);border-top-style: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(\"r1k6bywq\", \"r46rai9\", {\n  r: [\".r1k6bywq{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;-ms-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);}\", \".r1k6bywq[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);z-index:1;}\", \".r46rai9{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;-ms-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);}\", \".r46rai9[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);z-index:1;}\"],\n  s: [\"@media (forced-colors: active){.r1k6bywq{position:relative;}.r1k6bywq::before{content:\\\"\\\";border-top-width:var(--strokeWidthThin);border-top-style:solid;border-left-width:var(--strokeWidthThin);border-left-style: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){.r46rai9{position:relative;}.r46rai9::before{content:\\\"\\\";border-top-width:var(--strokeWidthThin);border-top-style:solid;border-right-width:var(--strokeWidthThin);border-right-style: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    G4pote: [\"f1b2qn5y\", \"fw1c3ou\"],\n    B33s42s: [\"f9bjnkc\", \"f17ca6ku\"],\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){.f1b2qn5y::before{border-right-width:var(--strokeWidthThin);}.fw1c3ou::before{border-left-width:var(--strokeWidthThin);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f17ca6ku::before{border-left-style:solid;}.f9bjnkc::before{border-right-style:solid;}}\", {\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: \"f16muhyy\",\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);}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".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","shorthands","outline","strokeWidthThick","colorStrokeFocus2","zIndex","useRootRoundedBaseClassName","__resetStyles","r","s","useRootCircularBaseClassName","useRootCircularContrastStyles","__styles","withoutSecondaryAction","Bglfifq","G4pote","B33s42s","w20ur","Byczuf6","m","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/InteractionTagSecondary.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InteractionTagSecondary", {
+    enumerable: true,
+    get: function() {
+        return InteractionTagSecondary;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useInteractionTagSecondary = require("./useInteractionTagSecondary");
+const _renderInteractionTagSecondary = require("./renderInteractionTagSecondary");
+const _useInteractionTagSecondaryStylesstyles = require("./useInteractionTagSecondaryStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const InteractionTagSecondary = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useInteractionTagSecondary.useInteractionTagSecondary_unstable)(props, ref);
+    (0, _useInteractionTagSecondaryStylesstyles.useInteractionTagSecondaryStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useInteractionTagSecondaryStyles_unstable')(state);
+    return (0, _renderInteractionTagSecondary.renderInteractionTagSecondary_unstable)(state);
+});
+InteractionTagSecondary.displayName = 'InteractionTagSecondary';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["InteractionTagSecondary.js"],"sourcesContent":["import * as React from 'react';\nimport { useInteractionTagSecondary_unstable } from './useInteractionTagSecondary';\nimport { renderInteractionTagSecondary_unstable } from './renderInteractionTagSecondary';\nimport { useInteractionTagSecondaryStyles_unstable } from './useInteractionTagSecondaryStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * InteractionTagSecondary component - used as the second child of the `InteractionTag` component and provides the secondary action, which is dismiss by default.\n */ export const InteractionTagSecondary = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useInteractionTagSecondary_unstable(props, ref);\n    useInteractionTagSecondaryStyles_unstable(state);\n    useCustomStyleHook_unstable('useInteractionTagSecondaryStyles_unstable')(state);\n    return renderInteractionTagSecondary_unstable(state);\n});\nInteractionTagSecondary.displayName = 'InteractionTagSecondary';\n"],"names":["InteractionTagSecondary","React","forwardRef","props","ref","state","useInteractionTagSecondary_unstable","useInteractionTagSecondaryStyles_unstable","useCustomStyleHook_unstable","renderInteractionTagSecondary_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;4CAC6B;+CACG;wDACG;qCACd;AAGjC,MAAMA,0BAA0B,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC9E,MAAMC,QAAQC,IAAAA,+DAAmC,EAACH,OAAOC;IACzDG,IAAAA,iFAAyC,EAACF;IAC1CG,IAAAA,gDAA2B,EAAC,6CAA6CH;IACzE,OAAOI,IAAAA,qEAAsC,EAACJ;AAClD;AACAL,wBAAwBU,WAAW,GAAG"}

package/lib-commonjs/components/InteractionTagSecondary/InteractionTagSecondary.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/InteractionTagSecondary/InteractionTagSecondary.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./InteractionTagSecondary"), exports);
+_export_star._(require("./InteractionTagSecondary.types"), exports);
+_export_star._(require("./renderInteractionTagSecondary"), exports);
+_export_star._(require("./useInteractionTagSecondary"), exports);
+_export_star._(require("./useInteractionTagSecondaryStyles.styles"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './InteractionTagSecondary';\nexport * from './InteractionTagSecondary.types';\nexport * from './renderInteractionTagSecondary';\nexport * from './useInteractionTagSecondary';\nexport * from './useInteractionTagSecondaryStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/InteractionTagSecondary/renderInteractionTagSecondary.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderInteractionTagSecondary_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderInteractionTagSecondary_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderInteractionTagSecondary_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+};

package/lib-commonjs/components/InteractionTagSecondary/renderInteractionTagSecondary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderInteractionTagSecondary.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of InteractionTagSecondary\n */ export const renderInteractionTagSecondary_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderInteractionTagSecondary_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,yCAAyC,CAACC;IACvDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}

package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondary.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useInteractionTagSecondary_unstable", {
+    enumerable: true,
+    get: function() {
+        return useInteractionTagSecondary_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _keyboardkeys = require("@fluentui/keyboard-keys");
+const _reacticons = require("@fluentui/react-icons");
+const _interactionTagContext = require("../../contexts/interactionTagContext");
+const useInteractionTagSecondary_unstable = (props, ref)=>{
+    const { appearance, disabled, handleTagDismiss, interactionTagPrimaryId, shape, size, value } = (0, _interactionTagContext.useInteractionTagContext_unstable)();
+    const id = (0, _reactutilities.useId)('fui-InteractionTagSecondary-', props.id);
+    const onClick = (0, _reactutilities.useEventCallback)((ev)=>{
+        var _props_onClick;
+        props === null || props === void 0 ? void 0 : (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, ev);
+        if (!ev.defaultPrevented) {
+            handleTagDismiss === null || handleTagDismiss === void 0 ? void 0 : handleTagDismiss(ev, {
+                value
+            });
+        }
+    });
+    const onKeyDown = (0, _reactutilities.useEventCallback)((ev)=>{
+        var _props_onKeyDown;
+        props === null || props === void 0 ? void 0 : (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, ev);
+        if (!ev.defaultPrevented && (ev.key === _keyboardkeys.Delete || ev.key === _keyboardkeys.Backspace)) {
+            handleTagDismiss === null || handleTagDismiss === void 0 ? void 0 : handleTagDismiss(ev, {
+                value
+            });
+        }
+    });
+    return {
+        appearance,
+        disabled,
+        shape,
+        size,
+        components: {
+            root: 'button'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('button', {
+            children: /*#__PURE__*/ _react.createElement(_reacticons.DismissRegular, null),
+            type: 'button',
+            disabled,
+            ref,
+            'aria-labelledby': `${interactionTagPrimaryId} ${id}`,
+            ...props,
+            id,
+            onClick,
+            onKeyDown
+        }), {
+            elementType: 'button'
+        })
+    };
+};

package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useInteractionTagSecondary.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useEventCallback, slot, useId } from '@fluentui/react-utilities';\nimport { Delete, Backspace } from '@fluentui/keyboard-keys';\nimport { DismissRegular } from '@fluentui/react-icons';\nimport { useInteractionTagContext_unstable } from '../../contexts/interactionTagContext';\n/**\n * Create the state required to render InteractionTagSecondary.\n *\n * The returned state can be modified with hooks such as useInteractionTagSecondaryStyles_unstable,\n * before being passed to renderInteractionTagSecondary_unstable.\n *\n * @param props - props from this instance of InteractionTagSecondary\n * @param ref - reference to root HTMLButtonElement of InteractionTagSecondary\n */ export const useInteractionTagSecondary_unstable = (props, ref)=>{\n    const { appearance, disabled, handleTagDismiss, interactionTagPrimaryId, shape, size, value } = useInteractionTagContext_unstable();\n    const id = useId('fui-InteractionTagSecondary-', props.id);\n    const onClick = useEventCallback((ev)=>{\n        var _props_onClick;\n        props === null || props === void 0 ? void 0 : (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, ev);\n        if (!ev.defaultPrevented) {\n            handleTagDismiss === null || handleTagDismiss === void 0 ? void 0 : handleTagDismiss(ev, {\n                value\n            });\n        }\n    });\n    const onKeyDown = useEventCallback((ev)=>{\n        var _props_onKeyDown;\n        props === null || props === void 0 ? void 0 : (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, ev);\n        if (!ev.defaultPrevented && (ev.key === Delete || ev.key === Backspace)) {\n            handleTagDismiss === null || handleTagDismiss === void 0 ? void 0 : handleTagDismiss(ev, {\n                value\n            });\n        }\n    });\n    return {\n        appearance,\n        disabled,\n        shape,\n        size,\n        components: {\n            root: 'button'\n        },\n        root: slot.always(getNativeElementProps('button', {\n            children: /*#__PURE__*/ React.createElement(DismissRegular, null),\n            type: 'button',\n            disabled,\n            ref,\n            'aria-labelledby': `${interactionTagPrimaryId} ${id}`,\n            ...props,\n            id,\n            onClick,\n            onKeyDown\n        }), {\n            elementType: 'button'\n        })\n    };\n};\n"],"names":["useInteractionTagSecondary_unstable","props","ref","appearance","disabled","handleTagDismiss","interactionTagPrimaryId","shape","size","value","useInteractionTagContext_unstable","id","useId","onClick","useEventCallback","ev","_props_onClick","call","defaultPrevented","onKeyDown","_props_onKeyDown","key","Delete","Backspace","components","root","slot","always","getNativeElementProps","children","React","createElement","DismissRegular","type","elementType"],"mappings":";;;;+BAaiBA;;;eAAAA;;;;iEAbM;gCAC8C;8BACnC;4BACH;uCACmB;AASvC,MAAMA,sCAAsC,CAACC,OAAOC;IAC3D,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,gBAAgB,EAAEC,uBAAuB,EAAEC,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGC,IAAAA,wDAAiC;IACjI,MAAMC,KAAKC,IAAAA,qBAAK,EAAC,gCAAgCX,MAAMU,EAAE;IACzD,MAAME,UAAUC,IAAAA,gCAAgB,EAAC,CAACC;QAC9B,IAAIC;QACJf,UAAU,QAAQA,UAAU,KAAK,IAAI,KAAK,IAAI,AAACe,CAAAA,iBAAiBf,MAAMY,OAAO,AAAD,MAAO,QAAQG,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeC,IAAI,CAAChB,OAAOc;QAC3J,IAAI,CAACA,GAAGG,gBAAgB,EAAE;YACtBb,qBAAqB,QAAQA,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBU,IAAI;gBACrFN;YACJ;QACJ;IACJ;IACA,MAAMU,YAAYL,IAAAA,gCAAgB,EAAC,CAACC;QAChC,IAAIK;QACJnB,UAAU,QAAQA,UAAU,KAAK,IAAI,KAAK,IAAI,AAACmB,CAAAA,mBAAmBnB,MAAMkB,SAAS,AAAD,MAAO,QAAQC,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBH,IAAI,CAAChB,OAAOc;QACnK,IAAI,CAACA,GAAGG,gBAAgB,IAAKH,CAAAA,GAAGM,GAAG,KAAKC,oBAAM,IAAIP,GAAGM,GAAG,KAAKE,uBAAS,AAAD,GAAI;YACrElB,qBAAqB,QAAQA,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBU,IAAI;gBACrFN;YACJ;QACJ;IACJ;IACA,OAAO;QACHN;QACAC;QACAG;QACAC;QACAgB,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,UAAU;YAC9CC,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACC,0BAAc,EAAE;YAC5DC,MAAM;YACN7B;YACAF;YACA,mBAAmB,CAAC,EAAEI,wBAAwB,CAAC,EAAEK,GAAG,CAAC;YACrD,GAAGV,KAAK;YACRU;YACAE;YACAM;QACJ,IAAI;YACAe,aAAa;QACjB;IACJ;AACJ"}