@fluentui/react-tag-picker 9.0.3 → 9.1.0

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 (25) hide show
  1. package/CHANGELOG.md +36 -2
  2. package/dist/index.d.ts +18 -2
  3. package/lib/components/TagPickerButton/useTagPickerButtonStyles.styles.js +135 -69
  4. package/lib/components/TagPickerButton/useTagPickerButtonStyles.styles.js.map +1 -1
  5. package/lib/components/TagPickerControl/useTagPickerControlStyles.styles.js +90 -54
  6. package/lib/components/TagPickerControl/useTagPickerControlStyles.styles.js.map +1 -1
  7. package/lib/components/TagPickerGroup/useTagPickerGroupStyles.styles.js +38 -20
  8. package/lib/components/TagPickerGroup/useTagPickerGroupStyles.styles.js.map +1 -1
  9. package/lib/components/TagPickerInput/useTagPickerInputStyles.styles.js +24 -15
  10. package/lib/components/TagPickerInput/useTagPickerInputStyles.styles.js.map +1 -1
  11. package/lib/components/TagPickerList/useTagPickerListStyles.styles.js +9 -6
  12. package/lib/components/TagPickerList/useTagPickerListStyles.styles.js.map +1 -1
  13. package/lib/components/TagPickerOption/TagPickerOption.types.js.map +1 -1
  14. package/lib/components/TagPickerOption/useTagPickerOption.js.map +1 -1
  15. package/lib-commonjs/components/TagPickerButton/useTagPickerButtonStyles.styles.js +200 -218
  16. package/lib-commonjs/components/TagPickerButton/useTagPickerButtonStyles.styles.js.map +1 -1
  17. package/lib-commonjs/components/TagPickerControl/useTagPickerControlStyles.styles.js +121 -169
  18. package/lib-commonjs/components/TagPickerControl/useTagPickerControlStyles.styles.js.map +1 -1
  19. package/lib-commonjs/components/TagPickerGroup/useTagPickerGroupStyles.styles.js +60 -46
  20. package/lib-commonjs/components/TagPickerGroup/useTagPickerGroupStyles.styles.js.map +1 -1
  21. package/lib-commonjs/components/TagPickerInput/useTagPickerInputStyles.styles.js +40 -51
  22. package/lib-commonjs/components/TagPickerInput/useTagPickerInputStyles.styles.js.map +1 -1
  23. package/lib-commonjs/components/TagPickerList/useTagPickerListStyles.styles.js +11 -20
  24. package/lib-commonjs/components/TagPickerList/useTagPickerListStyles.styles.js.map +1 -1
  25. package/package.json +11 -11
@@ -20,19 +20,13 @@ const _react = require("@griffel/react");
20
20
  const tagPickerInputClassNames = {
21
21
  root: 'fui-TagPickerInput'
22
22
  };
