@fluentui/react-tag-picker 0.0.0-nightly-20240516-0406.1 → 0.0.0-nightly-20240520-0407.1
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 +31 -19
- package/lib/components/TagPickerInput/useTagPickerInputStyles.styles.js +1 -1
- package/lib/components/TagPickerInput/useTagPickerInputStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TagPickerInput/useTagPickerInputStyles.styles.js +0 -2
- package/lib-commonjs/components/TagPickerInput/useTagPickerInputStyles.styles.js.map +1 -1
- package/package.json +17 -17
package/CHANGELOG.md
CHANGED
|
@@ -1,32 +1,44 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-tag-picker
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 20 May 2024 04:22:34 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-
|
|
7
|
+
## [0.0.0-nightly-20240520-0407.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v0.0.0-nightly-20240520-0407.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.
|
|
9
|
+
Mon, 20 May 2024 04:22:34 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.2..@fluentui/react-tag-picker_v0.0.0-nightly-20240520-0407.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
14
|
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
|
|
15
|
-
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-
|
|
16
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
|
17
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
18
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
19
|
-
- Bump @fluentui/react-portal to v0.0.0-nightly-
|
|
20
|
-
- Bump @fluentui/react-tabster to v0.0.0-nightly-
|
|
21
|
-
- Bump @fluentui/react-aria to v0.0.0-nightly-
|
|
22
|
-
- Bump @fluentui/react-combobox to v0.0.0-nightly-
|
|
23
|
-
- Bump @fluentui/react-tags to v0.0.0-nightly-
|
|
24
|
-
- Bump @fluentui/react-context-selector to v0.0.0-nightly-
|
|
25
|
-
- Bump @fluentui/react-positioning to v0.0.0-nightly-
|
|
26
|
-
- Bump @fluentui/keyboard-keys to v0.0.0-nightly-
|
|
27
|
-
- Bump @fluentui/react-field to v0.0.0-nightly-
|
|
28
|
-
- Bump @fluentui/react-conformance to v0.0.0-nightly-
|
|
29
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
15
|
+
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240520-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/17a2e71a8eeb9c23ef51dd5f9189569ea69bd82b) by beachball)
|
|
16
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240520-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/17a2e71a8eeb9c23ef51dd5f9189569ea69bd82b) by beachball)
|
|
17
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20240520-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/17a2e71a8eeb9c23ef51dd5f9189569ea69bd82b) by beachball)
|
|
18
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20240520-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/17a2e71a8eeb9c23ef51dd5f9189569ea69bd82b) by beachball)
|
|
19
|
+
- Bump @fluentui/react-portal to v0.0.0-nightly-20240520-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/17a2e71a8eeb9c23ef51dd5f9189569ea69bd82b) by beachball)
|
|
20
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly-20240520-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/17a2e71a8eeb9c23ef51dd5f9189569ea69bd82b) by beachball)
|
|
21
|
+
- Bump @fluentui/react-aria to v0.0.0-nightly-20240520-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/17a2e71a8eeb9c23ef51dd5f9189569ea69bd82b) by beachball)
|
|
22
|
+
- Bump @fluentui/react-combobox to v0.0.0-nightly-20240520-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/17a2e71a8eeb9c23ef51dd5f9189569ea69bd82b) by beachball)
|
|
23
|
+
- Bump @fluentui/react-tags to v0.0.0-nightly-20240520-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/17a2e71a8eeb9c23ef51dd5f9189569ea69bd82b) by beachball)
|
|
24
|
+
- Bump @fluentui/react-context-selector to v0.0.0-nightly-20240520-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/17a2e71a8eeb9c23ef51dd5f9189569ea69bd82b) by beachball)
|
|
25
|
+
- Bump @fluentui/react-positioning to v0.0.0-nightly-20240520-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/17a2e71a8eeb9c23ef51dd5f9189569ea69bd82b) by beachball)
|
|
26
|
+
- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20240520-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/17a2e71a8eeb9c23ef51dd5f9189569ea69bd82b) by beachball)
|
|
27
|
+
- Bump @fluentui/react-field to v0.0.0-nightly-20240520-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/17a2e71a8eeb9c23ef51dd5f9189569ea69bd82b) by beachball)
|
|
28
|
+
- Bump @fluentui/react-conformance to v0.0.0-nightly-20240520-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/17a2e71a8eeb9c23ef51dd5f9189569ea69bd82b) by beachball)
|
|
29
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240520-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/17a2e71a8eeb9c23ef51dd5f9189569ea69bd82b) by beachball)
|
|
30
|
+
|
|
31
|
+
## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.2)
|
|
32
|
+
|
|
33
|
+
Thu, 16 May 2024 09:25:19 GMT
|
|
34
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.1..@fluentui/react-tag-picker_v9.0.2)
|
|
35
|
+
|
|
36
|
+
### Patches
|
|
37
|
+
|
|
38
|
+
- chore: Update react-icons package to 2.0.239. ([PR #31287](https://github.com/microsoft/fluentui/pull/31287) by ololubek@microsoft.com)
|
|
39
|
+
- Bump @fluentui/react-combobox to v9.11.4 ([PR #31390](https://github.com/microsoft/fluentui/pull/31390) by beachball)
|
|
40
|
+
- Bump @fluentui/react-tags to v9.3.5 ([PR #31390](https://github.com/microsoft/fluentui/pull/31390) by beachball)
|
|
41
|
+
- Bump @fluentui/react-field to v9.1.65 ([PR #31390](https://github.com/microsoft/fluentui/pull/31390) by beachball)
|
|
30
42
|
|
|
31
43
|
## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.1)
|
|
32
44
|
|
|
@@ -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
|
|
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,
|
|
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
|
|
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": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20240520-0407.1",
|
|
4
4
|
"description": "FluentUI TagPicker component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -33,27 +33,27 @@
|
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@fluentui/eslint-plugin": "*",
|
|
36
|
-
"@fluentui/react-conformance": "0.0.0-nightly-
|
|
37
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
|
36
|
+
"@fluentui/react-conformance": "0.0.0-nightly-20240520-0407.1",
|
|
37
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20240520-0407.1",
|
|
38
38
|
"@fluentui/scripts-api-extractor": "*",
|
|
39
39
|
"@fluentui/scripts-tasks": "*"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@fluentui/react-jsx-runtime": "0.0.0-nightly-
|
|
43
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
|
44
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
|
45
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
|
46
|
-
"@fluentui/react-portal": "0.0.0-nightly-
|
|
47
|
-
"@fluentui/react-tabster": "0.0.0-nightly-
|
|
48
|
-
"@fluentui/react-aria": "0.0.0-nightly-
|
|
42
|
+
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20240520-0407.1",
|
|
43
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20240520-0407.1",
|
|
44
|
+
"@fluentui/react-theme": "0.0.0-nightly-20240520-0407.1",
|
|
45
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20240520-0407.1",
|
|
46
|
+
"@fluentui/react-portal": "0.0.0-nightly-20240520-0407.1",
|
|
47
|
+
"@fluentui/react-tabster": "0.0.0-nightly-20240520-0407.1",
|
|
48
|
+
"@fluentui/react-aria": "0.0.0-nightly-20240520-0407.1",
|
|
49
49
|
"@fluentui/react-icons": "^2.0.239",
|
|
50
|
-
"@fluentui/react-combobox": "0.0.0-nightly-
|
|
51
|
-
"@fluentui/react-tags": "0.0.0-nightly-
|
|
52
|
-
"@fluentui/react-context-selector": "0.0.0-nightly-
|
|
53
|
-
"@fluentui/react-positioning": "0.0.0-nightly-
|
|
54
|
-
"@fluentui/keyboard-keys": "0.0.0-nightly-
|
|
55
|
-
"@fluentui/react-field": "0.0.0-nightly-
|
|
56
|
-
"@griffel/react": "^1.5.
|
|
50
|
+
"@fluentui/react-combobox": "0.0.0-nightly-20240520-0407.1",
|
|
51
|
+
"@fluentui/react-tags": "0.0.0-nightly-20240520-0407.1",
|
|
52
|
+
"@fluentui/react-context-selector": "0.0.0-nightly-20240520-0407.1",
|
|
53
|
+
"@fluentui/react-positioning": "0.0.0-nightly-20240520-0407.1",
|
|
54
|
+
"@fluentui/keyboard-keys": "0.0.0-nightly-20240520-0407.1",
|
|
55
|
+
"@fluentui/react-field": "0.0.0-nightly-20240520-0407.1",
|
|
56
|
+
"@griffel/react": "^1.5.22",
|
|
57
57
|
"@swc/helpers": "^0.5.1"
|
|
58
58
|
},
|
|
59
59
|
"peerDependencies": {
|