@nulogy/components 8.4.6 → 8.5.0

package/dist/main.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components'), require('@babel/runtime/helpers/typeof'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/defineProperty'), require('object-assign'), require('@nulogy/icons'), require('@babel/runtime/helpers/extends'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inheritsLoose'), require('prop-types'), require('react-fast-compare'), require('warning'), require('@babel/runtime/helpers/slicedToArray'), require('@babel/runtime/helpers/objectWithoutPropertiesLoose'), require('deep-equal'), require('create-react-context'), require('react-resize-detector'), require('react-windowed-select'), require('regenerator-runtime'), require('react-dom'), require('exenv'), require('smoothscroll-polyfill'), require('classnames'), require('@babel/runtime/helpers/toConsumableArray'), require('react-input-autosize'), require('@babel/runtime/helpers/taggedTemplateLiteral')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components', '@babel/runtime/helpers/typeof', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/defineProperty', 'object-assign', '@nulogy/icons', '@babel/runtime/helpers/extends', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inheritsLoose', 'prop-types', 'react-fast-compare', 'warning', '@babel/runtime/helpers/slicedToArray', '@babel/runtime/helpers/objectWithoutPropertiesLoose', 'deep-equal', 'create-react-context', 'react-resize-detector', 'react-windowed-select', 'regenerator-runtime', 'react-dom', 'exenv', 'smoothscroll-polyfill', 'classnames', '@babel/runtime/helpers/toConsumableArray', 'react-input-autosize', '@babel/runtime/helpers/taggedTemplateLiteral'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.NDSComponents = {}, global.React, global.styled, global.typeof, global.classCallCheck, global.createClass, global.defineProperty, global.assign, global.icons, global.extends, global.assertThisInitialized, global.inheritsLoose, global.PropTypes, global.isEqual, global.warning, global.slicedToArray, global.objectWithoutPropertiesLoose, global.deepEqual, global.createReactContext, global.ReactResizeDetector, global.components, global.regeneratorRuntime, global.reactDom, global.exenv, global.smoothscroll, global.t, null, global.AutosizeInput));
-}(this, (function (exports, React, styled, _typeof$1, _classCallCheck$1, _createClass$1, _defineProperty$1, assign$1, icons, _extends$4, _assertThisInitialized$2, _inheritsLoose$2, PropTypes, isEqual$2, warning$1, _slicedToArray$1, _objectWithoutPropertiesLoose$2, deepEqual, createContext, ReactResizeDetector, WindowedSelect, regeneratorRuntime, reactDom, exenv, smoothscroll, t, toConsumableArray, AutosizeInput) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components'), require('@babel/runtime/helpers/typeof'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/defineProperty'), require('object-assign'), require('@nulogy/icons'), require('@babel/runtime/helpers/extends'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inheritsLoose'), require('prop-types'), require('react-fast-compare'), require('warning'), require('@babel/runtime/helpers/slicedToArray'), require('@babel/runtime/helpers/objectWithoutPropertiesLoose'), require('deep-equal'), require('create-react-context'), require('react-resize-detector'), require('react-windowed-select'), require('react-dom'), require('exenv'), require('smoothscroll-polyfill'), require('classnames'), require('@babel/runtime/helpers/toConsumableArray'), require('react-input-autosize'), require('@babel/runtime/helpers/taggedTemplateLiteral')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components', '@babel/runtime/helpers/typeof', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/defineProperty', 'object-assign', '@nulogy/icons', '@babel/runtime/helpers/extends', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inheritsLoose', 'prop-types', 'react-fast-compare', 'warning', '@babel/runtime/helpers/slicedToArray', '@babel/runtime/helpers/objectWithoutPropertiesLoose', 'deep-equal', 'create-react-context', 'react-resize-detector', 'react-windowed-select', 'react-dom', 'exenv', 'smoothscroll-polyfill', 'classnames', '@babel/runtime/helpers/toConsumableArray', 'react-input-autosize', '@babel/runtime/helpers/taggedTemplateLiteral'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.NDSComponents = {}, global.React, global.styled, global.typeof, global.classCallCheck, global.createClass, global.defineProperty, global.assign, global.icons, global.extends, global.assertThisInitialized, global.inheritsLoose, global.PropTypes, global.isEqual, global.warning, global.slicedToArray, global.objectWithoutPropertiesLoose, global.deepEqual, global.createReactContext, global.ReactResizeDetector, global.components, global.reactDom, global.exenv, global.smoothscroll, global.t, null, global.AutosizeInput));
+}(this, (function (exports, React, styled, _typeof$1, _classCallCheck$1, _createClass$1, _defineProperty$1, assign$1, icons, _extends$4, _assertThisInitialized$2, _inheritsLoose$2, PropTypes, isEqual$2, warning$1, _slicedToArray$1, _objectWithoutPropertiesLoose$2, deepEqual, createContext, ReactResizeDetector, WindowedSelect, reactDom, exenv, smoothscroll, t, toConsumableArray, AutosizeInput) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -47,7 +47,6 @@
   var createContext__default = /*#__PURE__*/_interopDefaultLegacy(createContext);
   var ReactResizeDetector__default = /*#__PURE__*/_interopDefaultLegacy(ReactResizeDetector);
   var WindowedSelect__default = /*#__PURE__*/_interopDefaultLegacy(WindowedSelect);
-  var regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(regeneratorRuntime);
   var reactDom__default = /*#__PURE__*/_interopDefaultLegacy(reactDom);
   var exenv__default = /*#__PURE__*/_interopDefaultLegacy(exenv);
   var smoothscroll__default = /*#__PURE__*/_interopDefaultLegacy(smoothscroll);
@@ -11751,16 +11750,6 @@
                   t[p[i]] = s[p[i]];
           }
       return t;
-  }
-
-  function __awaiter(thisArg, _arguments, P, generator) {
-      function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-      return new (P || (P = Promise))(function (resolve, reject) {
-          function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-          function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-          function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-          step((generator = generator.apply(thisArg, _arguments || [])).next());
-      });
   }
 
   var prefix = "random-id-";
