glints-aries 4.0.147 → 4.0.148

package/es/Input/DownshiftSelect/Select.d.ts

@@ -25,6 +25,9 @@ declare type MenuType = HTMLProps<HTMLUListElement>;
 declare type ItemType = ItemProps & HTMLProps<HTMLLIElement>;
 declare type EmptyListType = HTMLProps<HTMLLIElement>;
 declare type HelperTextType = HTMLProps<HTMLSpanElement>;
+declare type GroupContainerType = HTMLProps<HTMLLIElement>;
+declare type GroupType = HTMLProps<HTMLUListElement>;
+declare type GroupHeadingType = HTMLProps<HTMLLIElement>;
 export interface Components {
     Container: React.ComponentType<ContainerType>;
     Label: React.ComponentType<LabelType>;
@@ -38,6 +41,9 @@ export interface Components {
     Item: React.ComponentType<ItemType>;
     EmptyList: React.ComponentType<EmptyListType>;
     HelperText: React.ComponentType<HelperTextType>;
+    GroupContainer: React.ComponentType<GroupContainerType>;
+    Group: React.ComponentType<GroupType>;
+    GroupHeading: React.ComponentType<GroupHeadingType>;
 }
 export declare const SubComponents: typeof internalComponents;
 export interface Props {
@@ -86,6 +92,8 @@ export interface Props {
     onBlur?: React.FocusEventHandler<HTMLInputElement>;
     /** Text to be displayed in EmptyList when transformFunction returns an empty list */
     emptyListText?: string;
+    /** Key by which to group items. Also used as group */
+    groupKey?: string;
 }
 export declare const Select: React.FC<Props> & {
     Components: Components;

package/es/Input/DownshiftSelect/Select.js

@@ -12,7 +12,7 @@ import * as internalComponents from './SelectStyle';
 import { ArrowDownIcon } from '../../General/Icon/components';
 import { ArrowUpIcon } from '../../General/Icon/components';
 import { CloseCircleSolidIcon } from '../../General/Icon/components';
-import { isFunction, isUndefined, noop } from 'lodash';
+import { groupBy, indexOf, isFunction, isUndefined, noop } from 'lodash';
 import { useId } from 'react-id-generator';
 export var defaultTransformFunction = function defaultTransformFunction(items, inputValue) {
   return items.filter(function (item) {
@@ -59,7 +59,8 @@ export var Select = function Select(_ref) {
       onBlurExternal = _ref.onBlur,
       _ref$emptyListText = _ref.emptyListText,
       emptyListText = _ref$emptyListText === void 0 ? defaultEmptyListText : _ref$emptyListText,
-      props = _objectWithoutPropertiesLoose(_ref, ["items", "transformFunction", "components", "isLoading", "isOpenInitially", "helperText", "downshift", "placeholder", "label", "disabled", "disableTyping", "isOpen", "invalid", "onIsOpenChange", "selectedItem", "onSelectedItemChange", "inputValue", "onInputValueChange", "onClear", "onFocus", "onBlur", "emptyListText"]);
+      groupKey = _ref.groupKey,
+      props = _objectWithoutPropertiesLoose(_ref, ["items", "transformFunction", "components", "isLoading", "isOpenInitially", "helperText", "downshift", "placeholder", "label", "disabled", "disableTyping", "isOpen", "invalid", "onIsOpenChange", "selectedItem", "onSelectedItemChange", "inputValue", "onInputValueChange", "onClear", "onFocus", "onBlur", "emptyListText", "groupKey"]);
 
   var mergedComponents = _objectSpread(_objectSpread({}, internalComponents), externalComponents);
 
@@ -74,7 +75,10 @@ export var Select = function Select(_ref) {
       Menu = mergedComponents.Menu,
       Item = mergedComponents.Item,
       EmptyList = mergedComponents.EmptyList,
-      HelperText = mergedComponents.HelperText;
+      HelperText = mergedComponents.HelperText,
+      GroupContainer = mergedComponents.GroupContainer,
+      Group = mergedComponents.Group,
+      GroupHeading = mergedComponents.GroupHeading;
 
   var _useState = useState(''),
       inputValueInternal = _useState[0],
@@ -164,6 +168,7 @@ export var Select = function Select(_ref) {
     onBlurInternal();
   };
 
+  var groups = groupKey && groupBy(displayItems, groupKey);
   return /*#__PURE__*/React.createElement(Container, {
     "data-testid": "container"
   }, label && /*#__PURE__*/React.createElement(Label, _extends({}, getLabelProps(), {
@@ -214,21 +219,40 @@ export var Select = function Select(_ref) {
     ref: undefined
   }), isOpen ? /*#__PURE__*/React.createElement(ArrowUpIcon, null) : /*#__PURE__*/React.createElement(ArrowDownIcon, null)))), /*#__PURE__*/React.createElement(Menu, _extends({}, getMenuProps(), {
     "data-testid": "menu"
-  }), isOpen && displayItems.length > 0 ? displayItems.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(Item, _extends({}, getItemProps({
-      item: item,
-      index: index,
-      disabled: disabled || item.disabled
-    }), {
-      key: item.value,
-      item: item,
-      title: item.label // getToggleButtonProps adds a ref here, but functional components don't support them. Overriding the ref here prevents a React warning
-      ,
-      ref: undefined
-    }), itemToString(item));
-  }) : /*#__PURE__*/React.createElement(EmptyList, {
-    "data-testid": "empty-list"
-  }, emptyListText)), helperText && /*#__PURE__*/React.createElement(HelperText, {
+  }), function () {
+    var renderItem = function renderItem(item) {
+      return /*#__PURE__*/React.createElement(Item, _extends({}, getItemProps({
+        item: item,
+        index: indexOf(displayItems, item),
+        disabled: disabled || item.disabled
+      }), {
+        key: item.value,
+        item: item,
+        title: item.label + indexOf(displayItems, item) // getToggleButtonProps adds a ref here, but functional components don't support them. Overriding the ref here prevents a React warning
+        ,
+        ref: undefined
+      }), itemToString(item));
+    };
+
+    if (isOpen) {
+      if (groups && Object.keys(groups).length > 0) {
+        return Object.keys(groups).map(function (groupKey) {
+          return /*#__PURE__*/React.createElement(GroupContainer, {
+            key: groupKey
+          }, /*#__PURE__*/React.createElement(Group, null, /*#__PURE__*/React.createElement(GroupHeading, {
+            disabled: true,
+            "data-testid": "group-heading"
+          }, groupKey), groups[groupKey].map(renderItem)));
+        });
+      } else if (displayItems.length > 0) {
+        return displayItems.map(renderItem);
+      }
+    }
+
+    return /*#__PURE__*/React.createElement(EmptyList, {
+      "data-testid": "empty-list"
+    }, emptyListText);
+  }()), helperText && /*#__PURE__*/React.createElement(HelperText, {
     id: helperId,
     "data-invalid": invalid,
     "data-testid": "helper-text"

package/es/Input/DownshiftSelect/Select.stories.d.ts

@@ -4,6 +4,7 @@ declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Interactive: any;
 export declare const RealisticExample: Story<Props>;
+export declare const Groups: any;
 export declare const TransformFunctionForCustomFilter: any;
 export declare const TransformFunctionForNoFilter: any;
 export declare const CustomComponents: any;

package/es/Input/DownshiftSelect/Select.stories.js

@@ -49,12 +49,23 @@ export default {
     return /*#__PURE__*/React.createElement(StoryContainer, null, Story());
   }]
 };
-var items = ['Software Engineer', 'Software Tester', 'Back-end Engineer', 'Front-end Engineer'].map(function (label) {
-  return {
-    value: label,
-    label: label
-  };
-});
+var items = [{
+  label: 'Software Engineer',
+  value: 'v0',
+  category: 'Software Engineering'
+}, {
+  label: 'Software Tester',
+  value: 'v1',
+  category: 'Quality Assurance'
+}, {
+  label: 'Back-end Engineer',
+  value: 'v2',
+  category: 'Software Engineering'
+}, {
+  label: 'Front-end Engineer',
+  value: 'v3',
+  category: 'Software Engineering'
+}];
 var componentNames = Object.keys(Components).filter(function (name) {
   return !name.startsWith('_');
 });
@@ -116,6 +127,17 @@ RealisticExample.parameters = {
     }
   }
 };
+export var Groups = Template.bind({});
+Groups.args = {
+  groupKey: 'category'
+};
+Groups.parameters = {
+  docs: {
+    description: {
+      story: "You can pass groupKey to group items by that key. This will also be used as the header for the group."
+    }
+  }
+};
 export var TransformFunctionForCustomFilter = Template.bind({});
 TransformFunctionForCustomFilter.args = {
   transformFunction: function transformFunction(items, inputValue) {

package/es/Input/DownshiftSelect/SelectStyle.d.ts

@@ -13,3 +13,6 @@ export declare const Menu: import("styled-components").StyledComponent<"ul", any
 export declare const Item: import("styled-components").StyledComponent<"li", any, ItemProps, never>;
 export declare const EmptyList: import("styled-components").StyledComponent<"li", any, {}, never>;
 export declare const HelperText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const GroupContainer: import("styled-components").StyledComponent<"li", any, {}, never>;
+export declare const Group: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export declare const GroupHeading: import("styled-components").StyledComponent<"li", any, {}, never>;

package/es/Input/DownshiftSelect/SelectStyle.js

@@ -53,4 +53,16 @@ export var EmptyList = styled.li.withConfig({
 export var HelperText = styled.span.withConfig({
   displayName: "SelectStyle__HelperText",
   componentId: "qr1jv6-12"
-})(["margin-top:4px;color:", ";font-size:0.875em;&[data-invalid='true']{color:", ";}"], Greyscale.devilsgrey, PrimaryColor.glintsred);
+})(["margin-top:4px;color:", ";font-size:0.875em;&[data-invalid='true']{color:", ";}"], Greyscale.devilsgrey, PrimaryColor.glintsred);
+export var GroupContainer = styled.li.withConfig({
+  displayName: "SelectStyle__GroupContainer",
+  componentId: "qr1jv6-13"
+})(["margin-bottom:0.5em;padding:0;list-style-type:none;"]);
+export var Group = styled.ul.withConfig({
+  displayName: "SelectStyle__Group",
+  componentId: "qr1jv6-14"
+})(["padding:0;"]);
+export var GroupHeading = styled.li.withConfig({
+  displayName: "SelectStyle__GroupHeading",
+  componentId: "qr1jv6-15"
+})(["padding:0.5em 1em;list-style-type:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:", ";font-size:0.75em;text-transform:uppercase;"], Greyscale.devilsgrey);

package/es/index.d.ts

@@ -27,7 +27,7 @@ export { default as ProfilePicture } from './General/ProfilePicture';
 export { default as RadioButton } from './Input/RadioButton';
 export { default as Select } from './Input/Select';
 export { Select as DownshiftSelect, SubComponents as DownshiftSelectSubComponents, defaultTransformFunction as DownshiftSelectDefaultTransformFunction, itemToString as DownshiftSelectItemToString, defaultEmptyListText } from './Input/DownshiftSelect/Select';
-export type { Item as DownshiftSelectItem, ItemProps as DownshiftSelectItemComponentProps } from './Input/DownshiftSelect/Select';
+export type { Item as DownshiftSelectItem, ItemProps as DownshiftSelectItemComponentProps, Props as DownshiftSelectProps } from './Input/DownshiftSelect/Select';
 export { default as Slider } from './Display/Slider';
 export { default as Swipeable } from './Display/Swipeable';
 export { default as Tabs } from './Display/Tabs';

package/lib/Input/DownshiftSelect/Select.d.ts

@@ -25,6 +25,9 @@ declare type MenuType = HTMLProps<HTMLUListElement>;
 declare type ItemType = ItemProps & HTMLProps<HTMLLIElement>;
 declare type EmptyListType = HTMLProps<HTMLLIElement>;
 declare type HelperTextType = HTMLProps<HTMLSpanElement>;
+declare type GroupContainerType = HTMLProps<HTMLLIElement>;
+declare type GroupType = HTMLProps<HTMLUListElement>;
+declare type GroupHeadingType = HTMLProps<HTMLLIElement>;
 export interface Components {
     Container: React.ComponentType<ContainerType>;
     Label: React.ComponentType<LabelType>;
@@ -38,6 +41,9 @@ export interface Components {
     Item: React.ComponentType<ItemType>;
     EmptyList: React.ComponentType<EmptyListType>;
     HelperText: React.ComponentType<HelperTextType>;
+    GroupContainer: React.ComponentType<GroupContainerType>;
+    Group: React.ComponentType<GroupType>;
+    GroupHeading: React.ComponentType<GroupHeadingType>;
 }
 export declare const SubComponents: typeof internalComponents;
 export interface Props {
@@ -86,6 +92,8 @@ export interface Props {
     onBlur?: React.FocusEventHandler<HTMLInputElement>;
     /** Text to be displayed in EmptyList when transformFunction returns an empty list */
     emptyListText?: string;
+    /** Key by which to group items. Also used as group */
+    groupKey?: string;
 }
 export declare const Select: React.FC<Props> & {
     Components: Components;

package/lib/Input/DownshiftSelect/Select.js

@@ -82,7 +82,8 @@ var Select = function Select(_ref) {
       onBlurExternal = _ref.onBlur,
       _ref$emptyListText = _ref.emptyListText,
       emptyListText = _ref$emptyListText === void 0 ? defaultEmptyListText : _ref$emptyListText,
-      props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["items", "transformFunction", "components", "isLoading", "isOpenInitially", "helperText", "downshift", "placeholder", "label", "disabled", "disableTyping", "isOpen", "invalid", "onIsOpenChange", "selectedItem", "onSelectedItemChange", "inputValue", "onInputValueChange", "onClear", "onFocus", "onBlur", "emptyListText"]);
+      groupKey = _ref.groupKey,
+      props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["items", "transformFunction", "components", "isLoading", "isOpenInitially", "helperText", "downshift", "placeholder", "label", "disabled", "disableTyping", "isOpen", "invalid", "onIsOpenChange", "selectedItem", "onSelectedItemChange", "inputValue", "onInputValueChange", "onClear", "onFocus", "onBlur", "emptyListText", "groupKey"]);
 
   var mergedComponents = _objectSpread(_objectSpread({}, internalComponents), externalComponents);
 
@@ -97,7 +98,10 @@ var Select = function Select(_ref) {
       Menu = mergedComponents.Menu,
       Item = mergedComponents.Item,
       EmptyList = mergedComponents.EmptyList,
-      HelperText = mergedComponents.HelperText;
+      HelperText = mergedComponents.HelperText,
+      GroupContainer = mergedComponents.GroupContainer,
+      Group = mergedComponents.Group,
+      GroupHeading = mergedComponents.GroupHeading;
 
   var _useState = (0, _react.useState)(''),
       inputValueInternal = _useState[0],
@@ -187,6 +191,7 @@ var Select = function Select(_ref) {
     onBlurInternal();
   };
 
+  var groups = groupKey && (0, _lodash.groupBy)(displayItems, groupKey);
   return /*#__PURE__*/_react["default"].createElement(Container, {
     "data-testid": "container"
   }, label && /*#__PURE__*/_react["default"].createElement(Label, (0, _extends2["default"])({}, getLabelProps(), {
@@ -237,21 +242,40 @@ var Select = function Select(_ref) {
     ref: undefined
   }), isOpen ? /*#__PURE__*/_react["default"].createElement(_components.ArrowUpIcon, null) : /*#__PURE__*/_react["default"].createElement(_components.ArrowDownIcon, null)))), /*#__PURE__*/_react["default"].createElement(Menu, (0, _extends2["default"])({}, getMenuProps(), {
     "data-testid": "menu"
-  }), isOpen && displayItems.length > 0 ? displayItems.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement(Item, (0, _extends2["default"])({}, getItemProps({
-      item: item,
-      index: index,
-      disabled: disabled || item.disabled
-    }), {
-      key: item.value,
-      item: item,
-      title: item.label // getToggleButtonProps adds a ref here, but functional components don't support them. Overriding the ref here prevents a React warning
-      ,
-      ref: undefined
-    }), itemToString(item));
-  }) : /*#__PURE__*/_react["default"].createElement(EmptyList, {
-    "data-testid": "empty-list"
-  }, emptyListText)), helperText && /*#__PURE__*/_react["default"].createElement(HelperText, {
+  }), function () {
+    var renderItem = function renderItem(item) {
+      return /*#__PURE__*/_react["default"].createElement(Item, (0, _extends2["default"])({}, getItemProps({
+        item: item,
+        index: (0, _lodash.indexOf)(displayItems, item),
+        disabled: disabled || item.disabled
+      }), {
+        key: item.value,
+        item: item,
+        title: item.label + (0, _lodash.indexOf)(displayItems, item) // getToggleButtonProps adds a ref here, but functional components don't support them. Overriding the ref here prevents a React warning
+        ,
+        ref: undefined
+      }), itemToString(item));
+    };
+
+    if (isOpen) {
+      if (groups && Object.keys(groups).length > 0) {
+        return Object.keys(groups).map(function (groupKey) {
+          return /*#__PURE__*/_react["default"].createElement(GroupContainer, {
+            key: groupKey
+          }, /*#__PURE__*/_react["default"].createElement(Group, null, /*#__PURE__*/_react["default"].createElement(GroupHeading, {
+            disabled: true,
+            "data-testid": "group-heading"
+          }, groupKey), groups[groupKey].map(renderItem)));
+        });
+      } else if (displayItems.length > 0) {
+        return displayItems.map(renderItem);
+      }
+    }
+
+    return /*#__PURE__*/_react["default"].createElement(EmptyList, {
+      "data-testid": "empty-list"
+    }, emptyListText);
+  }()), helperText && /*#__PURE__*/_react["default"].createElement(HelperText, {
     id: helperId,
     "data-invalid": invalid,
     "data-testid": "helper-text"

package/lib/Input/DownshiftSelect/Select.stories.d.ts

@@ -4,6 +4,7 @@ declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Interactive: any;
 export declare const RealisticExample: Story<Props>;
+export declare const Groups: any;
 export declare const TransformFunctionForCustomFilter: any;
 export declare const TransformFunctionForNoFilter: any;
 export declare const CustomComponents: any;

package/lib/Input/DownshiftSelect/Select.stories.js

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.AsyncItems = exports.EmptyListText = exports.Small = exports.ConfigurableWidth = exports.OnClearCallback = exports.FocusCallbacks = exports.DisableAutocomplete = exports.Invalid = exports.ControlledInputValue = exports.ControlledIsOpen = exports.ControlledSelectedItem = exports.DisabledOptions = exports.DisableTyping = exports.Disabled = exports.DownshiftOptions = exports.Label = exports.Placeholder = exports.HelperText = exports.InitiallyOpen = exports.LoadingState = exports.RemoveToggleButton = exports.CustomComponents = exports.TransformFunctionForNoFilter = exports.TransformFunctionForCustomFilter = exports.RealisticExample = exports.Interactive = exports["default"] = void 0;
+exports.AsyncItems = exports.EmptyListText = exports.Small = exports.ConfigurableWidth = exports.OnClearCallback = exports.FocusCallbacks = exports.DisableAutocomplete = exports.Invalid = exports.ControlledInputValue = exports.ControlledIsOpen = exports.ControlledSelectedItem = exports.DisabledOptions = exports.DisableTyping = exports.Disabled = exports.DownshiftOptions = exports.Label = exports.Placeholder = exports.HelperText = exports.InitiallyOpen = exports.LoadingState = exports.RemoveToggleButton = exports.CustomComponents = exports.TransformFunctionForNoFilter = exports.TransformFunctionForCustomFilter = exports.Groups = exports.RealisticExample = exports.Interactive = exports["default"] = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -70,12 +70,23 @@ var _default = {
   }]
 };
 exports["default"] = _default;
-var items = ['Software Engineer', 'Software Tester', 'Back-end Engineer', 'Front-end Engineer'].map(function (label) {
-  return {
-    value: label,
-    label: label
-  };
-});
+var items = [{
+  label: 'Software Engineer',
+  value: 'v0',
+  category: 'Software Engineering'
+}, {
+  label: 'Software Tester',
+  value: 'v1',
+  category: 'Quality Assurance'
+}, {
+  label: 'Back-end Engineer',
+  value: 'v2',
+  category: 'Software Engineering'
+}, {
+  label: 'Front-end Engineer',
+  value: 'v3',
+  category: 'Software Engineering'
+}];
 var componentNames = Object.keys(Components).filter(function (name) {
   return !name.startsWith('_');
 });
@@ -143,6 +154,18 @@ RealisticExample.parameters = {
     }
   }
 };
+var Groups = Template.bind({});
+exports.Groups = Groups;
+Groups.args = {
+  groupKey: 'category'
+};
+Groups.parameters = {
+  docs: {
+    description: {
+      story: "You can pass groupKey to group items by that key. This will also be used as the header for the group."
+    }
+  }
+};
 var TransformFunctionForCustomFilter = Template.bind({});
 exports.TransformFunctionForCustomFilter = TransformFunctionForCustomFilter;
 TransformFunctionForCustomFilter.args = {

package/lib/Input/DownshiftSelect/SelectStyle.d.ts

@@ -13,3 +13,6 @@ export declare const Menu: import("styled-components").StyledComponent<"ul", any
 export declare const Item: import("styled-components").StyledComponent<"li", any, ItemProps, never>;
 export declare const EmptyList: import("styled-components").StyledComponent<"li", any, {}, never>;
 export declare const HelperText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const GroupContainer: import("styled-components").StyledComponent<"li", any, {}, never>;
+export declare const Group: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export declare const GroupHeading: import("styled-components").StyledComponent<"li", any, {}, never>;

package/lib/Input/DownshiftSelect/SelectStyle.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.HelperText = exports.EmptyList = exports.Item = exports.Menu = exports.LoadingIndicator = exports.ToggleButton = exports.ClearButton = exports._IndicatorButton = exports.IndicatorsContainer = exports.Input = exports.Combobox = exports.Label = exports.Container = void 0;
+exports.GroupHeading = exports.Group = exports.GroupContainer = exports.HelperText = exports.EmptyList = exports.Item = exports.Menu = exports.LoadingIndicator = exports.ToggleButton = exports.ClearButton = exports._IndicatorButton = exports.IndicatorsContainer = exports.Input = exports.Combobox = exports.Label = exports.Container = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -96,4 +96,25 @@ var HelperText = _styledComponents["default"].span.withConfig({
   componentId: "qr1jv6-12"
 })(["margin-top:4px;color:", ";font-size:0.875em;&[data-invalid='true']{color:", ";}"], _Colors.Greyscale.devilsgrey, _Colors.PrimaryColor.glintsred);
 
-exports.HelperText = HelperText;
+exports.HelperText = HelperText;
+
+var GroupContainer = _styledComponents["default"].li.withConfig({
+  displayName: "SelectStyle__GroupContainer",
+  componentId: "qr1jv6-13"
+})(["margin-bottom:0.5em;padding:0;list-style-type:none;"]);
+
+exports.GroupContainer = GroupContainer;
+
+var Group = _styledComponents["default"].ul.withConfig({
+  displayName: "SelectStyle__Group",
+  componentId: "qr1jv6-14"
+})(["padding:0;"]);
+
+exports.Group = Group;
+
+var GroupHeading = _styledComponents["default"].li.withConfig({
+  displayName: "SelectStyle__GroupHeading",
+  componentId: "qr1jv6-15"
+})(["padding:0.5em 1em;list-style-type:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:", ";font-size:0.75em;text-transform:uppercase;"], _Colors.Greyscale.devilsgrey);
+
+exports.GroupHeading = GroupHeading;

package/lib/index.d.ts

@@ -27,7 +27,7 @@ export { default as ProfilePicture } from './General/ProfilePicture';
 export { default as RadioButton } from './Input/RadioButton';
 export { default as Select } from './Input/Select';
 export { Select as DownshiftSelect, SubComponents as DownshiftSelectSubComponents, defaultTransformFunction as DownshiftSelectDefaultTransformFunction, itemToString as DownshiftSelectItemToString, defaultEmptyListText } from './Input/DownshiftSelect/Select';
-export type { Item as DownshiftSelectItem, ItemProps as DownshiftSelectItemComponentProps } from './Input/DownshiftSelect/Select';
+export type { Item as DownshiftSelectItem, ItemProps as DownshiftSelectItemComponentProps, Props as DownshiftSelectProps } from './Input/DownshiftSelect/Select';
 export { default as Slider } from './Display/Slider';
 export { default as Swipeable } from './Display/Swipeable';
 export { default as Tabs } from './Display/Tabs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.0.147",
+  "version": "4.0.148",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",