@leafygreen-ui/combobox 5.0.11 → 6.0.0

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @leafygreen-ui/combobox
 
+## 6.0.0
+
+### Major Changes
+
+- 77320a6b8: - Adds new size variants, `small` and `xsmall`.
+  - Removes truncation from chips when overflow is set to `scroll-x`. Chips do not need truncation since consumers can scroll horizontally to read the text.
+  - Sets a max height of 3 rows to the input when overflow is `expand-y`. An overflow shadow is added to indicate there is a scroll.
+  - Warning icon that appears when `state='error'` is now positioned to the left of the caret or clear icon. Previously it replaced the caret icon.
+
+### Minor Changes
+
+- 77320a6b8: - Adds `onClick` and `description` prop to `ComboboxOption`
+
+### Patch Changes
+
+- 77320a6b8: Switch to `useAutoScroll` hook to auto scroll the focused option
+- d9d8f770d: Updates disabled styles
+- ce0fcb3f6: Excludes `children` from story controls
+- 77320a6b8: Fix padding discrepancy between Combobox, Select, Text Input, and Number Input
+- Updated dependencies [55d33e435]
+- Updated dependencies [77320a6b8]
+- Updated dependencies [07db42330]
+- Updated dependencies [55d33e435]
+- Updated dependencies [cf00160ec]
+- Updated dependencies [ce0fcb3f6]
+- Updated dependencies [111b680c5]
+- Updated dependencies [77320a6b8]
+  - @leafygreen-ui/input-option@1.0.3
+  - @leafygreen-ui/lib@10.3.3
+  - @leafygreen-ui/palette@4.0.4
+  - @leafygreen-ui/typography@16.3.0
+  - @leafygreen-ui/icon-button@15.0.10
+  - @leafygreen-ui/popover@11.0.8
+  - @leafygreen-ui/tokens@2.0.3
+
 ## 5.0.11
 
 ### Patch Changes

package/README.md

@@ -115,12 +115,14 @@ import { Combobox, ComboboxOption } from '@leafygreen-ui/combobox';
 
 ## Props
 
-| Prop          | Type      | Description                                                                                                                                                                   | Default |
-| ------------- | --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
-| `value`       | `string`  | The internal value of the option. Used as the identifier in Combobox `initialValue`, `value` and `filteredOptions`. When undefined, this is set to `_.kebabCase(displayName)` |         |
-| `displayName` | `string`  | The display value of the option. Used as the rendered string within the menu and chips. When undefined, this is set to `value`                                                |         |
-| `glyph`       | `<Icon/>` | The icon to display to the left of the option in the menu.                                                                                                                    |         |
-| `className`   | `string`  | The className passed to the root element of the component.                                                                                                                    |         |
+| Prop          | Type                                                                         | Description                                                                                                                                                                   | Default |
+| ------------- | ---------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
+| `value`       | `string`                                                                     | The internal value of the option. Used as the identifier in Combobox `initialValue`, `value` and `filteredOptions`. When undefined, this is set to `_.kebabCase(displayName)` |         |
+| `displayName` | `string`                                                                     | The display value of the option. Used as the rendered string within the menu and chips. When undefined, this is set to `value`                                                |         |
+| `glyph`       | `<Icon/>`                                                                    | The icon to display to the left of the option in the menu.                                                                                                                    |         |
+| `className`   | `string`                                                                     | The className passed to the root element of the component.                                                                                                                    |         |
+| `description` | `string`                                                                     | Optional descriptive text under the displayName.                                                                                                                              |         |
+| `onClick`     | `(event: React.SyntheticEvent<HTMLLIElement, Event>, value: string) => void` | Callback fired when an option is clicked. Returns the event and the option value.                                                                                             |         |
 
 # ComboboxGroup
 

package/dist/Chip/Chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAQtE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAgB9C,eAAO,MAAM,IAAI,mFAyIhB,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAQtE,OAAO,EAAE,SAAS,EAAY,MAAM,mBAAmB,CAAC;AAkBxD,eAAO,MAAM,IAAI,mFAiJhB,CAAC"}

package/dist/Chip/Chip.styles.d.ts