@@ -23006,8 +22995,6 @@
     }), /*#__PURE__*/React__default['default'].createElement(WindowedSelect.components.Option, Object.assign({}, props)));
   };
 
-  var regenerator = regeneratorRuntime__default['default'];
-
   var getBorderColor = function getBorderColor(_ref) {
     var errored = _ref.errored,
         disabled = _ref.disabled,
@@ -23221,20 +23208,6 @@
     };
   };
 
-  var extractValuesFromCsvString = function extractValuesFromCsvString(csv) {
-    var quoteRegEx = /(["'])(?:(?=(\\?))\2.)*?\1/gim;
-    var matchedValues = csv.match(quoteRegEx) || [];
-    var quotedValues = matchedValues.map(function (str) {
-      return str.replace(/(["',])/g, "");
-    });
-    var values = Array.from(new Set(csv.replace(quoteRegEx, "").split(",").map(function (value) {
-      return value.trim();
-    }).filter(function (str) {
-      return str.length > 0;
-    }).concat(quotedValues)));
-    return values;
-  };
-
   var SelectControl = function SelectControl(props) {
     // eslint-disable-next-line react/prop-types
     var isFocused = props.isFocused;
@@ -23347,62 +23320,6 @@
     var handleChange = React__default['default'].useCallback(function (option) {
       onChange && onChange(extractValue(option, multiselect));
     }, [multiselect, onChange]);
-    var handlePaste = React__default['default'].useCallback(function (e) {
-      return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-        var options, currentRef, currentValue, clipboardData, values, notExistingOptions, pastedOptions, newValue;
-        return regenerator.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                e.preventDefault();
-                options = optionsRef.current;
-                currentRef = reactSelectRef.current;
-                currentValue = currentRef.state.value || [];
-                clipboardData = e.clipboardData.getData("text/plain") || "";
-                values = extractValuesFromCsvString(clipboardData);
-                notExistingOptions = [];
-                pastedOptions = values.map(function (pastedOption) {
-                  var existingOption = options.find(function (option) {
-                    return option.label === pastedOption || option.value === pastedOption;
-                  });
-
-                  if (existingOption) {
-                    return existingOption;
-                  }
-
-                  notExistingOptions.push(pastedOption);
-                  return null;
-                }).filter(Boolean).filter(function (pastedOption) {
-                  return (// ignoring already selected options
-                    currentValue.findIndex(function (option) {
-                      return pastedOption.value === option.value;
-                    }) === -1
-                  );
-                });
-                newValue = [].concat(currentValue, pastedOptions);
-                currentRef.setState(function (prevState) {
-                  return Object.assign(Object.assign({}, prevState), {
-                    value: newValue,
-                    inputValue: notExistingOptions.join(", ")
-                  });
-                });
-                handleChange(newValue);
-
-              case 11:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-    }, []);
-
-    var _SelectInput = React__default['default'].useCallback(function (inputProps) {
-      return /*#__PURE__*/React__default['default'].createElement(SelectInput, Object.assign({}, inputProps, multiselect ? {
-        onPaste: handlePaste
-      } : {}));
-    }, [multiselect]);
-
     React__default['default'].useEffect(function () {
       if (ref) {
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -23443,7 +23360,7 @@
         DropdownIndicator: SelectDropdownIndicator,
         SelectContainer: SelectContainer$1,
         Menu: SelectMenu,
-        Input: _SelectInput
+        Input: SelectInput
       }, components),
       "aria-label": ariaLabel,
       options: options,
@@ -27665,44 +27582,48 @@
 
   Table.SortingHeader = SortingColumnHeader;
 
+  var StatusIndicatorValues = {
+    neutral: "neutral",
+    dark: "dark",
+    danger: "danger",
+    informative: "informative",
+    success: "success",
+    warning: "warning",
+    quiet: "quiet"
+  };
+
   var StatusIndicatorColours = function StatusIndicatorColours(theme) {
-    return {
-      neutral: {
-        borderColor: theme.colors.lightGrey,
-        backgroundColor: theme.colors.lightGrey,
-        color: theme.colors.darkGrey
-      },
-      dark: {
-        borderColor: theme.colors.blackBlue,
-        backgroundColor: theme.colors.blackBlue,
-        color: theme.colors.white
-      },
-      quiet: {
-        borderColor: theme.colors.white,
-        backgroundColor: theme.colors.white,
-        color: theme.colors.darkGrey
-      },
-      danger: {
-        borderColor: theme.colors.red,
-        backgroundColor: theme.colors.red,
-        color: theme.colors.white
-      },
-      informative: {
-        borderColor: theme.colors.blue,
-        backgroundColor: theme.colors.blue,
-        color: theme.colors.white
-      },
-      success: {
-        borderColor: theme.colors.green,
-        backgroundColor: theme.colors.green,
-        color: theme.colors.white
-      },
-      warning: {
-        borderColor: theme.colors.yellow,
-        backgroundColor: theme.colors.yellow,
-        color: theme.colors.darkGrey
-      }
-    };
+    var _ref;
+
+    return _ref = {}, _ref[StatusIndicatorValues.neutral] = {
+      borderColor: theme.colors.lightGrey,
+      backgroundColor: theme.colors.lightGrey,
+      color: theme.colors.darkGrey
+    }, _ref[StatusIndicatorValues.dark] = {
+      borderColor: theme.colors.blackBlue,
+      backgroundColor: theme.colors.blackBlue,
+      color: theme.colors.white
+    }, _ref[StatusIndicatorValues.quiet] = {
+      borderColor: theme.colors.white,
+      backgroundColor: theme.colors.white,
+      color: theme.colors.darkGrey
+    }, _ref[StatusIndicatorValues.danger] = {
+      borderColor: theme.colors.red,
+      backgroundColor: theme.colors.red,
+      color: theme.colors.white
+    }, _ref[StatusIndicatorValues.informative] = {
+      borderColor: theme.colors.blue,
+      backgroundColor: theme.colors.blue,
+      color: theme.colors.white
+    }, _ref[StatusIndicatorValues.success] = {
+      borderColor: theme.colors.green,
+      backgroundColor: theme.colors.green,
+      color: theme.colors.white
+    }, _ref[StatusIndicatorValues.warning] = {
+      borderColor: theme.colors.yellow,
+      backgroundColor: theme.colors.yellow,
+      color: theme.colors.darkGrey
+    }, _ref;
   };
 
   var getStatusIndicatorColours = function getStatusIndicatorColours(type, theme) {
@@ -27712,9 +27633,9 @@
   var StatusIndicator = styled__default['default'].p.withConfig({
     displayName: "StatusIndicator",
     componentId: "sc-17eyafq-0"
-  })(space, typography, flexbox, function (_ref) {
-    var theme = _ref.theme,
-        type = _ref.type;
+  })(space, typography, flexbox, function (_ref2) {
+    var theme = _ref2.theme,
+        type = _ref2.type;
     return Object.assign({
       display: "inline-block",
       fontWeight: theme.fontWeights.bold,
@@ -27724,7 +27645,7 @@
     }, getStatusIndicatorColours(type, theme));
   });
   StatusIndicator.defaultProps = {
-    type: "neutral",
+    type: StatusIndicatorValues.neutral,
     mt: "0",
     mr: "0",
     mb: "0",
@@ -51397,6 +51318,7 @@
   exports.SmallNavBar = SmallNavBar;
   exports.SortingTable = SortingTable;
   exports.StatusIndicator = StatusIndicator;
+  exports.StatusIndicatorValues = StatusIndicatorValues;
   exports.Summary = Summary;
   exports.SummaryDivider = SummaryDivider;
   exports.SummaryItem = SummaryItem;

package/dist/main.module.js

@@ -19,7 +19,6 @@ import deepEqual from 'deep-equal';
 import createContext$1 from 'create-react-context';
 import ReactResizeDetector from 'react-resize-detector';
 import WindowedSelect, { components as components$1 } from 'react-windowed-select';
-import regeneratorRuntime from 'regenerator-runtime';
 import reactDom, { findDOMNode, createPortal } from 'react-dom';
 import exenv from 'exenv';
 import smoothscroll from 'smoothscroll-polyfill';
@@ -11725,16 +11724,6 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
 }
 
 var prefix = "random-id-";
@@ -22980,8 +22969,6 @@ var SelectOption = function SelectOption(props) {
   }), /*#__PURE__*/React__default.createElement(components$1.Option, Object.assign({}, props)));
 };
 
-var regenerator = regeneratorRuntime;
-
 var getBorderColor = function getBorderColor(_ref) {
   var errored = _ref.errored,
       disabled = _ref.disabled,
@@ -23195,20 +23182,6 @@ var customStyles = function customStyles(_ref4) {
   };
 };
 
-var extractValuesFromCsvString = function extractValuesFromCsvString(csv) {
-  var quoteRegEx = /(["'])(?:(?=(\\?))\2.)*?\1/gim;
-  var matchedValues = csv.match(quoteRegEx) || [];
-  var quotedValues = matchedValues.map(function (str) {
-    return str.replace(/(["',])/g, "");
-  });
-  var values = Array.from(new Set(csv.replace(quoteRegEx, "").split(",").map(function (value) {
-    return value.trim();
-  }).filter(function (str) {
-    return str.length > 0;
-  }).concat(quotedValues)));
-  return values;
-};
-
 var SelectControl = function SelectControl(props) {
   // eslint-disable-next-line react/prop-types
   var isFocused = props.isFocused;
@@ -23321,62 +23294,6 @@ var ReactSelect = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var handleChange = React__default.useCallback(function (option) {
     onChange && onChange(extractValue(option, multiselect));
   }, [multiselect, onChange]);
-  var handlePaste = React__default.useCallback(function (e) {
-    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-      var options, currentRef, currentValue, clipboardData, values, notExistingOptions, pastedOptions, newValue;
-      return regenerator.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              e.preventDefault();
-              options = optionsRef.current;
-              currentRef = reactSelectRef.current;
-              currentValue = currentRef.state.value || [];
-              clipboardData = e.clipboardData.getData("text/plain") || "";
-              values = extractValuesFromCsvString(clipboardData);
-              notExistingOptions = [];
-              pastedOptions = values.map(function (pastedOption) {
-                var existingOption = options.find(function (option) {
-                  return option.label === pastedOption || option.value === pastedOption;
-                });
-
-                if (existingOption) {
-                  return existingOption;
-                }
-
-                notExistingOptions.push(pastedOption);
-                return null;
-              }).filter(Boolean).filter(function (pastedOption) {
-                return (// ignoring already selected options
-                  currentValue.findIndex(function (option) {
-                    return pastedOption.value === option.value;
-                  }) === -1
-                );
-              });
-              newValue = [].concat(currentValue, pastedOptions);
-              currentRef.setState(function (prevState) {
-                return Object.assign(Object.assign({}, prevState), {
-                  value: newValue,
-                  inputValue: notExistingOptions.join(", ")
-                });
-              });
-              handleChange(newValue);
-
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-  }, []);
-
-  var _SelectInput = React__default.useCallback(function (inputProps) {
-    return /*#__PURE__*/React__default.createElement(SelectInput, Object.assign({}, inputProps, multiselect ? {
-      onPaste: handlePaste
-    } : {}));
-  }, [multiselect]);
-
   React__default.useEffect(function () {
     if (ref) {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -23417,7 +23334,7 @@ var ReactSelect = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
       DropdownIndicator: SelectDropdownIndicator,
       SelectContainer: SelectContainer$1,
       Menu: SelectMenu,
-      Input: _SelectInput
+      Input: SelectInput
     }, components),
     "aria-label": ariaLabel,
     options: options,
@@ -27639,44 +27556,48 @@ var Table = function Table(_a) {
 
 Table.SortingHeader = SortingColumnHeader;
 
+var StatusIndicatorValues = {
+  neutral: "neutral",
+  dark: "dark",
+  danger: "danger",
+  informative: "informative",
+  success: "success",
+  warning: "warning",
+  quiet: "quiet"
+};
+
 var StatusIndicatorColours = function StatusIndicatorColours(theme) {
-  return {
-    neutral: {
-      borderColor: theme.colors.lightGrey,
-      backgroundColor: theme.colors.lightGrey,
-      color: theme.colors.darkGrey
-    },
-    dark: {
-      borderColor: theme.colors.blackBlue,
-      backgroundColor: theme.colors.blackBlue,
-      color: theme.colors.white
-    },
-    quiet: {
-      borderColor: theme.colors.white,
-      backgroundColor: theme.colors.white,
-      color: theme.colors.darkGrey
-    },
-    danger: {
-      borderColor: theme.colors.red,
-      backgroundColor: theme.colors.red,
-      color: theme.colors.white
-    },
-    informative: {
-      borderColor: theme.colors.blue,
-      backgroundColor: theme.colors.blue,
-      color: theme.colors.white
-    },
-    success: {
-      borderColor: theme.colors.green,
-      backgroundColor: theme.colors.green,
-      color: theme.colors.white
-    },
-    warning: {
-      borderColor: theme.colors.yellow,
-      backgroundColor: theme.colors.yellow,
-      color: theme.colors.darkGrey
-    }
-  };
+  var _ref;
+
+  return _ref = {}, _ref[StatusIndicatorValues.neutral] = {
+    borderColor: theme.colors.lightGrey,
+    backgroundColor: theme.colors.lightGrey,
+    color: theme.colors.darkGrey
+  }, _ref[StatusIndicatorValues.dark] = {
+    borderColor: theme.colors.blackBlue,
+    backgroundColor: theme.colors.blackBlue,
+    color: theme.colors.white
+  }, _ref[StatusIndicatorValues.quiet] = {
+    borderColor: theme.colors.white,
+    backgroundColor: theme.colors.white,
+    color: theme.colors.darkGrey
+  }, _ref[StatusIndicatorValues.danger] = {
+    borderColor: theme.colors.red,
+    backgroundColor: theme.colors.red,
+    color: theme.colors.white
+  }, _ref[StatusIndicatorValues.informative] = {
+    borderColor: theme.colors.blue,
+    backgroundColor: theme.colors.blue,
+    color: theme.colors.white
+  }, _ref[StatusIndicatorValues.success] = {
+    borderColor: theme.colors.green,
+    backgroundColor: theme.colors.green,
+    color: theme.colors.white
+  }, _ref[StatusIndicatorValues.warning] = {
+    borderColor: theme.colors.yellow,
+    backgroundColor: theme.colors.yellow,
+    color: theme.colors.darkGrey
+  }, _ref;
 };
 
 var getStatusIndicatorColours = function getStatusIndicatorColours(type, theme) {
@@ -27686,9 +27607,9 @@ var getStatusIndicatorColours = function getStatusIndicatorColours(type, theme)
 var StatusIndicator = styled.p.withConfig({
   displayName: "StatusIndicator",
   componentId: "sc-17eyafq-0"
-})(space, typography, flexbox, function (_ref) {
-  var theme = _ref.theme,
-      type = _ref.type;
+})(space, typography, flexbox, function (_ref2) {
+  var theme = _ref2.theme,
+      type = _ref2.type;
   return Object.assign({
     display: "inline-block",
     fontWeight: theme.fontWeights.bold,
@@ -27698,7 +27619,7 @@ var StatusIndicator = styled.p.withConfig({
   }, getStatusIndicatorColours(type, theme));
 });
 StatusIndicator.defaultProps = {
-  type: "neutral",
+  type: StatusIndicatorValues.neutral,
   mt: "0",
   mr: "0",
   mb: "0",
@@ -51295,4 +51216,4 @@ var SortingTable = function SortingTable(_a) {
   }, props));
 };
 
-export { ALL_NDS_LOCALES, Alert, AnimatedBox, ApplicationFrame, AsyncSelect, Box, BrandLogoContainer, NavBar as BrandedNavBar, Branding, Breadcrumbs, Button, ButtonGroup, Card, CardSet, Checkbox, CheckboxGroup, ControlIcon, DangerButton, DatePicker, DateRange, DesktopMenu, Divider, DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText, EnvironmentBanner, Field, FieldLabel, Fieldset, Flex, Form, FormSection, Header, Heading1, Heading2, Heading3, Heading4, HelpText, Icon, IconicButton, InlineIcon, InlineValidation, Input$1 as Input, Link, List, ListItem, LoadingAnimation, MenuTrigger, Modal, NDSProvider, NavBar$1 as NavBar, NavBarBackground, Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, ReactSelect as Select, SelectClearIndicator, SelectContainer$1 as SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption, Sidebar, SmallNavBar, SortingTable, StatusIndicator, Summary, SummaryDivider, SummaryItem, Switch, Switcher, Tab, Table, Tabs, Text, Textarea, TimePicker, TimeRange, Toast, ToggleComponent as Toggle, Tooltip, TruncatedText, addStyledProps, Theme as theme, useWindowDimensions };
+export { ALL_NDS_LOCALES, Alert, AnimatedBox, ApplicationFrame, AsyncSelect, Box, BrandLogoContainer, NavBar as BrandedNavBar, Branding, Breadcrumbs, Button, ButtonGroup, Card, CardSet, Checkbox, CheckboxGroup, ControlIcon, DangerButton, DatePicker, DateRange, DesktopMenu, Divider, DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText, EnvironmentBanner, Field, FieldLabel, Fieldset, Flex, Form, FormSection, Header, Heading1, Heading2, Heading3, Heading4, HelpText, Icon, IconicButton, InlineIcon, InlineValidation, Input$1 as Input, Link, List, ListItem, LoadingAnimation, MenuTrigger, Modal, NDSProvider, NavBar$1 as NavBar, NavBarBackground, Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, ReactSelect as Select, SelectClearIndicator, SelectContainer$1 as SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption, Sidebar, SmallNavBar, SortingTable, StatusIndicator, StatusIndicatorValues, Summary, SummaryDivider, SummaryItem, Switch, Switcher, Tab, Table, Tabs, Text, Textarea, TimePicker, TimeRange, Toast, ToggleComponent as Toggle, Tooltip, TruncatedText, addStyledProps, Theme as theme, useWindowDimensions };

package/dist/src/Select/Select.story.d.ts

@@ -108,5 +108,3 @@ export declare const UsingRefToControlFocus: {
     };
 };
 export declare const WithCustomProps: () => JSX.Element;
-export declare const PasteCsvValueInSelect: (props: any) => JSX.Element;
-export declare const AddNewOptionOnInputChange: (props: any) => JSX.Element;

package/dist/src/StatusIndicator/StatusIndicator.d.ts

@@ -1,6 +1,15 @@
 import React from "react";
 import { SpaceProps, TypographyProps, FlexboxProps } from "styled-system";
-declare type StatusIndicatorType = "neutral" | "dark" | "danger" | "informative" | "success" | "warning" | "quiet";
+export declare const StatusIndicatorValues: {
+    readonly neutral: "neutral";
+    readonly dark: "dark";
+    readonly danger: "danger";
+    readonly informative: "informative";
+    readonly success: "success";
+    readonly warning: "warning";
+    readonly quiet: "quiet";
+};
+export declare type StatusIndicatorType = typeof StatusIndicatorValues[keyof typeof StatusIndicatorValues];
 declare type StatusIndicatorProps = SpaceProps & TypographyProps & FlexboxProps & {
     type?: StatusIndicatorType;
 };

package/dist/src/StatusIndicator/index.d.ts

@@ -1 +1,2 @@
-export { default as StatusIndicator } from "./StatusIndicator";
+export { default as StatusIndicator, StatusIndicatorValues } from "./StatusIndicator";
+export type { StatusIndicatorType } from "./StatusIndicator";

package/dist/src/index.d.ts

@@ -30,7 +30,8 @@ export { Tab, Tabs } from "./Tabs";
 export { Switch, Switcher } from "./Switcher";
 export { Table } from "./Table";
 export type { TableProps, TableColumnType, TableRowType, TableCellInfoType } from "./Table";
-export { StatusIndicator } from "./StatusIndicator";
+export { StatusIndicator, StatusIndicatorValues } from "./StatusIndicator";
+export type { StatusIndicatorType } from "./StatusIndicator";
 export { Pagination } from "./Pagination";
 export { DatePicker } from "./DatePicker";
 export { DateRange } from "./DateRange";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.4.6",
+  "version": "8.5.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {

package/dist/src/Select/selectHelpers.d.ts

@@ -1 +0,0 @@
-export declare const extractValuesFromCsvString: (csv: string) => string[];

package/dist/src/Select/selectHelpers.spec.d.ts

@@ -1 +0,0 @@
-export {};