@a-type/ui 6.1.3 → 6.1.4

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/dist/components/combobox/Combobox.module.css +38 -32
  2. package/dist/components/combobox/Combobox.stories.js +1 -1
  3. package/dist/components/combobox/Combobox.stories.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/components/combobox/Combobox.module.css +38 -32
  6. package/src/components/combobox/Combobox.stories.tsx +3 -3
package/dist/components/combobox/Combobox.module.css CHANGED
@@ -11,38 +11,6 @@
11
11
  font-weight: var(--m-prose-ambient-weight);
12
12
  }
13
13
 
14
- .group {
15
- display: flex;
16
- flex-direction: column;
17
- overflow: clip;
18
- padding: var(--m-sp-md);
19
- gap: var(--m-sp-xs);
20
- }
21
-
22
- .groupItem {
23
- @apply --mx-ring;
24
- &[data-highlighted] {
25
- @apply --mx-ring(--fn-ring(var(--m-tint-mid), 2px));
26
- }
27
- }
28
-
29
- .groupItemList {
30
- display: flex;
31
- flex-direction: row;
32
- flex-wrap: wrap;
33
- gap: var(--m-sp-xs);
34
- }
35
-
36
- .groupLabel {
37
- text-transform: uppercase;
38
- width: 100%;
39
- @apply --mx-fg(var(--m-gray-heavy));
40
- padding-inline: var(--m-sp-xs);
41
- font-size: var(--m-prose-ambient-size);
42
- line-height: var(--m-prose-ambient-lineHeight);
43
- font-weight: var(--m-prose-ambient-weight);
44
- }
45
-
46
14
  .icon {
47
15
  display: flex;
48
16
  align-items: center;
@@ -149,6 +117,7 @@
149
117
  }
150
118
 
151
119
  .multiValue {
120
+ width: 100%;
152
121
  max-width: 100%;
153
122
  display: flex;
154
123
  flex-direction: row;
@@ -168,4 +137,41 @@
168
137
  @apply --mx-fg(var(--m-gray-heavy));
169
138
  padding: var(--m-sp-md);
170
139
  }
140
+
141
+ .group {
142
+ display: flex;
143
+ flex-direction: column;
144
+ overflow: clip;
145
+ padding: var(--m-sp-md);
146
+ gap: var(--m-sp-xs);
147
+ }
148
+
149
+ .groupItem {
150
+ @apply --mx-ring;
151
+ &[data-highlighted] {
152
+ @apply --mx-ring(--fn-ring(var(--m-tint-mid), 2px));
153
+ }
154
+ }
155
+
156
+ .groupItemList {
157
+ display: flex;
158
+ flex-direction: row;
159
+ flex-wrap: wrap;
160
+ gap: var(--m-sp-sm);
161
+ }
162
+
163
+ /* When composing list and groupItemList, add padding */
164
+ .list.groupItemList {
165
+ padding: var(--m-sp-md);
166
+ }
167
+
168
+ .groupLabel {
169
+ text-transform: uppercase;
170
+ width: 100%;
171
+ @apply --mx-fg(var(--m-gray-heavy));
172
+ padding-inline: var(--m-sp-xs);
173
+ font-size: var(--m-prose-ambient-size);
174
+ line-height: var(--m-prose-ambient-lineHeight);
175
+ font-weight: var(--m-prose-ambient-weight);
176
+ }
171
177
  }