@@ -1,23 +1,36 @@
 import { Theme } from '@leafygreen-ui/lib';
 import { ComboboxSize } from '../Combobox.types';
+/**
+ * The line-height of the combobox.
+ */
+export declare const lineHeight: Record<ComboboxSize, number>;
+/**
+ * The font-size of the combobox.
+ */
+export declare const fontSize: Record<ComboboxSize, number>;
 /**
  * Vertical padding on a chip (in px)
  */
 export declare const chipWrapperPaddingY: {
+    readonly xsmall: 1;
+    readonly small: 0;
     readonly default: 2;
     readonly large: 4;
 };
 /**
- * Height of the chip element (in px)
+ * Util to get the chip height
+ * `lineHeight + (2 * paddingY)`
  */
-export declare const chipHeight: Record<ComboboxSize, number>;
+export declare const getChipHeight: (size: ComboboxSize) => number;
 export declare const chipWrapperBaseStyle: string;
-export declare const chipWrapperSizeStyle: Record<ComboboxSize, string>;
+export declare const chipWrapperSizeStyle: (size: ComboboxSize) => string;
 export declare const chipWrapperThemeStyle: Record<Theme, string>;
+export declare const disabledBaseChipWrapperStyles: string;
 export declare const disabledChipWrapperStyle: Record<Theme, string>;
 export declare const chipTextSizeStyle: Record<ComboboxSize, string>;
 export declare const chipButtonStyle: string;
-export declare const chipButtonSizeStyle: Record<ComboboxSize, string>;
+export declare const chipButtonSizeStyle: (size: ComboboxSize) => string;
 export declare const chipButtonThemeStyle: Record<Theme, string>;
+export declare const chipButtonBaseDisabledStyles: string;
 export declare const chipButtonDisabledStyle: Record<Theme, string>;
 //# sourceMappingURL=Chip.styles.d.ts.map

package/dist/Chip/Chip.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../src/Chip/Chip.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAI3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAKnD,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAMhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAW7D,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAkBvD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAY1D,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAS1D,CAAC;AAEF,eAAO,MAAM,eAAe,QAW3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAO5D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAiBtD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAiBzD,CAAC"}
+{"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../src/Chip/Chip.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAI3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAKnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAKjD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,aAAa,SAAU,YAAY,WAE/C,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAOhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAAU,YAAY,WAGtD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAkBvD,CAAC;AAEF,eAAO,MAAM,6BAA6B,QAGzC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAU1D,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAoB1D,CAAC;AAEF,eAAO,MAAM,eAAe,QAY3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,SAAU,YAAY,WAErD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAiBtD,CAAC;AAEF,eAAO,MAAM,4BAA4B,QAMxC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOzD,CAAC"}

package/dist/Combobox/Combobox.d.ts

@@ -29,7 +29,7 @@ export declare namespace Combobox {
         searchState: PropTypes.Requireable<"error" | "unset" | "loading">;
         errorMessage: PropTypes.Requireable<string>;
         state: PropTypes.Requireable<"none" | "error">;
-        size: PropTypes.Requireable<"default" | "large">;
+        size: PropTypes.Requireable<"xsmall" | "small" | "default" | "large">;
         disabled: PropTypes.Requireable<boolean>;
         description: PropTypes.Requireable<string>;
         placeholder: PropTypes.Requireable<string>;

package/dist/Combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":";AAkBA,OAAO,SAAS,MAAM,YAAY,CAAC;AAmBnC,OAAO,EAEL,aAAa,EAUd,MAAM,mBAAmB,CAAC;AAmC3B;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAC1C,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,QAAgB,EAChB,IAA2B,EAC3B,QAAQ,EAAE,YAAY,EACtB,KAAc,EACd,YAAY,EACZ,WAAqB,EACrB,kBAAuC,EACvC,kBAA6C,EAC7C,oBAA2C,EAC3C,eAAe,EACf,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,QAAqB,EACrB,WAAwB,EACxB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,sBAAsB,EACtB,kBAAuB,EACvB,SAAS,EACT,SAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,eA6pClB;yBA9rCe,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2uCxB;;;GAGG"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":";AAoBA,OAAO,SAAS,MAAM,YAAY,CAAC;AAmBnC,OAAO,EAEL,aAAa,EAUd,MAAM,mBAAmB,CAAC;AA2C3B;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAC1C,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,QAAgB,EAChB,IAA2B,EAC3B,QAAQ,EAAE,YAAY,EACtB,KAAc,EACd,YAAY,EACZ,WAAqB,EACrB,kBAAuC,EACvC,kBAA6C,EAC7C,oBAA2C,EAC3C,eAAe,EACf,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,QAA2B,EAC3B,WAAwB,EACxB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,sBAAsB,EACtB,kBAAuB,EACvB,SAAS,EACT,SAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,eA+tClB;yBAhwCe,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6yCxB;;;GAGG"}

