@nulogy/components 8.4.5 → 8.4.7

package/dist/main.js

@@ -27665,44 +27665,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 +27716,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 +27728,7 @@
     }, getStatusIndicatorColours(type, theme));
   });
   StatusIndicator.defaultProps = {
-    type: "neutral",
+    type: StatusIndicatorValues.neutral,
     mt: "0",
     mr: "0",
     mb: "0",
@@ -44131,11 +44135,14 @@
 
     return /*#__PURE__*/React__default['default'].createElement(ReactResizeDetector__default['default'], {
       handleWidth: true
-    }, /*#__PURE__*/React__default['default'].createElement(SelectNavBarBasedOnWidth, Object.assign({
-      breakpointUpper: breakpoints[breakpointUpper] || breakpointUpper
-    }, props, {
-      environment: environment
-    })));
+    }, function (_ref) {
+      var width = _ref.width;
+      return /*#__PURE__*/React__default['default'].createElement(SelectNavBarBasedOnWidth, Object.assign({
+        breakpointUpper: breakpoints[breakpointUpper] || breakpointUpper,
+        width: width,
+        environment: environment
+      }, props));
+    });
   };
 
   var NavBar = styled__default['default'](BaseNavBar).withConfig({
@@ -51394,6 +51401,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

@@ -27639,44 +27639,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 +27690,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 +27702,7 @@ var StatusIndicator = styled.p.withConfig({
   }, getStatusIndicatorColours(type, theme));
 });
 StatusIndicator.defaultProps = {
-  type: "neutral",
+  type: StatusIndicatorValues.neutral,
   mt: "0",
   mr: "0",
   mb: "0",
@@ -44105,11 +44109,14 @@ var BaseNavBar = function BaseNavBar(_a) {
 
   return /*#__PURE__*/React__default.createElement(ReactResizeDetector, {
     handleWidth: true
-  }, /*#__PURE__*/React__default.createElement(SelectNavBarBasedOnWidth, Object.assign({
-    breakpointUpper: breakpoints[breakpointUpper] || breakpointUpper
-  }, props, {
-    environment: environment
-  })));
+  }, function (_ref) {
+    var width = _ref.width;
+    return /*#__PURE__*/React__default.createElement(SelectNavBarBasedOnWidth, Object.assign({
+      breakpointUpper: breakpoints[breakpointUpper] || breakpointUpper,
+      width: width,
+      environment: environment
+    }, props));
+  });
 };
 
 var NavBar = styled(BaseNavBar).withConfig({
@@ -51292,4 +51299,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/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.5",
+  "version": "8.4.7",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {