@fluentui/react-tag-picker 9.0.2 → 9.0.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.
package/CHANGELOG.md CHANGED
@@ -1,20 +1,40 @@
1
1
  # Change Log - @fluentui/react-tag-picker
2
2
 
3
- This log was last generated on Thu, 16 May 2024 09:21:26 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 20 May 2024 12:36:42 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.3)
8
+
9
+ Mon, 20 May 2024 12:36:42 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.2..@fluentui/react-tag-picker_v9.0.3)
11
+
12
+ ### Patches
13
+
14
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
15
+ - Bump @fluentui/react-jsx-runtime to v9.0.38 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
16
+ - Bump @fluentui/react-shared-contexts to v9.19.0 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
17
+ - Bump @fluentui/react-utilities to v9.18.9 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
18
+ - Bump @fluentui/react-portal to v9.4.25 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
19
+ - Bump @fluentui/react-tabster to v9.21.3 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
20
+ - Bump @fluentui/react-aria to v9.11.3 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
21
+ - Bump @fluentui/react-combobox to v9.11.5 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
22
+ - Bump @fluentui/react-tags to v9.3.6 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
23
+ - Bump @fluentui/react-context-selector to v9.1.60 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
24
+ - Bump @fluentui/react-positioning to v9.15.1 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
25
+ - Bump @fluentui/react-field to v9.1.66 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
26
+
7
27
  ## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.2)
8
28
 
9
- Thu, 16 May 2024 09:21:26 GMT
29
+ Thu, 16 May 2024 09:25:19 GMT
10
30
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.1..@fluentui/react-tag-picker_v9.0.2)
11
31
 
12
32
  ### Patches
13
33
 
