@fluentui/react-combobox 9.11.4 → 9.11.6
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 +34 -3
- package/dist/index.d.ts +38 -0
- package/lib/components/Combobox/Combobox.types.js.map +1 -1
- package/lib/components/Combobox/useComboboxStyles.styles.js +157 -82
- package/lib/components/Combobox/useComboboxStyles.styles.js.map +1 -1
- package/lib/components/Dropdown/Dropdown.types.js.map +1 -1
- package/lib/components/Dropdown/useDropdownStyles.styles.js +139 -73
- package/lib/components/Dropdown/useDropdownStyles.styles.js.map +1 -1
- package/lib/components/Listbox/Listbox.types.js.map +1 -1
- package/lib/components/Listbox/useListboxStyles.styles.js +15 -9
- package/lib/components/Listbox/useListboxStyles.styles.js.map +1 -1
- package/lib/components/Option/Option.types.js.map +1 -1
- package/lib/components/Option/useOptionStyles.styles.js +67 -41
- package/lib/components/Option/useOptionStyles.styles.js.map +1 -1
- package/lib/components/OptionGroup/OptionGroup.types.js.map +1 -1
- package/lib/components/OptionGroup/useOptionGroupStyles.styles.js +29 -17
- package/lib/components/OptionGroup/useOptionGroupStyles.styles.js.map +1 -1
- package/lib/utils/ComboboxBase.types.js.map +1 -1
- package/lib/utils/OptionCollection.types.js.map +1 -1
- package/lib/utils/Selection.types.js.map +1 -1
- package/lib-commonjs/components/Combobox/useComboboxStyles.styles.js +232 -252
- package/lib-commonjs/components/Combobox/useComboboxStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Dropdown/useDropdownStyles.styles.js +214 -241
- package/lib-commonjs/components/Dropdown/useDropdownStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Listbox/useListboxStyles.styles.js +21 -20
- package/lib-commonjs/components/Listbox/useListboxStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Option/useOptionStyles.styles.js +90 -158
- package/lib-commonjs/components/Option/useOptionStyles.styles.js.map +1 -1
- package/lib-commonjs/components/OptionGroup/useOptionGroupStyles.styles.js +43 -54
- package/lib-commonjs/components/OptionGroup/useOptionGroupStyles.styles.js.map +1 -1
- package/package.json +11 -11
|
@@ -29,54 +29,34 @@ const optionGroupClassNames = {
|
|
|
29
29
|
Beiy3e4: "f1vx9l62",
|
|
30
30
|
Belr9w4: "fiut8dr",
|
|
31
31
|
B8lkq7l: "f1xxzjds",
|
|
32
|
-
|
|
33
|
-
H93o2g:
|
|
34
|
-
|
|
32
|
+
eii1in: 0,
|
|
33
|
+
H93o2g: 0,
|
|
34
|
+
Gwp8xu: 0,
|
|
35
|
+
Bd39igo: "f16cmn8k",
|
|
35
36
|
om0q45: "f5642y",
|
|
36
37
|
Hl9o3s: "ffdf81h",
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
sl1c2c: "fwsdxdw",
|
|
43
|
-
z4hxbw: [
|
|
44
|
-
"f1sgo0dv",
|
|
45
|
-
"f1fjgumo"
|
|
46
|
-
]
|
|
38
|
+
sl1c2c: 0,
|
|
39
|
+
z4hxbw: 0,
|
|
40
|
+
B0i58d9: 0,
|
|
41
|
+
Bi9x0x4: 0,
|
|
42
|
+
Bgurq3m: "f1bsn9kn"
|
|
47
43
|
},
|
|
48
44
|
label: {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
"f16jpd5f",
|
|
55
|
-
"f1aa9q02"
|
|
56
|
-
],
|
|
57
|
-
B7oj6ja: [
|
|
58
|
-
"f1jar5jt",
|
|
59
|
-
"fyu767a"
|
|
60
|
-
],
|
|
61
|
-
Btl43ni: [
|
|
62
|
-
"fyu767a",
|
|
63
|
-
"f1jar5jt"
|
|
64
|
-
],
|
|
45
|
+
Beyfa6y: 0,
|
|
46
|
+
Bbmb7ep: 0,
|
|
47
|
+
Btl43ni: 0,
|
|
48
|
+
B7oj6ja: 0,
|
|
49
|
+
Dimara: "ft85np5",
|
|
65
50
|
sj55zd: "f11d4kpn",
|
|
66
51
|
mc9l5x: "ftgm304",
|
|
67
52
|
Be2twd7: "fy9rknc",
|
|
68
53
|
Bhrd7zp: "fl43uef",
|
|
69
54
|
Bg96gwp: "fwrc4pm",
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
Byoj8tv: "fdvome7",
|
|
76
|
-
uwmqm3: [
|
|
77
|
-
"fk8j09s",
|
|
78
|
-
"fdw0yi8"
|
|
79
|
-
]
|
|
55
|
+
Byoj8tv: 0,
|
|
56
|
+
uwmqm3: 0,
|
|
57
|
+
z189sj: 0,
|
|
58
|
+
z8tnut: 0,
|
|
59
|
+
B0ocmuz: "f1mpq0zz"
|
|
80
60
|
}
|
|
81
61
|
}, {
|
|
82
62
|
d: [
|
|
@@ -84,28 +64,37 @@ const optionGroupClassNames = {
|
|
|
84
64
|
".f1vx9l62{flex-direction:column;}",
|
|
85
65
|
".fiut8dr{row-gap:var(--spacingHorizontalXXS);}",
|
|
86
66
|
".f1xxzjds:not(:last-child)::after{content:\"\";}",
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
67
|
+
[
|
|
68
|
+
".f16cmn8k:not(:last-child)::after{border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);}",
|
|
69
|
+
{
|
|
70
|
+
p: -1
|
|
71
|
+
}
|
|
72
|
+
],
|
|
90
73
|
".f5642y:not(:last-child)::after{display:block;}",
|
|
91
74
|
".ffdf81h:not(:last-child)::after{padding-bottom:var(--spacingHorizontalXS);}",
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
75
|
+
[
|
|
76
|
+
".f1bsn9kn:not(:last-child)::after{margin:0 calc(var(--spacingHorizontalXS) * -1) var(--spacingVerticalXS);}",
|
|
77
|
+
{
|
|
78
|
+
p: -1
|
|
79
|
+
}
|
|
80
|
+
],
|
|
81
|
+
[
|
|
82
|
+
".ft85np5{border-radius:var(--borderRadiusMedium);}",
|
|
83
|
+
{
|
|
84
|
+
p: -1
|
|
85
|
+
}
|
|
86
|
+
],
|
|
100
87
|
".f11d4kpn{color:var(--colorNeutralForeground3);}",
|
|
101
88
|
".ftgm304{display:block;}",
|
|
102
89
|
".fy9rknc{font-size:var(--fontSizeBase200);}",
|
|
103
90
|
".fl43uef{font-weight:var(--fontWeightSemibold);}",
|
|
104
91
|
".fwrc4pm{line-height:var(--lineHeightBase200);}",
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
92
|
+
[
|
|
93
|
+
".f1mpq0zz{padding:var(--spacingHorizontalS) var(--spacingHorizontalSNudge);}",
|
|
94
|
+
{
|
|
95
|
+
p: -1
|
|
96
|
+
}
|
|
97
|
+
]
|
|
109
98
|
]
|
|
110
99
|
});
|
|
111
100
|
const useOptionGroupStyles_unstable = (state)=>{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useOptionGroupStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses
|
|
1
|
+
{"version":3,"sources":["useOptionGroupStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nexport const optionGroupClassNames = {\n root: 'fui-OptionGroup',\n label: 'fui-OptionGroup__label'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\",\n Belr9w4: \"fiut8dr\",\n B8lkq7l: \"f1xxzjds\",\n eii1in: 0,\n H93o2g: 0,\n Gwp8xu: 0,\n Bd39igo: \"f16cmn8k\",\n om0q45: \"f5642y\",\n Hl9o3s: \"ffdf81h\",\n sl1c2c: 0,\n z4hxbw: 0,\n B0i58d9: 0,\n Bi9x0x4: 0,\n Bgurq3m: \"f1bsn9kn\"\n },\n label: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\",\n sj55zd: \"f11d4kpn\",\n mc9l5x: \"ftgm304\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fwrc4pm\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1mpq0zz\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\", \".fiut8dr{row-gap:var(--spacingHorizontalXXS);}\", \".f1xxzjds:not(:last-child)::after{content:\\\"\\\";}\", [\".f16cmn8k:not(:last-child)::after{border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);}\", {\n p: -1\n }], \".f5642y:not(:last-child)::after{display:block;}\", \".ffdf81h:not(:last-child)::after{padding-bottom:var(--spacingHorizontalXS);}\", [\".f1bsn9kn:not(:last-child)::after{margin:0 calc(var(--spacingHorizontalXS) * -1) var(--spacingVerticalXS);}\", {\n p: -1\n }], [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".ftgm304{display:block;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", [\".f1mpq0zz{padding:var(--spacingHorizontalS) var(--spacingHorizontalSNudge);}\", {\n p: -1\n }]]\n});\n/**\n * Apply styling to the OptionGroup slots based on the state\n */\nexport const useOptionGroupStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(optionGroupClassNames.root, styles.root, state.root.className);\n if (state.label) {\n state.label.className = mergeClasses(optionGroupClassNames.label, styles.label, state.label.className);\n }\n return state;\n};\n//# sourceMappingURL=useOptionGroupStyles.styles.js.map"],"names":["optionGroupClassNames","useOptionGroupStyles_unstable","root","label","useStyles","__styles","mc9l5x","Beiy3e4","Belr9w4","B8lkq7l","eii1in","H93o2g","Gwp8xu","Bd39igo","om0q45","Hl9o3s","sl1c2c","z4hxbw","B0i58d9","Bi9x0x4","Bgurq3m","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","sj55zd","Be2twd7","Bhrd7zp","Bg96gwp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","d","p","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,qBAAqB;eAArBA;;IAwDAC,6BAA6B;eAA7BA;;;uBAzD0B;AAChC,MAAMD,wBAAwB;IACnCE,MAAM;IACNC,OAAO;AACT;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAjB,OAAO;QACLkB,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRpB,QAAQ;QACRqB,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAqC;QAAkD;QAAoD;YAAC;YAA6G;gBACtRC,GAAG,CAAC;YACN;SAAE;QAAE;QAAmD;QAAgF;YAAC;YAA+G;gBACrPA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAsD;gBACzDA,GAAG,CAAC;YACN;SAAE;QAAE;QAAoD;QAA4B;QAA+C;QAAoD;QAAmD;YAAC;YAAgF;gBACzTA,GAAG,CAAC;YACN;SAAE;KAAC;AACL;AAIO,MAAMnC,gCAAgCoC,CAAAA;IAC3C,MAAMC,SAASlC;IACfiC,MAAMnC,IAAI,CAACqC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,sBAAsBE,IAAI,EAAEoC,OAAOpC,IAAI,EAAEmC,MAAMnC,IAAI,CAACqC,SAAS;IACjG,IAAIF,MAAMlC,KAAK,EAAE;QACfkC,MAAMlC,KAAK,CAACoC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,sBAAsBG,KAAK,EAAEmC,OAAOnC,KAAK,EAAEkC,MAAMlC,KAAK,CAACoC,SAAS;IACvG;IACA,OAAOF;AACT,GACA,uDAAuD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-combobox",
|
|
3
|
-
"version": "9.11.
|
|
3
|
+
"version": "9.11.6",
|
|
4
4
|
"description": "Fluent UI React Combobox component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -33,19 +33,19 @@
|
|
|
33
33
|
"@fluentui/scripts-tasks": "*"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@fluentui/react-aria": "^9.11.
|
|
36
|
+
"@fluentui/react-aria": "^9.11.4",
|
|
37
37
|
"@fluentui/keyboard-keys": "^9.0.7",
|
|
38
|
-
"@fluentui/react-context-selector": "^9.1.
|
|
39
|
-
"@fluentui/react-field": "^9.1.
|
|
38
|
+
"@fluentui/react-context-selector": "^9.1.60",
|
|
39
|
+
"@fluentui/react-field": "^9.1.66",
|
|
40
40
|
"@fluentui/react-icons": "^2.0.239",
|
|
41
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
|
42
|
-
"@fluentui/react-portal": "^9.4.
|
|
43
|
-
"@fluentui/react-positioning": "^9.15.
|
|
44
|
-
"@fluentui/react-shared-contexts": "^9.
|
|
45
|
-
"@fluentui/react-tabster": "^9.21.
|
|
41
|
+
"@fluentui/react-jsx-runtime": "^9.0.38",
|
|
42
|
+
"@fluentui/react-portal": "^9.4.26",
|
|
43
|
+
"@fluentui/react-positioning": "^9.15.2",
|
|
44
|
+
"@fluentui/react-shared-contexts": "^9.19.0",
|
|
45
|
+
"@fluentui/react-tabster": "^9.21.4",
|
|
46
46
|
"@fluentui/react-theme": "^9.1.19",
|
|
47
|
-
"@fluentui/react-utilities": "^9.18.
|
|
48
|
-
"@griffel/react": "^1.5.
|
|
47
|
+
"@fluentui/react-utilities": "^9.18.9",
|
|
48
|
+
"@griffel/react": "^1.5.22",
|
|
49
49
|
"@swc/helpers": "^0.5.1"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|