@fluentui/react-tag-picker 9.4.2 → 9.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +11 -2
  2. package/lib/components/TagPickerOption/useTagPickerOptionStyles.styles.js +15 -24
  3. package/lib/components/TagPickerOption/useTagPickerOptionStyles.styles.js.map +1 -1
  4. package/lib-commonjs/components/TagPickerOption/useTagPickerOptionStyles.styles.js +20 -30
  5. package/lib-commonjs/components/TagPickerOption/useTagPickerOptionStyles.styles.js.map +1 -1
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,12 +1,21 @@
1
1
  # Change Log - @fluentui/react-tag-picker
2
2
 
3
- This log was last generated on Tue, 28 Jan 2025 21:25:19 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 07 Feb 2025 10:40:53 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.4.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.4.3)
8
+
9
+ Fri, 07 Feb 2025 10:40:53 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.4.2..@fluentui/react-tag-picker_v9.4.3)
11
+
12
+ ### Patches
13
+
14
+ - bugfix: regression from #33689 ([PR #33747](https://github.com/microsoft/fluentui/pull/33747) by bernardo.sunderhus@gmail.com)
15
+
7
16
  ## [9.4.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.4.2)
8
17
 
9
- Tue, 28 Jan 2025 21:25:19 GMT
18
+ Tue, 28 Jan 2025 21:26:34 GMT
10
19
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.4.1..@fluentui/react-tag-picker_v9.4.2)
11
20
 
12
21
  ### Patches
package/lib/components/TagPickerOption/useTagPickerOptionStyles.styles.js CHANGED
@@ -1,4 +1,4 @@
1
- import { __styles, mergeClasses } from '@griffel/react';
1
+ import { __resetStyles, __styles, mergeClasses } from '@griffel/react';
2
2
  import { useOptionStyles_unstable } from '@fluentui/react-combobox';
3
3
  import { typographyStyles } from '@fluentui/react-theme';