package/dist/components/combobox/Combobox.stories.js CHANGED
@@ -109,7 +109,7 @@ export const NotPopover = {
109
109
  export const MultiSelect = {
110
110
  render({ arrow, autoHighlight, highlightItemOnHover, creatable }) {
111
111
  const [value, setValue] = useState([]);
112
- return (_jsxs(ExampleCombobox.Multi, { multiple: true, value: value, onValueChange: setValue, items: items, autoHighlight: autoHighlight, highlightItemOnHover: highlightItemOnHover, showCreatableItem: creatable, children: [_jsx(ExampleCombobox.Chips, { style: { width: 300 }, children: _jsx(ExampleCombobox.MultiValue, { children: (items) => (_jsxs(_Fragment, { children: [_jsx(ExampleCombobox.ChipsList, { children: items.map((item) => (_jsx(ExampleCombobox.Chip, { color: 'accent', children: item.label }, item.id))) }), _jsx(ExampleCombobox.Input, {})] })) }) }), _jsxs(ExampleCombobox.Content, { arrow: arrow, children: [_jsx(ExampleCombobox.List, { children: (item) => (_jsx(ExampleCombobox.Item, { value: item, children: item.label }, item.id)) }), _jsx(ExampleCombobox.Empty, { children: "No results found." })] })] }));
112
+ return (_jsxs(ExampleCombobox.Multi, { multiple: true, value: value, onValueChange: setValue, items: items, autoHighlight: autoHighlight, highlightItemOnHover: highlightItemOnHover, showCreatableItem: creatable, children: [_jsx(ExampleCombobox.Chips, { style: { width: 300 }, children: _jsx(ExampleCombobox.MultiValue, { children: (items) => (_jsxs(_Fragment, { children: [_jsx(ExampleCombobox.ChipsList, { children: items.map((item) => (_jsx(ExampleCombobox.Chip, { color: 'accent', children: item.label }, item.id))) }), _jsx(ExampleCombobox.Input, {})] })) }) }), _jsxs(ExampleCombobox.Content, { arrow: arrow, children: [_jsx(ExampleCombobox.List, { render: _jsx(ExampleCombobox.GroupItemList, {}), children: (item) => (_jsx(ExampleCombobox.GroupItem, { value: item, children: item.label }, item.id)) }), _jsx(ExampleCombobox.Empty, { children: "No results found." })] })] }));
113
113
  },
114
114
  };
115
115
  //# sourceMappingURL=Combobox.stories.js.map
package/dist/components/combobox/Combobox.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.stories.js","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AASzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,qBAAqB;IAC5B,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,kDAAkD;YAC/D,YAAY,EAAE,KAAK;SACnB;QACD,aAAa,EAAE;YACd,OAAO,EAAE,SAAS;YAClB,WAAW,EACV,gFAAgF;YACjF,YAAY,EAAE,KAAK;SACnB;QACD,oBAAoB,EAAE;YACrB,OAAO,EAAE,SAAS;YAClB,WAAW,EACV,iEAAiE;YAClE,YAAY,EAAE,KAAK;SACnB;QACD,SAAS,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,WAAW,EACV,0EAA0E;YAC3E,YAAY,EAAE,KAAK;SACnB;KACD;IACD,IAAI,EAAE;QACL,KAAK,EAAE,KAAK;QACZ,aAAa,EAAE,KAAK;QACpB,oBAAoB,EAAE,IAAI;QAC1B,SAAS,EAAE,KAAK;KAChB;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACoB,CAAC;AAEvB,eAAe,IAAI,CAAC;AASpB,MAAM,KAAK,GAAW;IACrB,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACjC,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACjC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAC7B,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IACzC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;IAC3B,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;CACrC,CAAC;AAEF,MAAM,eAAe,GAAG,QAAQ,CAAC,MAAM,EAAQ,CAAC;AAEhD,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,SAAS,EAAE;QAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,IAAI,CAAC,CAAC;QACtD,MAAM,QAAQ,GACb,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC7B,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC;gBACnB,CAAC,CAAC,KAAK,CAAC;QACV,OAAO,CACN,MAAC,eAAe,IACf,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,KAAK,EAAE,QAAQ,EACf,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,iBAAiB,EAAE,SAAS,EAC5B,QAAQ,EACP,SAAS;gBACR,CAAC,CAAC,CAAC,KAAa,EAAE,EAAE;oBAClB,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;oBACrC,QAAQ,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;gBACtC,CAAC;gBACH,CAAC,CAAC,SAAS,aAGb,KAAC,eAAe,CAAC,KAAK,IACrB,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,EAC1B,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YAEpB,SAAS,IAAI,CACb,KAAC,eAAe,CAAC,YAAY,IAC5B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,YAE3C,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACU,CAC/B,GACsB,EACxB,MAAC,eAAe,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,aACpC,KAAC,eAAe,CAAC,IAAI,cACnB,CAAC,IAAI,EAAE,EAAE,CAAC,CACV,KAAC,eAAe,CAAC,IAAI,IAAe,KAAK,EAAE,IAAI,YAC7C,IAAI,CAAC,KAAK,IADe,IAAI,CAAC,EAAE,CAEX,CACvB,GACqB,EACvB,KAAC,eAAe,CAAC,KAAK,oCAA0C,IACvC,IACT,CAClB,CAAC;IACH,CAAC;CACD,CAAC;AAOF,MAAM,YAAY,GAAgB;IACjC;QACC,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO;QACd,KAAK,EAAE;YACN,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAC/B,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;YACjC,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;SACjC;KACD;IACD;QACC,QAAQ,EAAE,SAAS;QACnB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE;YACN,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;YACzC,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;YACvC,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;SACvC;KACD;CACD,CAAC;AAEF,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,EAAa,CAAC;AAE5D,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,SAAS,EAAE;QAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,IAAI,CAAC,CAAC;QACtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;QAC/C,OAAO,CACN,MAAC,eAAe,IACf,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,UAAU,EAAE,KAAK,EACjB,kBAAkB,EAAE,QAAQ,EAC5B,KAAK,EAAE,YAAY,EACnB,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,QAAQ,EACP,SAAS;gBACR,CAAC,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,gBAAgB,KAAK,EAAE,CAAC;gBACnD,CAAC,CAAC,SAAS,aAGb,KAAC,eAAe,CAAC,KAAK,IAAC,WAAW,EAAC,mBAAmB,GAAG,EACzD,MAAC,eAAe,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,aACpC,KAAC,eAAe,CAAC,IAAI,cACnB,CAAC,KAAK,EAAE,EAAE,CAAC,CACX,MAAC,eAAe,CAAC,KAAK,eACrB,KAAC,eAAe,CAAC,UAAU,cACzB,KAAK,CAAC,QAAQ,GACa,EAC7B,KAAC,eAAe,CAAC,SAAS,cACxB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,KAAC,eAAe,CAAC,IAAI,IAEpB,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,SAAS,KAAK,CAAC,KAAK,EAAE,YAEhC,IAAI,CAAC,KAAK,IAJN,IAAI,CAAC,EAAE,CAKU,CACvB,CAAC,GACyB,KAdD,KAAK,CAAC,QAAQ,CAelB,CACxB,GACqB,EACvB,KAAC,eAAe,CAAC,KAAK,cACpB,SAAS,CAAC,CAAC,CAAC,CACZ,0BACC,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,GAAG,gBAAU,KAAK,UAClC,CACN,CAAC,CAAC,CAAC,CACH,mBAAmB,CACnB,GACsB,EACxB,KAAC,eAAe,CAAC,SAAS,KAAG,EAC7B,MAAC,QAAQ,CAAC,OAAO,uDAEf,SAAS,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,IAC5B,IACM,IACT,CAClB,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,MAAM,CAAC,EAAE,aAAa,EAAE,oBAAoB,EAAE,SAAS,EAAE;QACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,IAAI,CAAC,CAAC;QACtD,OAAO,CACN,KAAC,eAAe,IACf,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,KAAK,EAAE,YAAY,EACnB,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,QAAQ,EACP,SAAS;gBACR,CAAC,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,gBAAgB,KAAK,EAAE,CAAC;gBACnD,CAAC,CAAC,SAAS,YAGb,MAAC,GAAG,IAAC,MAAM,QAAC,CAAC,QAAC,OAAO,EAAC,SAAS,EAAC,GAAG,QAAC,KAAK,EAAC,SAAS,aAClD,KAAC,eAAe,CAAC,KAAK,IACrB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,YAAY,QACZ,YAAY,kBAEZ,KAAC,eAAe,CAAC,YAAY,IAC5B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE;gCACN,WAAW,EAAE,GAAG;gCAChB,MAAM,EAAE,MAAM;6BACd,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACU,GACR,EACxB,KAAC,eAAe,CAAC,IAAI,cACnB,CAAC,KAAK,EAAE,EAAE,CAAC,CACX,MAAC,eAAe,CAAC,KAAK,eACrB,KAAC,eAAe,CAAC,UAAU,cACzB,KAAK,CAAC,QAAQ,GACa,EAC7B,KAAC,eAAe,CAAC,SAAS,cACxB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,KAAC,eAAe,CAAC,IAAI,IAAe,KAAK,EAAE,IAAI,YAC7C,IAAI,CAAC,KAAK,IADe,IAAI,CAAC,EAAE,CAEX,CACvB,CAAC,GACyB,KAVD,KAAK,CAAC,QAAQ,CAWlB,CACxB,GACqB,EACvB,KAAC,eAAe,CAAC,KAAK,oCAA0C,IAC3D,GACW,CAClB,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IACjC,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,SAAS,EAAE;QAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;QAC/C,OAAO,CACN,MAAC,eAAe,CAAC,KAAK,IACrB,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,iBAAiB,EAAE,SAAS,aAE5B,KAAC,eAAe,CAAC,KAAK,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YAC3C,KAAC,eAAe,CAAC,UAAU,cACzB,CAAC,KAAK,EAAE,EAAE,CAAC,CACX,8BACC,KAAC,eAAe,CAAC,SAAS,cACxB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,KAAC,eAAe,CAAC,IAAI,IAAe,KAAK,EAAE,QAAQ,YACjD,IAAI,CAAC,KAAK,IADe,IAAI,CAAC,EAAE,CAEX,CACvB,CAAC,GACyB,EAC5B,KAAC,eAAe,CAAC,KAAK,KAAG,IACvB,CACH,GAC2B,GACN,EACxB,MAAC,eAAe,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,aACpC,KAAC,eAAe,CAAC,IAAI,cACnB,CAAC,IAAI,EAAE,EAAE,CAAC,CACV,KAAC,eAAe,CAAC,IAAI,IAAe,KAAK,EAAE,IAAI,YAC7C,IAAI,CAAC,KAAK,IADe,IAAI,CAAC,EAAE,CAEX,CACvB,GACqB,EACvB,KAAC,eAAe,CAAC,KAAK,oCAA0C,IACvC,IACH,CACxB,CAAC;IACH,CAAC;CACD,CAAC"}
1
+ {"version":3,"file":"Combobox.stories.js","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.stories.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "6.1.3",
3
+ "version": "6.1.4",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "url": "https://github.com/a-type/ui"
package/src/components/combobox/Combobox.module.css CHANGED
@@ -11,38 +11,6 @@
11
11
  font-weight: var(--m-prose-ambient-weight);
12
12
  }
13
13
 
14
- .group {
15
- display: flex;
16
- flex-direction: column;
17
- overflow: clip;
18
- padding: var(--m-sp-md);
19
- gap: var(--m-sp-xs);
20
- }
21
-
22
- .groupItem {
23
- @apply --mx-ring;
24
- &[data-highlighted] {
25
- @apply --mx-ring(--fn-ring(var(--m-tint-mid), 2px));
26
- }
27
- }
28
-
29
- .groupItemList {
30
- display: flex;
31
- flex-direction: row;
32
- flex-wrap: wrap;
33
- gap: var(--m-sp-xs);
34
- }
35
-
36
- .groupLabel {
37
- text-transform: uppercase;
38
- width: 100%;
39
- @apply --mx-fg(var(--m-gray-heavy));
40
- padding-inline: var(--m-sp-xs);
41
- font-size: var(--m-prose-ambient-size);
42
- line-height: var(--m-prose-ambient-lineHeight);
43
- font-weight: var(--m-prose-ambient-weight);
44
- }
45
-
46
14
  .icon {
47
15
  display: flex;
48
16
  align-items: center;
@@ -149,6 +117,7 @@
149
117
  }
150
118
 
151
119
  .multiValue {
120
+ width: 100%;
152
121
  max-width: 100%;
153
122
  display: flex;
154
123
  flex-direction: row;
@@ -168,3 +137,40 @@
168
137
  @apply --mx-fg(var(--m-gray-heavy));
169
138
  padding: var(--m-sp-md);
170
139
  }
140
+
141
+ .group {
142
+ display: flex;
143
+ flex-direction: column;
144
+ overflow: clip;
145
+ padding: var(--m-sp-md);
146
+ gap: var(--m-sp-xs);
147
+ }
148
+
149
+ .groupItem {
150
+ @apply --mx-ring;
151
+ &[data-highlighted] {
152
+ @apply --mx-ring(--fn-ring(var(--m-tint-mid), 2px));
153
+ }
154
+ }
155
+
156
+ .groupItemList {
157
+ display: flex;
158
+ flex-direction: row;
159
+ flex-wrap: wrap;
160
+ gap: var(--m-sp-sm);
161
+ }
162
+
163
+ /* When composing list and groupItemList, add padding */
164
+ .list.groupItemList {
165
+ padding: var(--m-sp-md);
166
+ }
167
+
168
+ .groupLabel {
169
+ text-transform: uppercase;
170
+ width: 100%;
171
+ @apply --mx-fg(var(--m-gray-heavy));
172
+ padding-inline: var(--m-sp-xs);
173
+ font-size: var(--m-prose-ambient-size);
174
+ line-height: var(--m-prose-ambient-lineHeight);
175
+ font-weight: var(--m-prose-ambient-weight);
176
+ }
package/src/components/combobox/Combobox.stories.tsx CHANGED
@@ -301,11 +301,11 @@ export const MultiSelect: Story = {
301
301
  </ExampleCombobox.MultiValue>
302
302
  </ExampleCombobox.Chips>
303
303
  <ExampleCombobox.Content arrow={arrow}>
304
- <ExampleCombobox.List>
304
+ <ExampleCombobox.List render={<ExampleCombobox.GroupItemList />}>
305
305
  {(item) => (
306
- <ExampleCombobox.Item key={item.id} value={item}>
306
+ <ExampleCombobox.GroupItem key={item.id} value={item}>
307
307
  {item.label}
308
- </ExampleCombobox.Item>
308
+ </ExampleCombobox.GroupItem>
309
309
  )}
310
310
  </ExampleCombobox.List>
311
311
  <ExampleCombobox.Empty>No results found.</ExampleCombobox.Empty>