23
- const useBaseStyle = /*#__PURE__*/ (0, _react.__resetStyles)("rk7r7zd", "r123qfvl", [
24
- ".rk7r7zd{background-color:var(--colorTransparentBackground);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);box-sizing:border-box;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;min-width:24px;max-width:100%;width:var(--fluent-TagPickerInput__width, 0);flex-grow:1;}",
25
- ".rk7r7zd:focus{outline-style:none;}",
26
- ".rk7r7zd::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
27
- ".rk7r7zd::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
28
- ".rk7r7zd::placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
29
- ".rk7r7zd::after{visibility:hidden;white-space:pre-wrap;}",
30
- ".r123qfvl{background-color:var(--colorTransparentBackground);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);box-sizing:border-box;border-top-width:0;border-left-width:0;border-bottom-width:0;border-right-width:0;min-width:24px;max-width:100%;width:var(--fluent-TagPickerInput__width, 0);flex-grow:1;}",
31
- ".r123qfvl:focus{outline-style:none;}",
32
- ".r123qfvl::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
33
- ".r123qfvl::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
34
- ".r123qfvl::placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
35
- ".r123qfvl::after{visibility:hidden;white-space:pre-wrap;}"
23
+ const useBaseStyle = /*#__PURE__*/ (0, _react.__resetStyles)("r1hdk6fw", null, [
24
+ ".r1hdk6fw{background-color:var(--colorTransparentBackground);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);box-sizing:border-box;border:none;min-width:24px;max-width:100%;width:var(--fluent-TagPickerInput__width, 0);flex-grow:1;}",
25
+ ".r1hdk6fw:focus{outline-style:none;}",
26
+ ".r1hdk6fw::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
27
+ ".r1hdk6fw::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
28
+ ".r1hdk6fw::placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
29
+ ".r1hdk6fw::after{visibility:hidden;white-space:pre-wrap;}"
36
30
  ]);
37
31
  /**
38
32
  * Styles for the root slot
@@ -42,48 +36,33 @@ const useBaseStyle = /*#__PURE__*/ (0, _react.__resetStyles)("rk7r7zd", "r123qfv
42
36
  Be2twd7: "fkhj508",
43
37
  Bhrd7zp: "figsok6",
44
38
  Bg96gwp: "f1i3iumi",
45
- z8tnut: "fp2oml8",
46
- z189sj: [
47
- "fhxju0i",
48
- "f1cnd47f"
49
- ],
50
- Byoj8tv: "f1tdddsa",
51
- uwmqm3: [
52
- "f1cnd47f",
53
- "fhxju0i"
54
- ]
39
+ Byoj8tv: 0,
40
+ uwmqm3: 0,
41
+ z189sj: 0,
42
+ z8tnut: 0,
43
+ B0ocmuz: "fa2pw7h"
55
44
  },
56
45
  large: {
57
46
  Bahqtrf: "fk6fouc",
58
47
  Be2twd7: "fkhj508",
59
48
  Bhrd7zp: "figsok6",
60
49
  Bg96gwp: "f1i3iumi",
61
- z8tnut: "f1ngh7ph",
62
- z189sj: [
63
- "fhxju0i",
64
- "f1cnd47f"
65
- ],
66
- Byoj8tv: "f5o476b",
67
- uwmqm3: [
68
- "f1cnd47f",
69
- "fhxju0i"
70
- ]
50
+ Byoj8tv: 0,
51
+ uwmqm3: 0,
52
+ z189sj: 0,
53
+ z8tnut: 0,
54
+ B0ocmuz: "ft37c3"
71
55
  },
72
56
  "extra-large": {
73
57
  Bahqtrf: "fk6fouc",
74
58
  Be2twd7: "fkhj508",
75
59
  Bhrd7zp: "figsok6",
76
60
  Bg96gwp: "f1i3iumi",
77
- z8tnut: "f5yzyt",
78
- z189sj: [
79
- "fhxju0i",
80
- "f1cnd47f"
81
- ],
82
- Byoj8tv: "fx3omr",
83
- uwmqm3: [
84
- "f1cnd47f",
85
- "fhxju0i"
86
- ]
61
+ Byoj8tv: 0,
62
+ uwmqm3: 0,
63
+ z189sj: 0,
64
+ z8tnut: 0,
65
+ B0ocmuz: "f3abo53"
87
66
  },
88
67
  disabled: {
89
68
  sj55zd: "f1s2aq7o",
@@ -97,14 +76,24 @@ const useBaseStyle = /*#__PURE__*/ (0, _react.__resetStyles)("rk7r7zd", "r123qfv
97
76
  ".fkhj508{font-size:var(--fontSizeBase300);}",
98
77
  ".figsok6{font-weight:var(--fontWeightRegular);}",
99
78
  ".f1i3iumi{line-height:var(--lineHeightBase300);}",
100
- ".fp2oml8{padding-top:var(--spacingVerticalSNudge);}",
101
- ".fhxju0i{padding-right:0;}",
102
- ".f1cnd47f{padding-left:0;}",
103
- ".f1tdddsa{padding-bottom:var(--spacingVerticalSNudge);}",
104
- ".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}",
105
- ".f5o476b{padding-bottom:var(--spacingVerticalMNudge);}",
106
- ".f5yzyt{padding-top:var(--spacingVerticalM);}",
107
- ".fx3omr{padding-bottom:var(--spacingVerticalM);}",
79
+ [
80
+ ".fa2pw7h{padding:var(--spacingVerticalSNudge) 0 var(--spacingVerticalSNudge) 0;}",
81
+ {
82
+ p: -1
83
+ }
84
+ ],
85
+ [
86
+ ".ft37c3{padding:var(--spacingVerticalMNudge) 0 var(--spacingVerticalMNudge) 0;}",
87
+ {
88
+ p: -1
89
+ }
90
+ ],
91
+ [
92
+ ".f3abo53{padding:var(--spacingVerticalM) 0 var(--spacingVerticalM) 0;}",
93
+ {
94
+ p: -1
95
+ }
96
+ ],
108
97
  ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
109
98
  ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
110
99
  ".fdrzuqr{cursor:not-allowed;}",
@@ -1 +1 @@
1
- {"version":3,"sources":["useTagPickerInputStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { typographyStyles, tokens } from '@fluentui/react-theme';\nimport { tagPickerInputTokens } from '../../utils/tokens';\nexport const tagPickerInputClassNames = {\n root: 'fui-TagPickerInput'\n};\nconst useBaseStyle = /*#__PURE__*/__resetStyles(\"rk7r7zd\", \"r123qfvl\", [\".rk7r7zd{background-color:var(--colorTransparentBackground);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);box-sizing:border-box;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;min-width:24px;max-width:100%;width:var(--fluent-TagPickerInput__width, 0);flex-grow:1;}\", \".rk7r7zd:focus{outline-style:none;}\", \".rk7r7zd::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".rk7r7zd::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".rk7r7zd::placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".rk7r7zd::after{visibility:hidden;white-space:pre-wrap;}\", \".r123qfvl{background-color:var(--colorTransparentBackground);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);box-sizing:border-box;border-top-width:0;border-left-width:0;border-bottom-width:0;border-right-width:0;min-width:24px;max-width:100%;width:var(--fluent-TagPickerInput__width, 0);flex-grow:1;}\", \".r123qfvl:focus{outline-style:none;}\", \".r123qfvl::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".r123qfvl::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".r123qfvl::placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".r123qfvl::after{visibility:hidden;white-space:pre-wrap;}\"]);\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n medium: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n z8tnut: \"fp2oml8\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1tdddsa\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n },\n large: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n z8tnut: \"f1ngh7ph\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f5o476b\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n },\n \"extra-large\": {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n z8tnut: \"f5yzyt\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"fx3omr\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n },\n disabled: {\n sj55zd: \"f1s2aq7o\",\n De3pzq: \"f1c21dwh\",\n Bceei9c: \"fdrzuqr\",\n yvdlaj: \"fahhnxm\"\n }\n}, {\n d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fp2oml8{padding-top:var(--spacingVerticalSNudge);}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1tdddsa{padding-bottom:var(--spacingVerticalSNudge);}\", \".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}\", \".f5o476b{padding-bottom:var(--spacingVerticalMNudge);}\", \".f5yzyt{padding-top:var(--spacingVerticalM);}\", \".fx3omr{padding-bottom:var(--spacingVerticalM);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fdrzuqr{cursor:not-allowed;}\", \".fahhnxm::-webkit-input-placeholder{color:var(--colorNeutralForegroundDisabled);}\", \".fahhnxm::-moz-placeholder{color:var(--colorNeutralForegroundDisabled);}\"]\n});\n/**\n * Apply styling to the TagPickerInput slots based on the state\n */\nexport const useTagPickerInputStyles_unstable = state => {\n const baseStyle = useBaseStyle();\n const styles = useStyles();\n state.root.className = mergeClasses(tagPickerInputClassNames.root, baseStyle, styles[state.size], state.disabled && styles.disabled, state.root.className);\n return state;\n};\n//# sourceMappingURL=useTagPickerInputStyles.styles.js.map"],"names":["tagPickerInputClassNames","useTagPickerInputStyles_unstable","root","useBaseStyle","__resetStyles","useStyles","__styles","medium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","z8tnut","z189sj","Byoj8tv","uwmqm3","large","disabled","sj55zd","De3pzq","Bceei9c","yvdlaj","d","state","baseStyle","styles","className","mergeClasses","size"],"mappings":";;;;;;;;;;;IAGaA,wBAAwB;eAAxBA;;IAkDAC,gCAAgC;eAAhCA;;;uBArDqD;AAG3D,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,eAAe,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,YAAY;IAAC;IAAuU;IAAuC;IAAwF;IAA+E;IAA0E;IAA4D;IAAwU;IAAwC;IAAyF;IAAgF;IAA2E;CAA4D;AACn4C;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,QAAQ;QACNC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,OAAO;QACLR,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACA,eAAe;QACbP,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAE,UAAU;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAAgD;QAA+C;QAAmD;QAAoD;QAAuD;QAA8B;QAA8B;QAA2D;QAAwD;QAA0D;QAAiD;QAAoD;QAA2D;QAAkE;QAAiC;QAAqF;KAA2E;AAC/4B;AAIO,MAAMrB,mCAAmCsB,CAAAA;IAC9C,MAAMC,YAAYrB;IAClB,MAAMsB,SAASpB;IACfkB,MAAMrB,IAAI,CAACwB,SAAS,GAAGC,IAAAA,mBAAY,EAAC3B,yBAAyBE,IAAI,EAAEsB,WAAWC,MAAM,CAACF,MAAMK,IAAI,CAAC,EAAEL,MAAMN,QAAQ,IAAIQ,OAAOR,QAAQ,EAAEM,MAAMrB,IAAI,CAACwB,SAAS;IACzJ,OAAOH;AACT,GACA,0DAA0D"}
1
+ {"version":3,"sources":["useTagPickerInputStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { typographyStyles, tokens } from '@fluentui/react-theme';\nimport { tagPickerInputTokens } from '../../utils/tokens';\nexport const tagPickerInputClassNames = {\n root: 'fui-TagPickerInput'\n};\nconst useBaseStyle = /*#__PURE__*/__resetStyles(\"r1hdk6fw\", null, [\".r1hdk6fw{background-color:var(--colorTransparentBackground);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);box-sizing:border-box;border:none;min-width:24px;max-width:100%;width:var(--fluent-TagPickerInput__width, 0);flex-grow:1;}\", \".r1hdk6fw:focus{outline-style:none;}\", \".r1hdk6fw::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".r1hdk6fw::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".r1hdk6fw::placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".r1hdk6fw::after{visibility:hidden;white-space:pre-wrap;}\"]);\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n medium: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"fa2pw7h\"\n },\n large: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"ft37c3\"\n },\n \"extra-large\": {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f3abo53\"\n },\n disabled: {\n sj55zd: \"f1s2aq7o\",\n De3pzq: \"f1c21dwh\",\n Bceei9c: \"fdrzuqr\",\n yvdlaj: \"fahhnxm\"\n }\n}, {\n d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", [\".fa2pw7h{padding:var(--spacingVerticalSNudge) 0 var(--spacingVerticalSNudge) 0;}\", {\n p: -1\n }], [\".ft37c3{padding:var(--spacingVerticalMNudge) 0 var(--spacingVerticalMNudge) 0;}\", {\n p: -1\n }], [\".f3abo53{padding:var(--spacingVerticalM) 0 var(--spacingVerticalM) 0;}\", {\n p: -1\n }], \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fdrzuqr{cursor:not-allowed;}\", \".fahhnxm::-webkit-input-placeholder{color:var(--colorNeutralForegroundDisabled);}\", \".fahhnxm::-moz-placeholder{color:var(--colorNeutralForegroundDisabled);}\"]\n});\n/**\n * Apply styling to the TagPickerInput slots based on the state\n */\nexport const useTagPickerInputStyles_unstable = state => {\n const baseStyle = useBaseStyle();\n const styles = useStyles();\n state.root.className = mergeClasses(tagPickerInputClassNames.root, baseStyle, styles[state.size], state.disabled && styles.disabled, state.root.className);\n return state;\n};\n//# sourceMappingURL=useTagPickerInputStyles.styles.js.map"],"names":["tagPickerInputClassNames","useTagPickerInputStyles_unstable","root","useBaseStyle","__resetStyles","useStyles","__styles","medium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","large","disabled","sj55zd","De3pzq","Bceei9c","yvdlaj","d","p","state","baseStyle","styles","className","mergeClasses","size"],"mappings":";;;;;;;;;;;IAGaA,wBAAwB;eAAxBA;;IA2DAC,gCAAgC;eAAhCA;;;uBA9DyC;AAG/C,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,eAAe,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,MAAM;IAAC;IAAkQ;IAAwC;IAAyF;IAAgF;IAA2E;CAA4D;AAC7pB;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,QAAQ;QACNC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,OAAO;QACLT,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACA,eAAe;QACbR,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAE,UAAU;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAAgD;QAA+C;QAAmD;QAAoD;YAAC;YAAoF;gBAC7RC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAmF;gBACtFA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA0E;gBAC7EA,GAAG,CAAC;YACN;SAAE;QAAE;QAA2D;QAAkE;QAAiC;QAAqF;KAA2E;AACpU;AAIO,MAAMvB,mCAAmCwB,CAAAA;IAC9C,MAAMC,YAAYvB;IAClB,MAAMwB,SAAStB;IACfoB,MAAMvB,IAAI,CAAC0B,SAAS,GAAGC,IAAAA,mBAAY,EAAC7B,yBAAyBE,IAAI,EAAEwB,WAAWC,MAAM,CAACF,MAAMK,IAAI,CAAC,EAAEL,MAAMP,QAAQ,IAAIS,OAAOT,QAAQ,EAAEO,MAAMvB,IAAI,CAAC0B,SAAS;IACzJ,OAAOH;AACT,GACA,0DAA0D"}
@@ -25,22 +25,11 @@ const tagPickerListClassNames = {
25
25
  */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
26
26
  root: {
27
27
  E5pizo: "f1hg901r",
28
- Bbmb7ep: [
29
- "f1aa9q02",
30
- "f16jpd5f"
31
- ],
32
- Beyfa6y: [
33
- "f16jpd5f",
34
- "f1aa9q02"
35
- ],
36
- B7oj6ja: [
37
- "f1jar5jt",
38
- "fyu767a"
39
- ],
40
- Btl43ni: [
41
- "fyu767a",
42
- "f1jar5jt"
43
- ],
28
+ Beyfa6y: 0,
29
+ Bbmb7ep: 0,
30
+ Btl43ni: 0,
31
+ B7oj6ja: 0,
32
+ Dimara: "ft85np5",
44
33
  Bxyxcbc: "fmmk62d",
45
34
  B7ck84d: "f1ewtqcl"
46
35
  },
@@ -50,10 +39,12 @@ const tagPickerListClassNames = {
50
39
  }, {
51
40
  d: [
52
41
  ".f1hg901r{box-shadow:var(--shadow16);}",
53
- ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
54
- ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
55
- ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
56
- ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
42
+ [
43
+ ".ft85np5{border-radius:var(--borderRadiusMedium);}",
44
+ {
45
+ p: -1
46
+ }
47
+ ],
57
48
  ".fmmk62d{max-height:80vh;}",
58
49
  ".f1ewtqcl{box-sizing:border-box;}",
59
50
  ".fjseox{display:none;}"
@@ -1 +1 @@
1
- {"version":3,"sources":["useTagPickerListStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tagPickerListClassNames = {\n root: 'fui-TagPickerList'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n E5pizo: \"f1hg901r\",\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n Bxyxcbc: \"fmmk62d\",\n B7ck84d: \"f1ewtqcl\"\n },\n collapsed: {\n mc9l5x: \"fjseox\"\n }\n}, {\n d: [\".f1hg901r{box-shadow:var(--shadow16);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".fmmk62d{max-height:80vh;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".fjseox{display:none;}\"]\n});\n/**\n * Apply styling to the TagPickerList slots based on the state\n */\nexport const useTagPickerListStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(tagPickerListClassNames.root, styles.root, !state.open && styles.collapsed, state.root.className);\n return state;\n};\n//# sourceMappingURL=useTagPickerListStyles.styles.js.map"],"names":["tagPickerListClassNames","useTagPickerListStyles_unstable","root","useStyles","__styles","E5pizo","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","Bxyxcbc","B7ck84d","collapsed","mc9l5x","d","state","styles","className","mergeClasses","open"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB;eAAvBA;;IAyBAC,+BAA+B;eAA/BA;;;uBA3BsC;AAE5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,SAAS;IACX;IACAC,WAAW;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA0C;QAAoE;QAAmE;QAAiE;QAA+D;QAA8B;QAAqC;KAAyB;AACnZ;AAIO,MAAMb,kCAAkCc,CAAAA;IAC7C,MAAMC,SAASb;IACfY,MAAMb,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,wBAAwBE,IAAI,EAAEc,OAAOd,IAAI,EAAE,CAACa,MAAMI,IAAI,IAAIH,OAAOJ,SAAS,EAAEG,MAAMb,IAAI,CAACe,SAAS;IACpI,OAAOF;AACT,GACA,yDAAyD"}
1
+ {"version":3,"sources":["useTagPickerListStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tagPickerListClassNames = {\n root: 'fui-TagPickerList'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n E5pizo: \"f1hg901r\",\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\",\n Bxyxcbc: \"fmmk62d\",\n B7ck84d: \"f1ewtqcl\"\n },\n collapsed: {\n mc9l5x: \"fjseox\"\n }\n}, {\n d: [\".f1hg901r{box-shadow:var(--shadow16);}\", [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".fmmk62d{max-height:80vh;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".fjseox{display:none;}\"]\n});\n/**\n * Apply styling to the TagPickerList slots based on the state\n */\nexport const useTagPickerListStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(tagPickerListClassNames.root, styles.root, !state.open && styles.collapsed, state.root.className);\n return state;\n};\n//# sourceMappingURL=useTagPickerListStyles.styles.js.map"],"names":["tagPickerListClassNames","useTagPickerListStyles_unstable","root","useStyles","__styles","E5pizo","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bxyxcbc","B7ck84d","collapsed","mc9l5x","d","p","state","styles","className","mergeClasses","open"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB;eAAvBA;;IA4BAC,+BAA+B;eAA/BA;;;uBA9B0B;AAEhC,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;IACAC,WAAW;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA0C;YAAC;YAAsD;gBACnGC,GAAG,CAAC;YACN;SAAE;QAAE;QAA8B;QAAqC;KAAyB;AAClG;AAIO,MAAMf,kCAAkCgB,CAAAA;IAC7C,MAAMC,SAASf;IACfc,MAAMf,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,wBAAwBE,IAAI,EAAEgB,OAAOhB,IAAI,EAAE,CAACe,MAAMI,IAAI,IAAIH,OAAOL,SAAS,EAAEI,MAAMf,IAAI,CAACiB,SAAS;IACpI,OAAOF;AACT,GACA,yDAAyD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-tag-picker",
3
- "version": "9.0.3",
3
+ "version": "9.1.0",
4
4
  "description": "FluentUI TagPicker component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -39,20 +39,20 @@
39
39
  "@fluentui/scripts-tasks": "*"
40
40
  },
41
41
  "dependencies": {
42
- "@fluentui/react-jsx-runtime": "^9.0.38",
42
+ "@fluentui/react-jsx-runtime": "^9.0.39",
43
43
  "@fluentui/react-shared-contexts": "^9.19.0",
44
44
  "@fluentui/react-theme": "^9.1.19",
45
- "@fluentui/react-utilities": "^9.18.9",
46
- "@fluentui/react-portal": "^9.4.25",
47
- "@fluentui/react-tabster": "^9.21.3",
48
- "@fluentui/react-aria": "^9.11.3",
45
+ "@fluentui/react-utilities": "^9.18.10",
46
+ "@fluentui/react-portal": "^9.4.27",
47
+ "@fluentui/react-tabster": "^9.21.5",
48
+ "@fluentui/react-aria": "^9.12.0",
49
49
  "@fluentui/react-icons": "^2.0.239",
50
- "@fluentui/react-combobox": "^9.11.5",
51
- "@fluentui/react-tags": "^9.3.6",
52
- "@fluentui/react-context-selector": "^9.1.60",
53
- "@fluentui/react-positioning": "^9.15.1",
50
+ "@fluentui/react-combobox": "^9.11.7",
51
+ "@fluentui/react-tags": "^9.3.8",
52
+ "@fluentui/react-context-selector": "^9.1.61",
53
+ "@fluentui/react-positioning": "^9.15.3",
54
54
  "@fluentui/keyboard-keys": "^9.0.7",
55
- "@fluentui/react-field": "^9.1.66",
55
+ "@fluentui/react-field": "^9.1.67",
56
56
  "@griffel/react": "^1.5.22",
57
57
  "@swc/helpers": "^0.5.1"
58
58
  },