14
34
  - chore: Update react-icons package to 2.0.239. ([PR #31287](https://github.com/microsoft/fluentui/pull/31287) by ololubek@microsoft.com)
15
- - Bump @fluentui/react-combobox to v9.11.4 ([commit](https://github.com/microsoft/fluentui/commit/3ae9ed772fbcedeff1a76e154f6eb7d515785698) by beachball)
16
- - Bump @fluentui/react-tags to v9.3.5 ([commit](https://github.com/microsoft/fluentui/commit/3ae9ed772fbcedeff1a76e154f6eb7d515785698) by beachball)
17
- - Bump @fluentui/react-field to v9.1.65 ([commit](https://github.com/microsoft/fluentui/commit/3ae9ed772fbcedeff1a76e154f6eb7d515785698) by beachball)
35
+ - Bump @fluentui/react-combobox to v9.11.4 ([PR #31390](https://github.com/microsoft/fluentui/pull/31390) by beachball)
36
+ - Bump @fluentui/react-tags to v9.3.5 ([PR #31390](https://github.com/microsoft/fluentui/pull/31390) by beachball)
37
+ - Bump @fluentui/react-field to v9.1.65 ([PR #31390](https://github.com/microsoft/fluentui/pull/31390) by beachball)
18
38
 
19
39
  ## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.1)
20
40
 
@@ -4,7 +4,7 @@ import { tagPickerInputTokens } from '../../utils/tokens';
4
4
  export const tagPickerInputClassNames = {
5
5
  root: 'fui-TagPickerInput'
6
6
  };
7
- const 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:-ms-input-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:-ms-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}", ".r123qfvl::placeholder{color:var(--colorNeutralForeground4);opacity:1;}", ".r123qfvl::after{visibility:hidden;white-space:pre-wrap;}"]);
7
+ const 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;}"]);
8
8
  /**
9
9
  * Styles for the root slot
10
10
  */
@@ -1 +1 @@
1
- {"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","typographyStyles","tokens","tagPickerInputTokens","tagPickerInputClassNames","root","useBaseStyle","useStyles","medium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","z8tnut","z189sj","Byoj8tv","uwmqm3","large","disabled","sj55zd","De3pzq","Bceei9c","yvdlaj","d","useTagPickerInputStyles_unstable","state","baseStyle","styles","className","size"],"sources":["useTagPickerInputStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, 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 = makeResetStyles({\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground1,\n fontFamily: tokens.fontFamilyBase,\n boxSizing: 'border-box',\n '&:focus': {\n outlineStyle: 'none'\n },\n '&::placeholder': {\n color: tokens.colorNeutralForeground4,\n opacity: 1\n },\n '&::after': {\n visibility: 'hidden',\n whiteSpace: 'pre-wrap'\n },\n ...shorthands.border('0'),\n minWidth: '24px',\n maxWidth: '100%',\n // by default width is 0,\n // it will be calculated based on the requirement of stretching the component to 100% width\n // see setTagPickerInputStretchStyle method for more details\n width: tagPickerInputTokens.width,\n flexGrow: 1\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n // size variants\n medium: {\n ...typographyStyles.body1,\n ...shorthands.padding(tokens.spacingVerticalSNudge, 0, tokens.spacingVerticalSNudge, 0)\n },\n large: {\n ...typographyStyles.body1,\n ...shorthands.padding(tokens.spacingVerticalMNudge, 0, tokens.spacingVerticalMNudge, 0)\n },\n 'extra-large': {\n ...typographyStyles.body1,\n ...shorthands.padding(tokens.spacingVerticalM, 0, tokens.spacingVerticalM, 0)\n },\n disabled: {\n color: tokens.colorNeutralForegroundDisabled,\n backgroundColor: tokens.colorTransparentBackground,\n cursor: 'not-allowed',\n '::placeholder': {\n color: tokens.colorNeutralForegroundDisabled\n }\n }\n});\n/**\n * Apply styling to the TagPickerInput slots based on the state\n */ export 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"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACtF,SAASC,gBAAgB,EAAEC,MAAM,QAAQ,uBAAuB;AAChE,SAASC,oBAAoB,QAAQ,oBAAoB;AACzD,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,YAAY,gBAAGT,aAAA,2/CAwBpB,CAAC;AACF;AACA;AACA;AAAI,MAAMU,SAAS,gBAAGT,QAAA;EAAAU,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAR,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAP,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAE,QAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAsBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,gCAAgC,GAAIC,KAAK,IAAG;EACzD,MAAMC,SAAS,GAAGpB,YAAY,CAAC,CAAC;EAChC,MAAMqB,MAAM,GAAGpB,SAAS,CAAC,CAAC;EAC1BkB,KAAK,CAACpB,IAAI,CAACuB,SAAS,GAAG7B,YAAY,CAACK,wBAAwB,CAACC,IAAI,EAAEqB,SAAS,EAAEC,MAAM,CAACF,KAAK,CAACI,IAAI,CAAC,EAAEJ,KAAK,CAACP,QAAQ,IAAIS,MAAM,CAACT,QAAQ,EAAEO,KAAK,CAACpB,IAAI,CAACuB,SAAS,CAAC;EAC1J,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","typographyStyles","tokens","tagPickerInputTokens","tagPickerInputClassNames","root","useBaseStyle","useStyles","medium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","z8tnut","z189sj","Byoj8tv","uwmqm3","large","disabled","sj55zd","De3pzq","Bceei9c","yvdlaj","d","useTagPickerInputStyles_unstable","state","baseStyle","styles","className","size"],"sources":["useTagPickerInputStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, 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 = makeResetStyles({\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground1,\n fontFamily: tokens.fontFamilyBase,\n boxSizing: 'border-box',\n '&:focus': {\n outlineStyle: 'none'\n },\n '&::placeholder': {\n color: tokens.colorNeutralForeground4,\n opacity: 1\n },\n '&::after': {\n visibility: 'hidden',\n whiteSpace: 'pre-wrap'\n },\n ...shorthands.border('0'),\n minWidth: '24px',\n maxWidth: '100%',\n // by default width is 0,\n // it will be calculated based on the requirement of stretching the component to 100% width\n // see setTagPickerInputStretchStyle method for more details\n width: tagPickerInputTokens.width,\n flexGrow: 1\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n // size variants\n medium: {\n ...typographyStyles.body1,\n ...shorthands.padding(tokens.spacingVerticalSNudge, 0, tokens.spacingVerticalSNudge, 0)\n },\n large: {\n ...typographyStyles.body1,\n ...shorthands.padding(tokens.spacingVerticalMNudge, 0, tokens.spacingVerticalMNudge, 0)\n },\n 'extra-large': {\n ...typographyStyles.body1,\n ...shorthands.padding(tokens.spacingVerticalM, 0, tokens.spacingVerticalM, 0)\n },\n disabled: {\n color: tokens.colorNeutralForegroundDisabled,\n backgroundColor: tokens.colorTransparentBackground,\n cursor: 'not-allowed',\n '::placeholder': {\n color: tokens.colorNeutralForegroundDisabled\n }\n }\n});\n/**\n * Apply styling to the TagPickerInput slots based on the state\n */ export 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"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACtF,SAASC,gBAAgB,EAAEC,MAAM,QAAQ,uBAAuB;AAChE,SAASC,oBAAoB,QAAQ,oBAAoB;AACzD,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,YAAY,gBAAGT,aAAA,o1CAwBpB,CAAC;AACF;AACA;AACA;AAAI,MAAMU,SAAS,gBAAGT,QAAA;EAAAU,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAR,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAP,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAE,QAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAsBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,gCAAgC,GAAIC,KAAK,IAAG;EACzD,MAAMC,SAAS,GAAGpB,YAAY,CAAC,CAAC;EAChC,MAAMqB,MAAM,GAAGpB,SAAS,CAAC,CAAC;EAC1BkB,KAAK,CAACpB,IAAI,CAACuB,SAAS,GAAG7B,YAAY,CAACK,wBAAwB,CAACC,IAAI,EAAEqB,SAAS,EAAEC,MAAM,CAACF,KAAK,CAACI,IAAI,CAAC,EAAEJ,KAAK,CAACP,QAAQ,IAAIS,MAAM,CAACT,QAAQ,EAAEO,KAAK,CAACpB,IAAI,CAACuB,SAAS,CAAC;EAC1J,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}
@@ -25,14 +25,12 @@ const useBaseStyle = /*#__PURE__*/ (0, _react.__resetStyles)("rk7r7zd", "r123qfv
25
25
  ".rk7r7zd:focus{outline-style:none;}",
26
26
  ".rk7r7zd::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
27
27
  ".rk7r7zd::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
28
- ".rk7r7zd:-ms-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
29
28
  ".rk7r7zd::placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
30
29
  ".rk7r7zd::after{visibility:hidden;white-space:pre-wrap;}",
31
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;}",
32
31
  ".r123qfvl:focus{outline-style:none;}",
33
32
  ".r123qfvl::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
34
33
  ".r123qfvl::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
35
- ".r123qfvl:-ms-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
36
34
  ".r123qfvl::placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
37
35
  ".r123qfvl::after{visibility:hidden;white-space:pre-wrap;}"
38
36
  ]);
@@ -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:-ms-input-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:-ms-input-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;IAAmF;IAA0E;IAA4D;IAAwU;IAAwC;IAAyF;IAAgF;IAAoF;IAA2E;CAA4D;AAC1iD;;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, 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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-tag-picker",
3
- "version": "9.0.2",
3
+ "version": "9.0.3",
4
4
  "description": "FluentUI TagPicker component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -39,21 +39,21 @@
39
39
  "@fluentui/scripts-tasks": "*"
40
40
  },
41
41
  "dependencies": {
42
- "@fluentui/react-jsx-runtime": "^9.0.37",
43
- "@fluentui/react-shared-contexts": "^9.18.0",
42
+ "@fluentui/react-jsx-runtime": "^9.0.38",
43
+ "@fluentui/react-shared-contexts": "^9.19.0",
44
44
  "@fluentui/react-theme": "^9.1.19",
45
- "@fluentui/react-utilities": "^9.18.8",
46
- "@fluentui/react-portal": "^9.4.24",
47
- "@fluentui/react-tabster": "^9.21.2",
48
- "@fluentui/react-aria": "^9.11.2",
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",
49
49
  "@fluentui/react-icons": "^2.0.239",
50
- "@fluentui/react-combobox": "^9.11.4",
51
- "@fluentui/react-tags": "^9.3.5",
52
- "@fluentui/react-context-selector": "^9.1.59",
53
- "@fluentui/react-positioning": "^9.15.0",
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",
54
54
  "@fluentui/keyboard-keys": "^9.0.7",
55
- "@fluentui/react-field": "^9.1.65",
56
- "@griffel/react": "^1.5.14",
55
+ "@fluentui/react-field": "^9.1.66",
56
+ "@griffel/react": "^1.5.22",
57
57
  "@swc/helpers": "^0.5.1"
58
58
  },
59
59
  "peerDependencies": {