package/dist/Combobox/Combobox.styles.d.ts

@@ -1,15 +1,18 @@
 import { Theme } from '@leafygreen-ui/lib';
 import { ComboboxSize as Size, Overflow } from '../Combobox.types';
 /**
- * Width of the widest character (in px)
+ * The min-height of the combobox.
  */
-export declare const maxCharWidth: Record<Size, number>;
+export declare const wrapperHeight: Record<Size, number>;
 /**
  * Size of combobox x & y padding (in px)
+ * (wrapperHeight - inputHeight(- (borderTop + borderBottom)) / 2
  */
 export declare const comboboxPadding: Record<Size, {
-    x: number;
     y: number;
+    xLeftWithChip: number;
+    xLeftWithoutChip: number;
+    xRight: number;
 }>;
 /** Width of the clear icon (in px) */
 export declare const clearButtonIconSize = 28;
@@ -19,24 +22,31 @@ export declare const chipClassName: string;
 export declare const comboboxParentStyle: (size: Size) => string;
 export declare const baseComboboxStyles: string;
 export declare const comboboxThemeStyles: Record<Theme, string>;
-export declare const comboboxSizeStyles: (size: Size) => string;
+export declare const comboboxSizeStyles: (size: Size, isMultiselectWithSelections: boolean) => string;
 export declare const comboboxDisabledStyles: Record<Theme, string>;
 export declare const comboboxErrorStyles: Record<Theme, string>;
 export declare const comboboxFocusStyle: Record<Theme, string>;
-export declare const comboboxSelectionStyles: string;
+export declare const iconsWrapperBaseStyles: string;
+export declare const iconsWrapperSizeStyles: Record<Size, string>;
 export declare const inputWrapperStyle: ({ overflow, size, }: {
     overflow: Overflow;
     size: Size;
 }) => string | undefined;
 export declare const baseInputElementStyle: string;
 export declare const inputElementThemeStyle: Record<Theme, string>;
-export declare const inputElementSizeStyle: Record<Size, string>;
+export declare const inputElementDisabledThemeStyle: Record<Theme, string>;
+export declare const inputElementSizeStyle: (size: Size) => string;
 export declare const inputElementTransitionStyles: (isOpen: boolean) => string;
 /** Should only be applied to a multiselect */
 export declare const multiselectInputElementStyle: (size: Size, inputValue?: string | undefined) => string;
 export declare const clearButtonStyle: string;
-export declare const endIconStyle: (size: Size) => string;
+export declare const endIconStyle: string;
 export declare const errorMessageThemeStyle: Record<Theme, string>;
-export declare const errorMessageSizeStyle: Record<Size, string>;
+export declare const errorMessageSizeStyle: (size: Size) => string;
 export declare const labelDescriptionContainerStyle: string;
+export declare const labelDescriptionLargeStyles: string;
+export declare const comboboxOverflowShadowStyles: Record<Theme, string>;
+export declare const errorIconThemeStyles: Record<Theme, string>;
+export declare const caretIconThemeStyles: Record<Theme, string>;
+export declare const caretIconDisabledStyles: Record<Theme, string>;
 //# sourceMappingURL=Combobox.styles.d.ts.map