4
4
  export const tagPickerOptionClassNames = {
@@ -6,37 +6,28 @@ export const tagPickerOptionClassNames = {
6
6
  media: 'fui-TagPickerOption__media',
7
7
  secondaryContent: 'fui-TagPickerOption__secondaryContent'
8
8
  };
9
- /**
10
- * Styles for the root slot
11
- */
12
- const useStyles = /*#__PURE__*/__styles({
13
- root: {
14
- mc9l5x: "f13qh94s",
15
- Budl1dq: "fjxzuw",
16
- Bt984gj: "f122n59"
17
- },
9
+ const useRootBaseStyle = /*#__PURE__*/__resetStyles("r70qvj9", null, [".r70qvj9{display:flex;align-items:center;}"]);
10
+ const useRootStyles = /*#__PURE__*/__styles({
18
11
  secondaryContent: {
19
- Br312pm: "fd46tj4",
20
- Ijaq50: "faunodf",
21
- Bahqtrf: "fk6fouc",
22
- Be2twd7: "fy9rknc",
23
- Bhrd7zp: "figsok6",
24
- Bg96gwp: "fwrc4pm"
25
- },
26
- media: {
27
- Ijaq50: "fldnz9j"
12
+ mc9l5x: "f13qh94s",
13
+ Budl1dq: "fjxzuw"
28
14
  }
29
15
  }, {
30
- d: [".f13qh94s{display:grid;}", ".fjxzuw{grid-template-columns:auto 1fr;}", ".f122n59{align-items:center;}", ".fd46tj4{grid-column-start:2;}", ".faunodf{grid-row-start:2;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fldnz9j{grid-row-start:span 2;}"]
16
+ d: [".f13qh94s{display:grid;}", ".fjxzuw{grid-template-columns:auto 1fr;}"]
31
17
  });
18
+ const useSecondaryContentBaseStyle = /*#__PURE__*/__resetStyles("r131qrbm", null, [".r131qrbm{grid-column-start:2;grid-row-start:2;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"]);
19
+ const useMediaBaseStyle = /*#__PURE__*/__resetStyles("rrip69g", null, [".rrip69g{grid-row-start:span 2;}"]);
32
20
  /**
33
21
  * Apply styling to the TagPickerOption slots based on the state
34
22
  */
35
23
  export const useTagPickerOptionStyles_unstable = state => {
36
24
  'use no memo';
37
25
 
38
- const styles = useStyles();
39
- state.root.className = mergeClasses(tagPickerOptionClassNames.root, styles.root, state.root.className);
26
+ const rootBaseStyle = useRootBaseStyle();
27
+ const rootStyles = useRootStyles();
28
+ const secondaryContentBaseStyle = useSecondaryContentBaseStyle();
29
+ const mediaBaseStyle = useMediaBaseStyle();
30
+ state.root.className = mergeClasses(tagPickerOptionClassNames.root, rootBaseStyle, state.secondaryContent && rootStyles.secondaryContent, state.root.className);
40
31
  useOptionStyles_unstable({
41
32
  ...state,
42
33
  active: false,
@@ -46,10 +37,10 @@ export const useTagPickerOptionStyles_unstable = state => {
46
37
  selected: false
47
38
  });
48
39
  if (state.media) {
49
- state.media.className = mergeClasses(tagPickerOptionClassNames.media, styles.media, state.media.className);
40
+ state.media.className = mergeClasses(tagPickerOptionClassNames.media, mediaBaseStyle, state.media.className);
50
41
  }
51
42
  if (state.secondaryContent) {
52
- state.secondaryContent.className = mergeClasses(tagPickerOptionClassNames.secondaryContent, styles.secondaryContent, state.secondaryContent.className);
43
+ state.secondaryContent.className = mergeClasses(tagPickerOptionClassNames.secondaryContent, secondaryContentBaseStyle, state.secondaryContent.className);
53
44
  }
54
45
  return state;
55
46
  };
package/lib/components/TagPickerOption/useTagPickerOptionStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","useOptionStyles_unstable","typographyStyles","tagPickerOptionClassNames","root","media","secondaryContent","useStyles","mc9l5x","Budl1dq","Bt984gj","Br312pm","Ijaq50","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","useTagPickerOptionStyles_unstable","state","styles","className","active","disabled","focusVisible","checkIcon","undefined","selected"],"sources":["useTagPickerOptionStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useOptionStyles_unstable } from '@fluentui/react-combobox';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tagPickerOptionClassNames = {\n root: 'fui-TagPickerOption',\n media: 'fui-TagPickerOption__media',\n secondaryContent: 'fui-TagPickerOption__secondaryContent'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n display: 'grid',\n gridTemplateColumns: 'auto 1fr',\n alignItems: 'center'\n },\n secondaryContent: {\n gridColumnStart: 2,\n gridRowStart: 2,\n ...typographyStyles.caption1\n },\n media: {\n gridRowStart: 'span 2'\n }\n});\n/**\n * Apply styling to the TagPickerOption slots based on the state\n */ export const useTagPickerOptionStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(tagPickerOptionClassNames.root, styles.root, state.root.className);\n useOptionStyles_unstable({\n ...state,\n active: false,\n disabled: false,\n focusVisible: false,\n checkIcon: undefined,\n selected: false\n });\n if (state.media) {\n state.media.className = mergeClasses(tagPickerOptionClassNames.media, styles.media, state.media.className);\n }\n if (state.secondaryContent) {\n state.secondaryContent.className = mergeClasses(tagPickerOptionClassNames.secondaryContent, styles.secondaryContent, state.secondaryContent.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,wBAAwB,QAAQ,0BAA0B;AACnE,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,yBAAyB,GAAG;EACrCC,IAAI,EAAE,qBAAqB;EAC3BC,KAAK,EAAE,4BAA4B;EACnCC,gBAAgB,EAAE;AACtB,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGR,QAAA;EAAAK,IAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAJ,gBAAA;IAAAK,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAX,KAAA;IAAAO,MAAA;EAAA;AAAA;EAAAK,CAAA;AAAA,CAcrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,iCAAiC,GAAIC,KAAK,IAAG;EAC1D,aAAa;;EACb,MAAMC,MAAM,GAAGb,SAAS,CAAC,CAAC;EAC1BY,KAAK,CAACf,IAAI,CAACiB,SAAS,GAAGrB,YAAY,CAACG,yBAAyB,CAACC,IAAI,EAAEgB,MAAM,CAAChB,IAAI,EAAEe,KAAK,CAACf,IAAI,CAACiB,SAAS,CAAC;EACtGpB,wBAAwB,CAAC;IACrB,GAAGkB,KAAK;IACRG,MAAM,EAAE,KAAK;IACbC,QAAQ,EAAE,KAAK;IACfC,YAAY,EAAE,KAAK;IACnBC,SAAS,EAAEC,SAAS;IACpBC,QAAQ,EAAE;EACd,CAAC,CAAC;EACF,IAAIR,KAAK,CAACd,KAAK,EAAE;IACbc,KAAK,CAACd,KAAK,CAACgB,SAAS,GAAGrB,YAAY,CAACG,yBAAyB,CAACE,KAAK,EAAEe,MAAM,CAACf,KAAK,EAAEc,KAAK,CAACd,KAAK,CAACgB,SAAS,CAAC;EAC9G;EACA,IAAIF,KAAK,CAACb,gBAAgB,EAAE;IACxBa,KAAK,CAACb,gBAAgB,CAACe,SAAS,GAAGrB,YAAY,CAACG,yBAAyB,CAACG,gBAAgB,EAAEc,MAAM,CAACd,gBAAgB,EAAEa,KAAK,CAACb,gBAAgB,CAACe,SAAS,CAAC;EAC1J;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__resetStyles","__styles","mergeClasses","useOptionStyles_unstable","typographyStyles","tagPickerOptionClassNames","root","media","secondaryContent","useRootBaseStyle","useRootStyles","mc9l5x","Budl1dq","d","useSecondaryContentBaseStyle","useMediaBaseStyle","useTagPickerOptionStyles_unstable","state","rootBaseStyle","rootStyles","secondaryContentBaseStyle","mediaBaseStyle","className","active","disabled","focusVisible","checkIcon","undefined","selected"],"sources":["useTagPickerOptionStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { useOptionStyles_unstable } from '@fluentui/react-combobox';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tagPickerOptionClassNames = {\n root: 'fui-TagPickerOption',\n media: 'fui-TagPickerOption__media',\n secondaryContent: 'fui-TagPickerOption__secondaryContent'\n};\nconst useRootBaseStyle = makeResetStyles({\n display: 'flex',\n alignItems: 'center'\n});\nconst useRootStyles = makeStyles({\n secondaryContent: {\n display: 'grid',\n gridTemplateColumns: 'auto 1fr'\n }\n});\nconst useSecondaryContentBaseStyle = makeResetStyles({\n gridColumnStart: 2,\n gridRowStart: 2,\n ...typographyStyles.caption1\n});\nconst useMediaBaseStyle = makeResetStyles({\n gridRowStart: 'span 2'\n});\n/**\n * Apply styling to the TagPickerOption slots based on the state\n */ export const useTagPickerOptionStyles_unstable = (state)=>{\n 'use no memo';\n const rootBaseStyle = useRootBaseStyle();\n const rootStyles = useRootStyles();\n const secondaryContentBaseStyle = useSecondaryContentBaseStyle();\n const mediaBaseStyle = useMediaBaseStyle();\n state.root.className = mergeClasses(tagPickerOptionClassNames.root, rootBaseStyle, state.secondaryContent && rootStyles.secondaryContent, state.root.className);\n useOptionStyles_unstable({\n ...state,\n active: false,\n disabled: false,\n focusVisible: false,\n checkIcon: undefined,\n selected: false\n });\n if (state.media) {\n state.media.className = mergeClasses(tagPickerOptionClassNames.media, mediaBaseStyle, state.media.className);\n }\n if (state.secondaryContent) {\n state.secondaryContent.className = mergeClasses(tagPickerOptionClassNames.secondaryContent, secondaryContentBaseStyle, state.secondaryContent.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,SAASC,wBAAwB,QAAQ,0BAA0B;AACnE,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,yBAAyB,GAAG;EACrCC,IAAI,EAAE,qBAAqB;EAC3BC,KAAK,EAAE,4BAA4B;EACnCC,gBAAgB,EAAE;AACtB,CAAC;AACD,MAAMC,gBAAgB,gBAAGT,aAAA,gEAGxB,CAAC;AACF,MAAMU,aAAa,gBAAGT,QAAA;EAAAO,gBAAA;IAAAG,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAKrB,CAAC;AACF,MAAMC,4BAA4B,gBAAGd,aAAA,oNAIpC,CAAC;AACF,MAAMe,iBAAiB,gBAAGf,aAAA,sDAEzB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMgB,iCAAiC,GAAIC,KAAK,IAAG;EAC1D,aAAa;;EACb,MAAMC,aAAa,GAAGT,gBAAgB,CAAC,CAAC;EACxC,MAAMU,UAAU,GAAGT,aAAa,CAAC,CAAC;EAClC,MAAMU,yBAAyB,GAAGN,4BAA4B,CAAC,CAAC;EAChE,MAAMO,cAAc,GAAGN,iBAAiB,CAAC,CAAC;EAC1CE,KAAK,CAACX,IAAI,CAACgB,SAAS,GAAGpB,YAAY,CAACG,yBAAyB,CAACC,IAAI,EAAEY,aAAa,EAAED,KAAK,CAACT,gBAAgB,IAAIW,UAAU,CAACX,gBAAgB,EAAES,KAAK,CAACX,IAAI,CAACgB,SAAS,CAAC;EAC/JnB,wBAAwB,CAAC;IACrB,GAAGc,KAAK;IACRM,MAAM,EAAE,KAAK;IACbC,QAAQ,EAAE,KAAK;IACfC,YAAY,EAAE,KAAK;IACnBC,SAAS,EAAEC,SAAS;IACpBC,QAAQ,EAAE;EACd,CAAC,CAAC;EACF,IAAIX,KAAK,CAACV,KAAK,EAAE;IACbU,KAAK,CAACV,KAAK,CAACe,SAAS,GAAGpB,YAAY,CAACG,yBAAyB,CAACE,KAAK,EAAEc,cAAc,EAAEJ,KAAK,CAACV,KAAK,CAACe,SAAS,CAAC;EAChH;EACA,IAAIL,KAAK,CAACT,gBAAgB,EAAE;IACxBS,KAAK,CAACT,gBAAgB,CAACc,SAAS,GAAGpB,YAAY,CAACG,yBAAyB,CAACG,gBAAgB,EAAEY,yBAAyB,EAAEH,KAAK,CAACT,gBAAgB,CAACc,SAAS,CAAC;EAC5J;EACA,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
package/lib-commonjs/components/TagPickerOption/useTagPickerOptionStyles.styles.js CHANGED
@@ -23,43 +23,33 @@ const tagPickerOptionClassNames = {
23
23
  media: 'fui-TagPickerOption__media',
24
24
  secondaryContent: 'fui-TagPickerOption__secondaryContent'
25
25
  };
26
- /**
27
- * Styles for the root slot
28
- */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
29
- root: {
30
- mc9l5x: "f13qh94s",
31
- Budl1dq: "fjxzuw",
32
- Bt984gj: "f122n59"
33
- },
26
+ const useRootBaseStyle = /*#__PURE__*/ (0, _react.__resetStyles)("r70qvj9", null, [
27
+ ".r70qvj9{display:flex;align-items:center;}"
28
+ ]);
29
+ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
34
30
  secondaryContent: {
35
- Br312pm: "fd46tj4",
36
- Ijaq50: "faunodf",
37
- Bahqtrf: "fk6fouc",
38
- Be2twd7: "fy9rknc",
39
- Bhrd7zp: "figsok6",
40
- Bg96gwp: "fwrc4pm"
41
- },
42
- media: {
43
- Ijaq50: "fldnz9j"
31
+ mc9l5x: "f13qh94s",
32
+ Budl1dq: "fjxzuw"
44
33
  }
45
34
  }, {
46
35
  d: [
47
36
  ".f13qh94s{display:grid;}",
48
- ".fjxzuw{grid-template-columns:auto 1fr;}",
49
- ".f122n59{align-items:center;}",
50
- ".fd46tj4{grid-column-start:2;}",
51
- ".faunodf{grid-row-start:2;}",
52
- ".fk6fouc{font-family:var(--fontFamilyBase);}",
53
- ".fy9rknc{font-size:var(--fontSizeBase200);}",
54
- ".figsok6{font-weight:var(--fontWeightRegular);}",
55
- ".fwrc4pm{line-height:var(--lineHeightBase200);}",
56
- ".fldnz9j{grid-row-start:span 2;}"
37
+ ".fjxzuw{grid-template-columns:auto 1fr;}"
57
38
  ]
58
39
  });
40
+ const useSecondaryContentBaseStyle = /*#__PURE__*/ (0, _react.__resetStyles)("r131qrbm", null, [
41
+ ".r131qrbm{grid-column-start:2;grid-row-start:2;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"
42
+ ]);
43
+ const useMediaBaseStyle = /*#__PURE__*/ (0, _react.__resetStyles)("rrip69g", null, [
44
+ ".rrip69g{grid-row-start:span 2;}"
45
+ ]);
59
46
  const useTagPickerOptionStyles_unstable = (state)=>{
60
47
  'use no memo';
61
- const styles = useStyles();
62
- state.root.className = (0, _react.mergeClasses)(tagPickerOptionClassNames.root, styles.root, state.root.className);
48
+ const rootBaseStyle = useRootBaseStyle();
49
+ const rootStyles = useRootStyles();
50
+ const secondaryContentBaseStyle = useSecondaryContentBaseStyle();
51
+ const mediaBaseStyle = useMediaBaseStyle();
52
+ state.root.className = (0, _react.mergeClasses)(tagPickerOptionClassNames.root, rootBaseStyle, state.secondaryContent && rootStyles.secondaryContent, state.root.className);
63
53
  (0, _reactcombobox.useOptionStyles_unstable)({
64
54
  ...state,
65
55
  active: false,
@@ -69,10 +59,10 @@ const useTagPickerOptionStyles_unstable = (state)=>{
69
59
  selected: false
70
60
  });
71
61
  if (state.media) {
72
- state.media.className = (0, _react.mergeClasses)(tagPickerOptionClassNames.media, styles.media, state.media.className);
62
+ state.media.className = (0, _react.mergeClasses)(tagPickerOptionClassNames.media, mediaBaseStyle, state.media.className);
73
63
  }
74
64
  if (state.secondaryContent) {
75
- state.secondaryContent.className = (0, _react.mergeClasses)(tagPickerOptionClassNames.secondaryContent, styles.secondaryContent, state.secondaryContent.className);
65
+ state.secondaryContent.className = (0, _react.mergeClasses)(tagPickerOptionClassNames.secondaryContent, secondaryContentBaseStyle, state.secondaryContent.className);
76
66
  }
77
67
  return state;
78
68
  };
package/lib-commonjs/components/TagPickerOption/useTagPickerOptionStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useTagPickerOptionStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useOptionStyles_unstable } from '@fluentui/react-combobox';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tagPickerOptionClassNames = {\n root: 'fui-TagPickerOption',\n media: 'fui-TagPickerOption__media',\n secondaryContent: 'fui-TagPickerOption__secondaryContent'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n display: 'grid',\n gridTemplateColumns: 'auto 1fr',\n alignItems: 'center'\n },\n secondaryContent: {\n gridColumnStart: 2,\n gridRowStart: 2,\n ...typographyStyles.caption1\n },\n media: {\n gridRowStart: 'span 2'\n }\n});\n/**\n * Apply styling to the TagPickerOption slots based on the state\n */ export const useTagPickerOptionStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(tagPickerOptionClassNames.root, styles.root, state.root.className);\n useOptionStyles_unstable({\n ...state,\n active: false,\n disabled: false,\n focusVisible: false,\n checkIcon: undefined,\n selected: false\n });\n if (state.media) {\n state.media.className = mergeClasses(tagPickerOptionClassNames.media, styles.media, state.media.className);\n }\n if (state.secondaryContent) {\n state.secondaryContent.className = mergeClasses(tagPickerOptionClassNames.secondaryContent, styles.secondaryContent, state.secondaryContent.className);\n }\n return state;\n};\n"],"names":["tagPickerOptionClassNames","useTagPickerOptionStyles_unstable","root","media","secondaryContent","useStyles","__styles","mc9l5x","Budl1dq","Bt984gj","Br312pm","Ijaq50","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","state","styles","className","mergeClasses","useOptionStyles_unstable","active","disabled","focusVisible","checkIcon","undefined","selected"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,yBAAyB;eAAzBA;;IAwBIC,iCAAiC;eAAjCA;;;uBA3BwB;+BACA;AAElC,MAAMD,4BAA4B;IACrCE,MAAM;IACNC,OAAO;IACPC,kBAAkB;AACtB;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAJ,MAAA;QAAAK,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAL,kBAAA;QAAAM,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAZ,OAAA;QAAAQ,QAAA;IAAA;AAAA,GAAA;IAAAK,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAiBX,MAAMf,oCAAqCgB,CAAAA;IAClD;IACA,MAAMC,SAASb;IACfY,MAAMf,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,0BAA0BE,IAAI,EAAEgB,OAAOhB,IAAI,EAAEe,MAAMf,IAAI,CAACiB,SAAS;IACrGE,IAAAA,uCAAwB,EAAC;QACrB,GAAGJ,KAAK;QACRK,QAAQ;QACRC,UAAU;QACVC,cAAc;QACdC,WAAWC;QACXC,UAAU;IACd;IACA,IAAIV,MAAMd,KAAK,EAAE;QACbc,MAAMd,KAAK,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,0BAA0BG,KAAK,EAAEe,OAAOf,KAAK,EAAEc,MAAMd,KAAK,CAACgB,SAAS;IAC7G;IACA,IAAIF,MAAMb,gBAAgB,EAAE;QACxBa,MAAMb,gBAAgB,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,0BAA0BI,gBAAgB,EAAEc,OAAOd,gBAAgB,EAAEa,MAAMb,gBAAgB,CAACe,SAAS;IACzJ;IACA,OAAOF;AACX"}
1
+ {"version":3,"sources":["useTagPickerOptionStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { useOptionStyles_unstable } from '@fluentui/react-combobox';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tagPickerOptionClassNames = {\n root: 'fui-TagPickerOption',\n media: 'fui-TagPickerOption__media',\n secondaryContent: 'fui-TagPickerOption__secondaryContent'\n};\nconst useRootBaseStyle = makeResetStyles({\n display: 'flex',\n alignItems: 'center'\n});\nconst useRootStyles = makeStyles({\n secondaryContent: {\n display: 'grid',\n gridTemplateColumns: 'auto 1fr'\n }\n});\nconst useSecondaryContentBaseStyle = makeResetStyles({\n gridColumnStart: 2,\n gridRowStart: 2,\n ...typographyStyles.caption1\n});\nconst useMediaBaseStyle = makeResetStyles({\n gridRowStart: 'span 2'\n});\n/**\n * Apply styling to the TagPickerOption slots based on the state\n */ export const useTagPickerOptionStyles_unstable = (state)=>{\n 'use no memo';\n const rootBaseStyle = useRootBaseStyle();\n const rootStyles = useRootStyles();\n const secondaryContentBaseStyle = useSecondaryContentBaseStyle();\n const mediaBaseStyle = useMediaBaseStyle();\n state.root.className = mergeClasses(tagPickerOptionClassNames.root, rootBaseStyle, state.secondaryContent && rootStyles.secondaryContent, state.root.className);\n useOptionStyles_unstable({\n ...state,\n active: false,\n disabled: false,\n focusVisible: false,\n checkIcon: undefined,\n selected: false\n });\n if (state.media) {\n state.media.className = mergeClasses(tagPickerOptionClassNames.media, mediaBaseStyle, state.media.className);\n }\n if (state.secondaryContent) {\n state.secondaryContent.className = mergeClasses(tagPickerOptionClassNames.secondaryContent, secondaryContentBaseStyle, state.secondaryContent.className);\n }\n return state;\n};\n"],"names":["tagPickerOptionClassNames","useTagPickerOptionStyles_unstable","root","media","secondaryContent","useRootBaseStyle","__resetStyles","useRootStyles","__styles","mc9l5x","Budl1dq","d","useSecondaryContentBaseStyle","useMediaBaseStyle","state","rootBaseStyle","rootStyles","secondaryContentBaseStyle","mediaBaseStyle","className","mergeClasses","useOptionStyles_unstable","active","disabled","focusVisible","checkIcon","undefined","selected"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,yBAAyB;eAAzBA;;IAyBIC,iCAAiC;eAAjCA;;;uBA5ByC;+BACjB;AAElC,MAAMD,4BAA4B;IACrCE,MAAM;IACNC,OAAO;IACPC,kBAAkB;AACtB;AACA,MAAMC,mBAAgB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,WAAA,MAAA;IAAA;CAGxB;AACD,MAAMC,gBAAa,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAJ,kBAAA;QAAAK,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;KAAA;AAAA;AAMtB,MAAMC,+BAA4B,WAAA,GAAGN,IAAAA,oBAAA,EAAA,YAAA,MAAA;IAAA;CAIpC;AACD,MAAMO,oBAAiB,WAAA,GAAGP,IAAAA,oBAAA,EAAA,WAAA,MAAA;IAAA;CAEzB;AAGU,MAAML,oCAAqCa,CAAAA;IAClD;IACA,MAAMC,gBAAgBV;IACtB,MAAMW,aAAaT;IACnB,MAAMU,4BAA4BL;IAClC,MAAMM,iBAAiBL;IACvBC,MAAMZ,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,0BAA0BE,IAAI,EAAEa,eAAeD,MAAMV,gBAAgB,IAAIY,WAAWZ,gBAAgB,EAAEU,MAAMZ,IAAI,CAACiB,SAAS;IAC9JE,IAAAA,uCAAwB,EAAC;QACrB,GAAGP,KAAK;QACRQ,QAAQ;QACRC,UAAU;QACVC,cAAc;QACdC,WAAWC;QACXC,UAAU;IACd;IACA,IAAIb,MAAMX,KAAK,EAAE;QACbW,MAAMX,KAAK,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,0BAA0BG,KAAK,EAAEe,gBAAgBJ,MAAMX,KAAK,CAACgB,SAAS;IAC/G;IACA,IAAIL,MAAMV,gBAAgB,EAAE;QACxBU,MAAMV,gBAAgB,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,0BAA0BI,gBAAgB,EAAEa,2BAA2BH,MAAMV,gBAAgB,CAACe,SAAS;IAC3J;IACA,OAAOL;AACX"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-tag-picker",
3
- "version": "9.4.2",
3
+ "version": "9.4.3",
4
4
  "description": "FluentUI TagPicker component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",