package/dist/Combobox/Combobox.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAYlE,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAKnE;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAG7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CASlE,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,+CAA+C;AAC/C,eAAO,MAAM,aAAa,IAAa,CAAC;AAexC,eAAO,MAAM,aAAa,QAAyC,CAAC;AAEpE,eAAO,MAAM,mBAAmB,SAAU,IAAI,KAAG,MAMhD,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAY9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAmBrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,SAAU,IAAI,WAE5C,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAaxD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAepD,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAEnC,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAIlB,QAAQ;UACZ,IAAI;wBAgDX,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAkBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAWxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAoBtD,CAAC;AAEF,eAAO,MAAM,4BAA4B,WAAY,OAAO,WAM3D,CAAC;AAGF,8CAA8C;AAC9C,eAAO,MAAM,4BAA4B,SACjC,IAAI,4CAQX,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAG5B,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,IAAI,WAItC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAWtD,CAAC;AACF,eAAO,MAAM,8BAA8B,QAE1C,CAAC"}
+{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAyB,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAYlE,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAQnE;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAK9C,CAAC;AAUF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAClC,IAAI,EACJ;IACE,CAAC,EAAE,MAAM,CAAC;IACV,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB,CA0BF,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,+CAA+C;AAC/C,eAAO,MAAM,aAAa,IAAa,CAAC;AAExC,eAAO,MAAM,aAAa,QAAyC,CAAC;AAEpE,eAAO,MAAM,mBAAmB,SAAU,IAAI,KAAG,MAShD,CAAC;AAEF,eAAO,MAAM,kBAAkB,QA4B9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAmBrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,SACvB,IAAI,+BACmB,OAAO,WAQrC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAaxD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAapD,CAAC;AAEF,eAAO,MAAM,sBAAsB,QAGlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAavD,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAIlB,QAAQ;UACZ,IAAI;wBAkDX,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAwBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAWxD,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAWhE,CAAC;AAEF,eAAO,MAAM,qBAAqB,SAAU,IAAI,WAK/C,CAAC;AAEF,eAAO,MAAM,4BAA4B,WAAY,OAAO,WAM3D,CAAC;AAGF,8CAA8C;AAC9C,eAAO,MAAM,4BAA4B,SACjC,IAAI,4CAQX,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAI5B,CAAC;AAEF,eAAO,MAAM,YAAY,QAGxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,SAAU,IAAI,WAI/C,CAAC;AAEF,eAAO,MAAM,8BAA8B,QAI1C,CAAC;AAEF,eAAO,MAAM,2BAA2B,QAGvC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAY9D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAGtD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAGtD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAGzD,CAAC"}

package/dist/Combobox.types.d.ts

@@ -17,6 +17,8 @@ export declare type ComboboxElement = typeof ComboboxElement[keyof typeof Combob
  * Prop types
  */
 export declare const ComboboxSize: {
+    readonly XSmall: "xsmall";
+    readonly Small: "small";
     readonly Default: "default";
     readonly Large: "large";
 };
@@ -212,7 +214,8 @@ export declare type ComboboxProps<M extends boolean> = Either<BaseComboboxProps
 /**
  * Combobox Option Props
  */
-interface BaseComboboxOptionProps extends ComponentPropsWithoutRef<'li'> {
+declare type ListItemProps = Omit<ComponentPropsWithoutRef<'li'>, 'onClick' | 'value'>;
+interface SharedComboboxOptionProps {
     /**
      * The internal value of the option. Used as the identifier in Combobox `initialValue`, value and filteredOptions.
      * When undefined, this is set to `_.kebabCase(displayName)`
@@ -236,23 +239,26 @@ interface BaseComboboxOptionProps extends ComponentPropsWithoutRef<'li'> {
      * Styling Prop
      */
     className?: string;
+    /**
+     * Optional descriptive text under the displayName.
+     */
+    description?: string;
+    /**
+     * Callback fired when an option is clicked.
+     */
+    onClick?: (event: React.SyntheticEvent<HTMLLIElement, Event>, value: string) => void;
 }
+declare type RequiredComboboxOptionProps = Required<Pick<SharedComboboxOptionProps, 'value' | 'displayName'>>;
+declare type BaseComboboxOptionProps = ListItemProps & SharedComboboxOptionProps;
 export declare type ComboboxOptionProps = Either<BaseComboboxOptionProps, 'value' | 'displayName'>;
-export interface OptionObject {
-    value: string;
-    displayName: string;
+export interface OptionObject extends Pick<SharedComboboxOptionProps, 'description' | 'onClick'>, RequiredComboboxOptionProps {
     isDisabled: boolean;
     hasGlyph?: boolean;
 }
-export interface InternalComboboxOptionProps extends ComponentPropsWithoutRef<'li'> {
-    value: string;
-    displayName: string;
+export interface InternalComboboxOptionProps extends ListItemProps, Omit<SharedComboboxOptionProps, 'value' | 'displayName'>, RequiredComboboxOptionProps {
     isSelected: boolean;
     isFocused: boolean;
     setSelected: () => void;
-    disabled?: boolean;
-    glyph?: ReactElement;
-    className?: string;
     index: number;
 }
 /**

package/dist/Combobox.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../src/Combobox.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../src/Combobox.types.ts"],"names":[],"mappings":"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"}

package/dist/ComboboxContext/ComboboxContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComboboxSize, SearchState, State, TruncationLocation } from '../Combobox.types';
+import { ComboboxSize, Overflow, SearchState, State, TruncationLocation } from '../Combobox.types';
 interface ComboboxData {
     multiselect: boolean;
     size: ComboboxSize;
@@ -8,6 +8,7 @@ interface ComboboxData {
     isOpen: boolean;
     state: State;
     searchState: SearchState;
+    overflow: Overflow;
     chipTruncationLocation?: TruncationLocation;
     chipCharacterLimit?: number;
     inputValue?: string;

package/dist/ComboboxContext/ComboboxContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../../src/ComboboxContext/ComboboxContext.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,YAAY,EACZ,WAAW,EACX,KAAK,EACL,kBAAkB,EACnB,MAAM,mBAAmB,CAAC;AAE3B,UAAU,YAAY;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,sBAAsB,CAAC,EAAE,kBAAkB,CAAC;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,uCAQ1B,CAAC"}
+{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../../src/ComboboxContext/ComboboxContext.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,kBAAkB,EACnB,MAAM,mBAAmB,CAAC;AAE3B,UAAU,YAAY;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,sBAAsB,CAAC,EAAE,kBAAkB,CAAC;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,uCAS1B,CAAC"}

package/dist/ComboboxGroup/ComboboxGroup.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 import PropTypes from 'prop-types';
 import { ComboboxGroupProps } from '../Combobox.types';
+/**
+ * @internal
+ */
 export declare function InternalComboboxGroup({ label, className, children, }: ComboboxGroupProps): JSX.Element;
 export declare function ComboboxGroup(_: ComboboxGroupProps): JSX.Element;
 export declare namespace ComboboxGroup {

package/dist/ComboboxGroup/ComboboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxGroup.d.ts","sourceRoot":"","sources":["../../src/ComboboxGroup/ComboboxGroup.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAQvD,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAqBlC;AAUD,wBAAgB,aAAa,CAAC,CAAC,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAEhE;yBAFe,aAAa"}
+{"version":3,"file":"ComboboxGroup.d.ts","sourceRoot":"","sources":["../../src/ComboboxGroup/ComboboxGroup.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAQvD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAqBlC;AAUD,wBAAgB,aAAa,CAAC,CAAC,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAEhE;yBAFe,aAAa"}

package/dist/ComboboxGroup/ComboboxGroup.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxGroup.styles.d.ts","sourceRoot":"","sources":["../../src/ComboboxGroup/ComboboxGroup.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOpD,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAW9B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAO9D,CAAC"}
+{"version":3,"file":"ComboboxGroup.styles.d.ts","sourceRoot":"","sources":["../../src/ComboboxGroup/ComboboxGroup.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAI3C,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOpD,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAW9B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAO9D,CAAC"}

package/dist/ComboboxMenu/ComboboxMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxMenu.d.ts","sourceRoot":"","sources":["../../src/ComboboxMenu/ComboboxMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAiClD,eAAO,MAAM,YAAY;eAjBZ,MAAM,SAAS;WACnB,MAAM,SAAS,CAAC,cAAc,CAAC;QAClC,MAAM;aACD,MAAM;eACJ,MAAM;qOAmIlB,CAAC"}
+{"version":3,"file":"ComboboxMenu.d.ts","sourceRoot":"","sources":["../../src/ComboboxMenu/ComboboxMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAiClD,eAAO,MAAM,YAAY;eAjBZ,MAAM,SAAS;WACnB,MAAM,SAAS,CAAC,cAAc,CAAC;QAClC,MAAM;aACD,MAAM;eACJ,MAAM;qOAwIlB,CAAC"}

package/dist/ComboboxMenu/Menu.styles.d.ts

@@ -4,11 +4,8 @@ export declare const menuItemPadding: Record<Size, {
     x: number;
     y: number;
 }>;
-/** Height of a menu item (in px) */
-export declare const menuItemHeight: {
-    default: number;
-    large: number;
-};
+/** Util that returns the height of a menu item (in px) */
+export declare const getMenuItemHeight: (size: Size) => number;
 /**
  * Menu styles
  */
@@ -16,11 +13,9 @@ export declare const popoverStyle: (width?: number) => string;
 export declare const popoverThemeStyle: Record<Theme, string>;
 export declare const menuBaseStyle: string;
 export declare const menuThemeStyle: Record<Theme, string>;
-export declare const menuSizeStyle: Record<Size, string>;
 export declare const menuList: string;
 export declare const menuMessageBaseStyle: string;
 export declare const menuMessageThemeStyle: Record<Theme, string>;
-export declare const menuMessageSizeStyle: Record<Size, string>;
-export declare const menuMessageIconSizeStyle: Record<Size, string>;
+export declare const menuMessageSizeStyle: (size: Size) => string;
 export declare const loadingIconStyle: string;
 //# sourceMappingURL=Menu.styles.d.ts.map

package/dist/ComboboxMenu/Menu.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../../src/ComboboxMenu/Menu.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAI3C,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAGlE,CAAC;AAEF,oCAAoC;AACpC,eAAO,MAAM,cAAc;;;CAI1B,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,YAAY,4BAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CASnD,CAAC;AAEF,eAAO,MAAM,aAAa,QASzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAShD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAO9C,CAAC;AAEF,eAAO,MAAM,QAAQ,QAIpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAKhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAarD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CASzD,CAAC;AAWF,eAAO,MAAM,gBAAgB,QAE5B,CAAC"}
+{"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../../src/ComboboxMenu/Menu.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAK3C,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAKlE,CAAC;AAEF,0DAA0D;AAC1D,eAAO,MAAM,iBAAiB,SAAU,IAAI,WAE3C,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,YAAY,4BAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CASnD,CAAC;AAEF,eAAO,MAAM,aAAa,QASzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAShD,CAAC;AAEF,eAAO,MAAM,QAAQ,QAIpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAKhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAAU,IAAI,WAI9C,CAAC;AAWF,eAAO,MAAM,gBAAgB,QAE5B,CAAC"}

package/dist/ComboboxOption/ComboboxOption.d.ts

@@ -5,6 +5,7 @@ import { ComboboxOptionProps, InternalComboboxOptionProps } from '../Combobox.ty
  * Internal ComboboxOption Component for use within Combobox only.
  *
  * Prefer using {@link ComboboxOption}
+ * @internal
  */
 export declare const InternalComboboxOption: React.ForwardRefExoticComponent<InternalComboboxOptionProps & React.RefAttributes<HTMLLIElement>>;
 export declare function ComboboxOption(_: ComboboxOptionProps): JSX.Element;
@@ -16,6 +17,8 @@ export declare namespace ComboboxOption {
         glyph: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         disabled: PropTypes.Requireable<boolean>;
         className: PropTypes.Requireable<string>;
+        description: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }
 //# sourceMappingURL=ComboboxOption.d.ts.map

package/dist/ComboboxOption/ComboboxOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.d.ts","sourceRoot":"","sources":["../../src/ComboboxOption/ComboboxOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,OAAO,EACL,mBAAmB,EACnB,2BAA2B,EAC5B,MAAM,mBAAmB,CAAC;AAS3B;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,mGAmElC,CAAC;AAGF,wBAAgB,cAAc,CAAC,CAAC,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAElE;yBAFe,cAAc"}
+{"version":3,"file":"ComboboxOption.d.ts","sourceRoot":"","sources":["../../src/ComboboxOption/ComboboxOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,OAAO,EACL,mBAAmB,EAEnB,2BAA2B,EAC5B,MAAM,mBAAmB,CAAC;AAY3B;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,mGAyGlC,CAAC;AAGF,wBAAgB,cAAc,CAAC,CAAC,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAElE;yBAFe,cAAc"}

package/dist/ComboboxOption/ComboboxOption.styles.d.ts

@@ -1,11 +1,18 @@
+import { Theme } from '@leafygreen-ui/lib';
 import { ComboboxSize } from '../Combobox.types';
 /**
  * Styles
  */
-export declare const comboboxOptionBaseStyle: string;
-export declare const comboboxOptionSizeStyle: Record<ComboboxSize, string>;
-export declare const checkIconStyle: Record<ComboboxSize, string>;
-export declare const flexSpan: string;
+export declare const comboboxOptionSizeStyle: (size: ComboboxSize) => string;
+export declare const checkMarkSizeStyle: Record<ComboboxSize, string>;
+export declare const checkBoxBaseStyles: string;
 export declare const disallowPointer: string;
 export declare const displayNameStyle: (isSelected: boolean) => string;
+export declare const iconThemeStyles: Record<Theme, string>;
+export declare const iconHighlightedStyles: Record<Theme, string>;
+export declare const iconDisabledStyles: Record<Theme, string>;
+export declare const checkMarkThemeStyles: Record<Theme, string>;
+export declare const checkMarkDisabledStyles: Record<Theme, string>;
+export declare const multiselectIconPosition: string;
+export declare const multiselectIconLargePosition: string;
 //# sourceMappingURL=ComboboxOption.styles.d.ts.map

package/dist/ComboboxOption/ComboboxOption.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.styles.d.ts","sourceRoot":"","sources":["../../src/ComboboxOption/ComboboxOption.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD;;GAEG;AAEH,eAAO,MAAM,uBAAuB,QAKnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAyBhE,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAOvD,CAAC;AAEF,eAAO,MAAM,QAAQ,QAMpB,CAAC;AAEF,eAAO,MAAM,eAAe,QAE3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,eAAgB,OAAO,WAEnD,CAAC"}
+{"version":3,"file":"ComboboxOption.styles.d.ts","sourceRoot":"","sources":["../../src/ComboboxOption/ComboboxOption.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAK3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD;;GAEG;AAEH,eAAO,MAAM,uBAAuB,SAAU,YAAY,WAUzD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAa3D,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAQ9B,CAAC;AAEF,eAAO,MAAM,eAAe,QAE3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,eAAgB,OAAO,WAEnD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOjD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOvD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOpD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOtD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOzD,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAInC,CAAC;AACF,eAAO,MAAM,4BAA4B,QAIxC,CAAC"}

package/dist/ComboboxOption/getGlyphs.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactElement } from 'react';
+import { Theme } from '@leafygreen-ui/lib';
+import { ComboboxSize } from '../Combobox.types';
+/**
+ * Util that returns the leftGlyph and rightGlyph.
+ */
+export declare const getGlyphs: ({ withIcons, isSelected, glyph, optionTextId, disabled, darkMode, size, multiselect, theme, isFocused, }: {
+    withIcons: boolean;
+    isSelected: boolean;
+    glyph?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    optionTextId: string;
+    disabled: boolean;
+    darkMode: boolean;
+    size: ComboboxSize;
+    multiselect: boolean;
+    theme: Theme;
+    isFocused: boolean;
+}) => {
+    leftGlyph: JSX.Element | null;
+    rightGlyph: false | JSX.Element;
+};
+//# sourceMappingURL=getGlyphs.d.ts.map

package/dist/ComboboxOption/getGlyphs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getGlyphs.d.ts","sourceRoot":"","sources":["../../src/ComboboxOption/getGlyphs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAYjD;;GAEG;AACH,eAAO,MAAM,SAAS;eAYT,OAAO;gBACN,OAAO;;kBAEL,MAAM;cACV,OAAO;cACP,OAAO;UACX,YAAY;iBACL,OAAO;WACb,KAAK;eACD,OAAO;;;;CAiEnB,CAAC"}