@nulogy/components 10.2.10 → 10.2.11

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('object-assign'), require('@nulogy/icons'), require('@babel/runtime/helpers/slicedToArray'), require('@babel/runtime/helpers/defineProperty'), require('@babel/runtime/helpers/typeof'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('stylis'), require('@babel/runtime/helpers/extends'), require('hoist-non-react-statics'), require('react-dom'), require('@babel/runtime/helpers/objectSpread2'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/createSuper'), require('@babel/runtime/helpers/toConsumableArray'), require('@babel/runtime/helpers/objectWithoutProperties'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('prop-types'), require('@babel/runtime/helpers/objectWithoutPropertiesLoose'), require('@babel/runtime/helpers/inheritsLoose'), require('@babel/runtime/helpers/assertThisInitialized'), require('deep-equal'), require('@hypnosphi/create-react-context'), require('warning'), require('react-windowed-select'), require('react-resize-detector'), require('react-fast-compare'), require('classnames'), require('exenv'), require('smoothscroll-polyfill'), require('react-hot-toast')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components', 'object-assign', '@nulogy/icons', '@babel/runtime/helpers/slicedToArray', '@babel/runtime/helpers/defineProperty', '@babel/runtime/helpers/typeof', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', 'stylis', '@babel/runtime/helpers/extends', 'hoist-non-react-statics', 'react-dom', '@babel/runtime/helpers/objectSpread2', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/createSuper', '@babel/runtime/helpers/toConsumableArray', '@babel/runtime/helpers/objectWithoutProperties', '@babel/runtime/helpers/taggedTemplateLiteral', 'prop-types', '@babel/runtime/helpers/objectWithoutPropertiesLoose', '@babel/runtime/helpers/inheritsLoose', '@babel/runtime/helpers/assertThisInitialized', 'deep-equal', '@hypnosphi/create-react-context', 'warning', 'react-windowed-select', 'react-resize-detector', 'react-fast-compare', 'classnames', 'exenv', 'smoothscroll-polyfill', 'react-hot-toast'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.NDSComponents = {}, global.React, global.styled, global.assign, global.icons, global.slicedToArray, global.defineProperty, global["typeof"], global.classCallCheck, global.createClass, global.stylis, global["extends"], null, global.reactDom, null, null, null, null, global.objectWithoutProperties, null, global.PropTypes, global.objectWithoutPropertiesLoose, global.inheritsLoose, global.assertThisInitialized, global.deepEqual, global.createContext, global.warning, global.components, global.ReactResizeDetector, global.isEqual, global.t, global.exenv, global.smoothscroll, global.reactHotToast));
-})(this, (function (exports, React, styled, assign$1, icons, _slicedToArray$1, _defineProperty$1, _typeof$1, _classCallCheck$1, _createClass$1, stylis, _extends$4, hoistNonReactStatics$1, ne, objectSpread2, inherits, createSuper, toConsumableArray, _objectWithoutProperties$1, taggedTemplateLiteral, PropTypes, _objectWithoutPropertiesLoose$2, _inheritsLoose$2, _assertThisInitialized$2, deepEqual, createContext, warning$1, WindowedSelect, ReactResizeDetector, isEqual$2, t, exenv, smoothscroll, reactHotToast) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components'), require('object-assign'), require('@nulogy/icons'), require('@babel/runtime/helpers/slicedToArray'), require('@babel/runtime/helpers/defineProperty'), require('@babel/runtime/helpers/typeof'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('stylis'), require('@babel/runtime/helpers/extends'), require('hoist-non-react-statics'), require('react-dom'), require('@babel/runtime/helpers/objectSpread2'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/createSuper'), require('@babel/runtime/helpers/toConsumableArray'), require('@babel/runtime/helpers/objectWithoutProperties'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('prop-types'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inheritsLoose'), require('@babel/runtime/helpers/objectWithoutPropertiesLoose'), require('deep-equal'), require('@hypnosphi/create-react-context'), require('warning'), require('react-windowed-select'), require('react-resize-detector'), require('react-fast-compare'), require('classnames'), require('exenv'), require('smoothscroll-polyfill'), require('react-hot-toast')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components', 'object-assign', '@nulogy/icons', '@babel/runtime/helpers/slicedToArray', '@babel/runtime/helpers/defineProperty', '@babel/runtime/helpers/typeof', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', 'stylis', '@babel/runtime/helpers/extends', 'hoist-non-react-statics', 'react-dom', '@babel/runtime/helpers/objectSpread2', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/createSuper', '@babel/runtime/helpers/toConsumableArray', '@babel/runtime/helpers/objectWithoutProperties', '@babel/runtime/helpers/taggedTemplateLiteral', 'prop-types', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inheritsLoose', '@babel/runtime/helpers/objectWithoutPropertiesLoose', 'deep-equal', '@hypnosphi/create-react-context', 'warning', 'react-windowed-select', 'react-resize-detector', 'react-fast-compare', 'classnames', 'exenv', 'smoothscroll-polyfill', 'react-hot-toast'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.NDSComponents = {}, global.React, global.styled, global.assign, global.icons, global.slicedToArray, global.defineProperty, global["typeof"], global.classCallCheck, global.createClass, global.stylis, global["extends"], null, global.reactDom, null, null, null, null, global.objectWithoutProperties, null, global.PropTypes, global.assertThisInitialized, global.inheritsLoose, global.objectWithoutPropertiesLoose, global.deepEqual, global.createContext, global.warning, global.components, global.ReactResizeDetector, global.isEqual, global.t, global.exenv, global.smoothscroll, global.reactHotToast));
+})(this, (function (exports, React, styled, assign$1, icons, _slicedToArray$1, _defineProperty$1, _typeof$1, _classCallCheck$1, _createClass$1, stylis, _extends$4, hoistNonReactStatics$1, ne, objectSpread2, inherits, createSuper, toConsumableArray, _objectWithoutProperties$1, taggedTemplateLiteral, PropTypes, _assertThisInitialized$2, _inheritsLoose$2, _objectWithoutPropertiesLoose$2, deepEqual, createContext, warning$1, WindowedSelect, ReactResizeDetector, isEqual$2, t, exenv, smoothscroll, reactHotToast) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -37,9 +37,9 @@
     var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$4);
     var ne__default = /*#__PURE__*/_interopDefaultLegacy(ne);
     var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-    var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose$2);
-    var _inheritsLoose__default = /*#__PURE__*/_interopDefaultLegacy(_inheritsLoose$2);
     var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized$2);
+    var _inheritsLoose__default = /*#__PURE__*/_interopDefaultLegacy(_inheritsLoose$2);
+    var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose$2);
     var deepEqual__default = /*#__PURE__*/_interopDefaultLegacy(deepEqual);
     var createContext__default = /*#__PURE__*/_interopDefaultLegacy(createContext);
     var warning__default = /*#__PURE__*/_interopDefaultLegacy(warning$1);
@@ -8328,210 +8328,6 @@
       componentId: "sc-xda4ls-1"
     })(addStyledProps);
 
-    /**
-     * Do not edit directly
-     * Generated on Thu, 01 Dec 2022 21:44:24 GMT
-     */
-
-    const color_base_black = "#011e38";
-    const color_base_black_blue = "#122b47";
-    const color_base_dark_blue = "#00438f";
-    const color_base_blue = "#216beb";
-    const color_base_light_blue = "#e1ebfa";
-    const color_base_dark_grey = "#434d59";
-    const color_base_mid_grey = "#6c7784";
-    const color_base_grey = "#c0c8d1";
-    const color_base_light_grey = "#e4e7eb";
-    const color_base_white_grey = "#f0f2f5";
-    const color_base_white = "#ffffff";
-    const color_base_green = "#008059";
-    const color_base_light_green = "#e9f7f2";
-    const color_base_red = "#cc1439";
-    const color_base_light_red = "#fae6ea";
-    const color_base_yellow = "#ffbb00";
-    const color_base_light_yellow = "#fcf5e3";
-    const color_base_categorical_1 = "#19c4e6";
-    const color_base_categorical_2 = "#8033cc";
-    const color_base_categorical_3 = "#e372d0";
-    const color_base_categorical_4 = "#55ddb0";
-    const color_base_categorical_5 = "#ee5513";
-    const color_base_categorical_6 = "#d3d322";
-    const font_family_base = "'IBM Plex Sans', sans-serif";
-    const font_family_mono = "'IBM Plex Mono', monospace";
-    const font_family_sc = "'Noto Sans SC', sans-serif";
-    const line_height_base = "1.5";
-    const line_height_small_text_base = "1.71428571";
-    const line_height_small_text_compressed = "1.14285714";
-    const line_height_smaller_text = "1.33333333";
-    const line_height_heading_1 = "1.25";
-    const line_height_heading_2 = "1.33";
-    const line_height_heading_3 = "1.33";
-    const line_height_heading_4 = "1.33";
-    const radius_border_small = "2px";
-    const radius_border_medium = "4px";
-    const radius_border_circle = "50%";
-    const shadow_box_small = "0px 1px 2px 0px rgba(1, 30, 56, 0.25)";
-    const shadow_box_medium = "0px 3px 8px 0px rgba(1, 30, 56, 0.18)";
-    const shadow_box_large = "0px 6px 12px 2px rgba(1, 30, 56, 0.15)";
-    const shadow_focus = "0px 0px 5px 0px rgba(33, 107, 235, .9)";
-    const shadow_error = "0px 0px 5px 0px rgba(204, 20, 57, .9)";
-    const size_base_none = "0px";
-    const size_base_half = "4px";
-    const size_base_x_1 = "8px";
-    const size_base_x_2 = "16px";
-    const size_base_x_3 = "24px";
-    const size_base_x_4 = "32px";
-    const size_base_x_5 = "40px";
-    const size_base_x_6 = "48px";
-    const size_base_x_8 = "64px";
-    const size_breakpoint_extra_small = "0px";
-    const size_breakpoint_small = "768px";
-    const size_breakpoint_medium = "1024px";
-    const size_breakpoint_large = "1360px";
-    const size_breakpoint_extra_large = "1920px";
-    const size_font_smaller = "12px";
-    const size_font_small = "14px";
-    const size_font_medium = "16px";
-    const size_font_large = "24px";
-    const size_font_larger = "30px";
-    const size_font_largest = "32px";
-    const size_font_heading_1 = "32px";
-    const size_font_heading_2 = "30px";
-    const size_font_heading_3 = "24px";
-    const size_font_heading_4 = "18px";
-    const weight_font_light = "300";
-    const weight_font_normal = "400";
-    const weight_font_medium = "500";
-    const weight_font_bold = "600";
-    const z_indices_modal_header_and_footer = 2;
-    const z_indices_table_header = 10;
-    const z_indices_content = 100;
-    const z_indices_tabs_scroll_indicator = 200;
-    const z_indices_tabs_bar = 210;
-    const z_indices_sidebar = 800;
-    const z_indices_nav_bar = 900;
-    const z_indices_overlay = 1000;
-    const z_indices_above_overlay = 1010;
-    const z_indices_open_control = 1000;
-
-    var Theme = {
-      colors: {
-        black: color_base_black,
-        blackBlue: color_base_black_blue,
-        darkBlue: color_base_dark_blue,
-        blue: color_base_blue,
-        lightBlue: color_base_light_blue,
-        darkGrey: color_base_dark_grey,
-        midGrey: color_base_mid_grey,
-        grey: color_base_grey,
-        lightGrey: color_base_light_grey,
-        whiteGrey: color_base_white_grey,
-        white: color_base_white,
-        yellow: color_base_yellow,
-        lightYellow: color_base_light_yellow,
-        green: color_base_green,
-        lightGreen: color_base_light_green,
-        red: color_base_red,
-        lightRed: color_base_light_red,
-        categorical1: color_base_categorical_1,
-        categorical2: color_base_categorical_2,
-        categorical3: color_base_categorical_3,
-        categorical4: color_base_categorical_4,
-        categorical5: color_base_categorical_5,
-        categorical6: color_base_categorical_6
-      },
-      fontSizes: {
-        smaller: size_font_smaller,
-        small: size_font_small,
-        medium: size_font_medium,
-        large: size_font_large,
-        larger: size_font_larger,
-        largest: size_font_largest,
-        heading1: size_font_heading_1,
-        heading2: size_font_heading_2,
-        heading3: size_font_heading_3,
-        heading4: size_font_heading_4
-      },
-      lineHeights: {
-        base: line_height_base,
-        smallTextBase: line_height_small_text_base,
-        smallTextCompressed: line_height_small_text_compressed,
-        smallerText: line_height_smaller_text,
-        heading1: line_height_heading_1,
-        heading2: line_height_heading_2,
-        heading3: line_height_heading_3,
-        heading4: line_height_heading_4,
-        title: line_height_heading_1,
-        sectionTitle: line_height_heading_2,
-        subsectionTitle: line_height_heading_3
-      },
-      fontWeights: {
-        light: weight_font_light,
-        normal: weight_font_normal,
-        medium: weight_font_medium,
-        bold: weight_font_bold
-      },
-      space: {
-        none: size_base_none,
-        half: size_base_half,
-        x1: size_base_x_1,
-        x2: size_base_x_2,
-        x3: size_base_x_3,
-        x4: size_base_x_4,
-        x5: size_base_x_5,
-        x6: size_base_x_6,
-        x8: size_base_x_8
-      },
-      sizes: {
-        none: size_base_none,
-        half: size_base_half,
-        x1: size_base_x_1,
-        x2: size_base_x_2,
-        x3: size_base_x_3,
-        x4: size_base_x_4,
-        x5: size_base_x_5,
-        x6: size_base_x_6,
-        x8: size_base_x_8
-      },
-      fonts: {
-        base: font_family_base,
-        mono: font_family_mono,
-        sc: font_family_sc
-      },
-      borders: [],
-      shadows: {
-        small: shadow_box_small,
-        medium: shadow_box_medium,
-        large: shadow_box_large,
-        focus: shadow_focus,
-        error: shadow_error
-      },
-      radii: {
-        small: radius_border_small,
-        medium: radius_border_medium,
-        circle: radius_border_circle
-      },
-      breakpoints: {
-        extraSmall: size_breakpoint_extra_small,
-        small: size_breakpoint_small,
-        medium: size_breakpoint_medium,
-        large: size_breakpoint_large,
-        extraLarge: size_breakpoint_extra_large
-      },
-      zIndices: {
-        content: z_indices_content,
-        tabsScollIndicator: z_indices_tabs_scroll_indicator,
-        tabsBar: z_indices_tabs_bar,
-        overlay: z_indices_overlay,
-        aboveOverlay: z_indices_above_overlay,
-        tableHeader: z_indices_table_header,
-        modalHeaderAndFooter: z_indices_modal_header_and_footer,
-        openControl: z_indices_open_control,
-        navBar: z_indices_nav_bar,
-        sidebar: z_indices_sidebar
-      }
-    };
-
     var LoadingIcon = function LoadingIcon(props) {
       return /*#__PURE__*/React__default["default"].createElement("svg", Object.assign({
         viewBox: "0 0 24px 24px",
@@ -8629,20 +8425,24 @@
 
 
     var Svg$1 = /*#__PURE__*/React__default["default"].forwardRef(function (_a, ref) {
-      var icon = _a.icon,
-          size = _a.size,
-          focusable = _a.focusable,
-          className = _a.className,
-          fillColor = _a.color,
-          title = _a.title,
-          props = __rest(_a, ["icon", "size", "focusable", "className", "color", "title"]);
+      var _a$color = _a.color,
+          fillColor = _a$color === void 0 ? "currentColor" : _a$color,
+          _a$className = _a.className,
+          className = _a$className === void 0 ? undefined : _a$className,
+          _a$title = _a.title,
+          title = _a$title === void 0 ? undefined : _a$title,
+          _a$size = _a.size,
+          size = _a$size === void 0 ? "24px" : _a$size,
+          _a$focusable = _a.focusable,
+          focusable = _a$focusable === void 0 ? false : _a$focusable,
+          icon = _a.icon,
+          props = __rest(_a, ["color", "className", "title", "size", "focusable", "icon"]);
 
-      var _useTheme = styled.useTheme(),
-          space = _useTheme.space;
+      var theme = styled.useTheme();
 
       if (icon === "loading") {
         return /*#__PURE__*/React__default["default"].createElement(LoadingIcon, Object.assign({
-          color: Theme.colors[fillColor] ? Theme.colors[fillColor] : fillColor,
+          color: theme.colors[fillColor] ? theme.colors[fillColor] : fillColor,
           className: className
         }, props));
       }
@@ -8650,36 +8450,27 @@
       return icons__default["default"][icon] && /*#__PURE__*/React__default["default"].createElement("svg", Object.assign({
         ref: ref,
         "aria-hidden": title == null,
-        width: space[size] || size,
-        height: space[size] || size,
-        fill: Theme.colors[fillColor] ? Theme.colors[fillColor] : fillColor,
+        width: theme.space[size] || size,
+        height: theme.space[size] || size,
+        fill: theme.colors[fillColor] ? theme.colors[fillColor] : fillColor,
         viewBox: icons__default["default"][icon].viewBox,
         focusable: focusable,
         className: className + " nds-icon--" + icon
       }, props), getPathElements(icons__default["default"][icon]));
     });
-    Svg$1.displayName = "Svg";
-    Svg$1.defaultProps = {
-      color: "currentColor",
-      className: undefined,
-      title: undefined,
-      size: "24px",
-      focusable: false
-    };
     var Icon = styled__default["default"](Svg$1).withConfig({
       displayName: "Icon",
       componentId: "sc-150w9kl-0"
     })(space, function (_ref) {
-      var size = _ref.size;
+      var _ref$color = _ref.color,
+          color = _ref$color === void 0 ? "currentColor" : _ref$color,
+          _ref$size = _ref.size,
+          size = _ref$size === void 0 ? "24px" : _ref$size;
       return {
-        minWidth: size
+        minWidth: size,
+        color: color
       };
     });
-    Icon.defaultProps = {
-      color: "currentColor",
-      title: undefined,
-      size: "24px"
-    };
     var iconSizeRatio = 1.25;
     var CenteredIcon = styled__default["default"](Svg$1).withConfig({
       displayName: "Icon__CenteredIcon",
@@ -8698,11 +8489,11 @@
       height: "1em",
       width: iconSizeRatio + "em"
     });
-    var InlineIcon = function InlineIcon(props) {
+    function InlineIcon(props) {
       return /*#__PURE__*/React__default["default"].createElement(IconContainer, Object.assign({}, props), /*#__PURE__*/React__default["default"].createElement(CenteredIcon, Object.assign({
         size: iconSizeRatio + "em"
       }, props)));
-    };
+    }
 
     var Flex = styled__default["default"](Box).withConfig({
       displayName: "Flex",
@@ -8728,9 +8519,11 @@
       displayName: "Text",
       componentId: "sc-15glbbx-0"
     })(function (_ref) {
-      var disabled = _ref.disabled,
+      var _ref$disabled = _ref.disabled,
+          disabled = _ref$disabled === void 0 ? false : _ref$disabled,
           textTransform = _ref.textTransform,
-          inline = _ref.inline,
+          _ref$inline = _ref.inline,
+          inline = _ref$inline === void 0 ? false : _ref$inline,
           theme = _ref.theme;
       return {
         textTransform: textTransform,
@@ -8743,10 +8536,6 @@
         display: inline ? "inline" : undefined
       };
     }, addStyledProps);
-    Text.defaultProps = {
-      inline: false,
-      disabled: false
-    };
 
     var Heading1 = styled__default["default"](Text).attrs(function () {
       return {
@@ -10211,17 +10000,17 @@
     }), addStyledProps);
     var Link = /*#__PURE__*/React__default["default"].forwardRef(function (_a, ref) {
       var size = _a.size,
-          props = __rest(_a, ["size"]);
+          _a$underline = _a.underline,
+          underline = _a$underline === void 0 ? true : _a$underline,
+          props = __rest(_a, ["size", "underline"]);
 
       var componentSize = useComponentSize(size);
       return /*#__PURE__*/React__default["default"].createElement(StyledLink, Object.assign({
         ref: ref,
-        size: componentSize
+        size: componentSize,
+        underline: underline
       }, props));
     });
-    Link.defaultProps = {
-      underline: true
-    };
 
     var CloseButton$1 = function CloseButton(_ref) {
       var onClick = _ref.onClick,
@@ -17231,13 +17020,6 @@
       width: "100%"
     }, space);
 
-    var FormSectionTitle = styled__default["default"](Heading3).attrs({
-      as: "legend"
-    }).withConfig({
-      displayName: "FormSection__FormSectionTitle",
-      componentId: "sc-v5comv-0"
-    })({});
-
     var BaseFormSection = function BaseFormSection(_a) {
       var title = _a.title,
           children = _a.children,
@@ -17246,6 +17028,12 @@
       return /*#__PURE__*/React__default["default"].createElement("fieldset", Object.assign({}, props), title != null && /*#__PURE__*/React__default["default"].createElement(FormSectionTitle, null, title), children);
     };
 
+    var FormSectionTitle = styled__default["default"](Heading3).attrs({
+      as: "legend"
+    }).withConfig({
+      displayName: "FormSection__FormSectionTitle",
+      componentId: "sc-v5comv-0"
+    })({});
     var FormSection = styled__default["default"](BaseFormSection).withConfig({
       displayName: "FormSection",
       componentId: "sc-v5comv-1"
@@ -17269,10 +17057,6 @@
         }
       }, _ref2;
     });
-    BaseFormSection.defaultProps = {
-      children: [],
-      title: undefined
-    };
 
     var FormStyles = function FormStyles(_ref) {
       var _ref2;
@@ -17336,14 +17120,14 @@
     var Label = styled__default["default"].label.withConfig({
       displayName: "Label",
       componentId: "sc-lf392x-0"
-    })(function () {
+    })(function (_ref) {
+      var _ref$color = _ref.color,
+          color = _ref$color === void 0 ? "black" : _ref$color;
       return {
+        color: color,
         display: "inline-block"
       };
     }, display, space, color);
-    Label.defaultProps = {
-      color: "black"
-    };
 
     var LabelText$1 = styled__default["default"].span.withConfig({
       displayName: "LabelText",
@@ -17357,13 +17141,6 @@
       };
     });
 
-    var FieldLabelDefaultProps = {
-      children: null,
-      requirementText: null,
-      helpText: null,
-      id: undefined
-    };
-
     /**!
      * @fileOverview Kickass library to create and place poppers near their reference elements.
      * @version 1.16.1
@@ -20324,6 +20101,210 @@
       });
     }
 
+    /**
+     * Do not edit directly
+     * Generated on Thu, 01 Dec 2022 21:44:24 GMT
+     */
+
+    const color_base_black = "#011e38";
+    const color_base_black_blue = "#122b47";
+    const color_base_dark_blue = "#00438f";
+    const color_base_blue = "#216beb";
+    const color_base_light_blue = "#e1ebfa";
+    const color_base_dark_grey = "#434d59";
+    const color_base_mid_grey = "#6c7784";
+    const color_base_grey = "#c0c8d1";
+    const color_base_light_grey = "#e4e7eb";
+    const color_base_white_grey = "#f0f2f5";
+    const color_base_white = "#ffffff";
+    const color_base_green = "#008059";
+    const color_base_light_green = "#e9f7f2";
+    const color_base_red = "#cc1439";
+    const color_base_light_red = "#fae6ea";
+    const color_base_yellow = "#ffbb00";
+    const color_base_light_yellow = "#fcf5e3";
+    const color_base_categorical_1 = "#19c4e6";
+    const color_base_categorical_2 = "#8033cc";
+    const color_base_categorical_3 = "#e372d0";
+    const color_base_categorical_4 = "#55ddb0";
+    const color_base_categorical_5 = "#ee5513";
+    const color_base_categorical_6 = "#d3d322";
+    const font_family_base = "'IBM Plex Sans', sans-serif";
+    const font_family_mono = "'IBM Plex Mono', monospace";
+    const font_family_sc = "'Noto Sans SC', sans-serif";
+    const line_height_base = "1.5";
+    const line_height_small_text_base = "1.71428571";
+    const line_height_small_text_compressed = "1.14285714";
+    const line_height_smaller_text = "1.33333333";
+    const line_height_heading_1 = "1.25";
+    const line_height_heading_2 = "1.33";
+    const line_height_heading_3 = "1.33";
+    const line_height_heading_4 = "1.33";
+    const radius_border_small = "2px";
+    const radius_border_medium = "4px";
+    const radius_border_circle = "50%";
+    const shadow_box_small = "0px 1px 2px 0px rgba(1, 30, 56, 0.25)";
+    const shadow_box_medium = "0px 3px 8px 0px rgba(1, 30, 56, 0.18)";
+    const shadow_box_large = "0px 6px 12px 2px rgba(1, 30, 56, 0.15)";
+    const shadow_focus = "0px 0px 5px 0px rgba(33, 107, 235, .9)";
+    const shadow_error = "0px 0px 5px 0px rgba(204, 20, 57, .9)";
+    const size_base_none = "0px";
+    const size_base_half = "4px";
+    const size_base_x_1 = "8px";
+    const size_base_x_2 = "16px";
+    const size_base_x_3 = "24px";
+    const size_base_x_4 = "32px";
+    const size_base_x_5 = "40px";
+    const size_base_x_6 = "48px";
+    const size_base_x_8 = "64px";
+    const size_breakpoint_extra_small = "0px";
+    const size_breakpoint_small = "768px";
+    const size_breakpoint_medium = "1024px";
+    const size_breakpoint_large = "1360px";
+    const size_breakpoint_extra_large = "1920px";
+    const size_font_smaller = "12px";
+    const size_font_small = "14px";
+    const size_font_medium = "16px";
+    const size_font_large = "24px";
+    const size_font_larger = "30px";
+    const size_font_largest = "32px";
+    const size_font_heading_1 = "32px";
+    const size_font_heading_2 = "30px";
+    const size_font_heading_3 = "24px";
+    const size_font_heading_4 = "18px";
+    const weight_font_light = "300";
+    const weight_font_normal = "400";
+    const weight_font_medium = "500";
+    const weight_font_bold = "600";
+    const z_indices_modal_header_and_footer = 2;
+    const z_indices_table_header = 10;
+    const z_indices_content = 100;
+    const z_indices_tabs_scroll_indicator = 200;
+    const z_indices_tabs_bar = 210;
+    const z_indices_sidebar = 800;
+    const z_indices_nav_bar = 900;
+    const z_indices_overlay = 1000;
+    const z_indices_above_overlay = 1010;
+    const z_indices_open_control = 1000;
+
+    var Theme = {
+      colors: {
+        black: color_base_black,
+        blackBlue: color_base_black_blue,
+        darkBlue: color_base_dark_blue,
+        blue: color_base_blue,
+        lightBlue: color_base_light_blue,
+        darkGrey: color_base_dark_grey,
+        midGrey: color_base_mid_grey,
+        grey: color_base_grey,
+        lightGrey: color_base_light_grey,
+        whiteGrey: color_base_white_grey,
+        white: color_base_white,
+        yellow: color_base_yellow,
+        lightYellow: color_base_light_yellow,
+        green: color_base_green,
+        lightGreen: color_base_light_green,
+        red: color_base_red,
+        lightRed: color_base_light_red,
+        categorical1: color_base_categorical_1,
+        categorical2: color_base_categorical_2,
+        categorical3: color_base_categorical_3,
+        categorical4: color_base_categorical_4,
+        categorical5: color_base_categorical_5,
+        categorical6: color_base_categorical_6
+      },
+      fontSizes: {
+        smaller: size_font_smaller,
+        small: size_font_small,
+        medium: size_font_medium,
+        large: size_font_large,
+        larger: size_font_larger,
+        largest: size_font_largest,
+        heading1: size_font_heading_1,
+        heading2: size_font_heading_2,
+        heading3: size_font_heading_3,
+        heading4: size_font_heading_4
+      },
+      lineHeights: {
+        base: line_height_base,
+        smallTextBase: line_height_small_text_base,
+        smallTextCompressed: line_height_small_text_compressed,
+        smallerText: line_height_smaller_text,
+        heading1: line_height_heading_1,
+        heading2: line_height_heading_2,
+        heading3: line_height_heading_3,
+        heading4: line_height_heading_4,
+        title: line_height_heading_1,
+        sectionTitle: line_height_heading_2,
+        subsectionTitle: line_height_heading_3
+      },
+      fontWeights: {
+        light: weight_font_light,
+        normal: weight_font_normal,
+        medium: weight_font_medium,
+        bold: weight_font_bold
+      },
+      space: {
+        none: size_base_none,
+        half: size_base_half,
+        x1: size_base_x_1,
+        x2: size_base_x_2,
+        x3: size_base_x_3,
+        x4: size_base_x_4,
+        x5: size_base_x_5,
+        x6: size_base_x_6,
+        x8: size_base_x_8
+      },
+      sizes: {
+        none: size_base_none,
+        half: size_base_half,
+        x1: size_base_x_1,
+        x2: size_base_x_2,
+        x3: size_base_x_3,
+        x4: size_base_x_4,
+        x5: size_base_x_5,
+        x6: size_base_x_6,
+        x8: size_base_x_8
+      },
+      fonts: {
+        base: font_family_base,
+        mono: font_family_mono,
+        sc: font_family_sc
+      },
+      borders: [],
+      shadows: {
+        small: shadow_box_small,
+        medium: shadow_box_medium,
+        large: shadow_box_large,
+        focus: shadow_focus,
+        error: shadow_error
+      },
+      radii: {
+        small: radius_border_small,
+        medium: radius_border_medium,
+        circle: radius_border_circle
+      },
+      breakpoints: {
+        extraSmall: size_breakpoint_extra_small,
+        small: size_breakpoint_small,
+        medium: size_breakpoint_medium,
+        large: size_breakpoint_large,
+        extraLarge: size_breakpoint_extra_large
+      },
+      zIndices: {
+        content: z_indices_content,
+        tabsScollIndicator: z_indices_tabs_scroll_indicator,
+        tabsBar: z_indices_tabs_bar,
+        overlay: z_indices_overlay,
+        aboveOverlay: z_indices_above_overlay,
+        tableHeader: z_indices_table_header,
+        modalHeaderAndFooter: z_indices_modal_header_and_footer,
+        openControl: z_indices_open_control,
+        navBar: z_indices_nav_bar,
+        sidebar: z_indices_sidebar
+      }
+    };
+
     var ClickInputLabel = styled__default["default"].label.withConfig({
       displayName: "ClickInputLabel",
       componentId: "sc-zdnqd7-0"
@@ -20369,7 +20350,7 @@
       return prefix + randomId;
     };
 
-    var WindowDimensions = /*#__PURE__*/function (_React$Component) {
+    /*#__PURE__*/(function (_React$Component) {
       _inheritsLoose__default["default"](WindowDimensions, _React$Component);
 
       function WindowDimensions(props) {
@@ -20414,11 +20395,7 @@
       };
 
       return WindowDimensions;
-    }(React__default["default"].Component);
-
-    WindowDimensions.propTypes = {
-      children: PropTypes__default["default"].func.isRequired
-    };
+    })(React__default["default"].Component);
 
     var DetectOutsideClick = /*#__PURE__*/function (_React$Component) {
       _inheritsLoose__default["default"](DetectOutsideClick, _React$Component);
@@ -20474,16 +20451,6 @@
       return DetectOutsideClick;
     }(React__default["default"].Component);
 
-    DetectOutsideClick.propTypes = {
-      onClick: PropTypes__default["default"].func.isRequired,
-      clickRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].shape({}), PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({}))]),
-      children: PropTypes__default["default"].node
-    };
-    DetectOutsideClick.defaultProps = {
-      clickRef: null,
-      children: undefined
-    };
-
     var getThemeColor$1 = function getThemeColor(color) {
       return Theme.colors[color] ? Theme.colors[color] : color;
     };
@@ -20693,7 +20660,7 @@
     /* eslint-disable react/destructuring-assignment */
 
 
-    var ScrollIndicators = /*#__PURE__*/function (_React$Component) {
+    /*#__PURE__*/(function (_React$Component) {
       _inheritsLoose__default["default"](ScrollIndicators, _React$Component);
 
       function ScrollIndicators() {
@@ -20745,13 +20712,7 @@
       };
 
       return ScrollIndicators;
-    }(React__default["default"].Component);
-    /* eslint-enable react/destructuring-assignment */
-
-
-    ScrollIndicators.propTypes = {
-      children: PropTypes__default["default"].element.isRequired
-    };
+    })(React__default["default"].Component);
 
     var keyCodes = Object.freeze({
       TAB: 9,
@@ -21118,15 +21079,6 @@
       return PreventBodyElementScrolling;
     }(React__default["default"].Component);
 
-    PreventBodyElementScrolling.propTypes = {
-      children: PropTypes__default["default"].node,
-      scrollableRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].shape({}), PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({}))])
-    };
-    PreventBodyElementScrolling.defaultProps = {
-      children: null,
-      scrollableRef: null
-    };
-
     var convertPxToNumber = function convertPxToNumber(px) {
       return parseFloat(px);
     };
@@ -21203,21 +21155,28 @@
     };
 
     var Popper$2 = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, popperRef) {
-      var popperPlacement = _ref.popperPlacement,
-          defaultOpen = _ref.defaultOpen,
-          id = _ref.id,
-          showDelay = _ref.showDelay,
-          hideDelay = _ref.hideDelay,
+      var id = _ref.id,
           trigger = _ref.trigger,
           children = _ref.children,
-          openOnClick = _ref.openOnClick,
-          openOnHover = _ref.openOnHover,
-          modifiers = _ref.modifiers,
           backgroundColor = _ref.backgroundColor,
           borderColor = _ref.borderColor,
-          showArrow = _ref.showArrow,
           openAriaLabel = _ref.openAriaLabel,
-          closeAriaLabel = _ref.closeAriaLabel;
+          closeAriaLabel = _ref.closeAriaLabel,
+          modifiers = _ref.modifiers,
+          _ref$showDelay = _ref.showDelay,
+          showDelay = _ref$showDelay === void 0 ? "100" : _ref$showDelay,
+          _ref$hideDelay = _ref.hideDelay,
+          hideDelay = _ref$hideDelay === void 0 ? "350" : _ref$hideDelay,
+          _ref$defaultOpen = _ref.defaultOpen,
+          defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
+          _ref$popperPlacement = _ref.popperPlacement,
+          popperPlacement = _ref$popperPlacement === void 0 ? "bottom" : _ref$popperPlacement,
+          _ref$openOnClick = _ref.openOnClick,
+          openOnClick = _ref$openOnClick === void 0 ? false : _ref$openOnClick,
+          _ref$openOnHover = _ref.openOnHover,
+          openOnHover = _ref$openOnHover === void 0 ? true : _ref$openOnHover,
+          _ref$showArrow = _ref.showArrow,
+          showArrow = _ref$showArrow === void 0 ? true : _ref$showArrow;
       // We're going to manage the ID of the timeout in a ref so that we can examine
       // it without causing a re-render. Note that "0" will denote "no jobs running",
       // whereas positive values are the ID of the running job.
@@ -21372,21 +21331,6 @@
         }))])));
       }));
     });
-    Popper$2.defaultProps = {
-      showDelay: "100",
-      hideDelay: "350",
-      defaultOpen: false,
-      popperPlacement: "bottom",
-      id: null,
-      openOnClick: false,
-      openOnHover: true,
-      modifiers: null,
-      backgroundColor: undefined,
-      borderColor: undefined,
-      showArrow: true,
-      openAriaLabel: undefined,
-      closeAriaLabel: undefined
-    };
 
     var tooltipStyles = function tooltipStyles(theme) {
       return {
@@ -21450,14 +21394,19 @@
     });
 
     var Tooltip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
-      var className = _ref.className,
+      var _ref$showDelay = _ref.showDelay,
+          showDelay = _ref$showDelay === void 0 ? "100" : _ref$showDelay,
+          _ref$hideDelay = _ref.hideDelay,
+          hideDelay = _ref$hideDelay === void 0 ? "350" : _ref$hideDelay,
+          _ref$defaultOpen = _ref.defaultOpen,
+          defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
+          _ref$placement = _ref.placement,
+          placement = _ref$placement === void 0 ? "bottom" : _ref$placement,
+          _ref$maxWidth = _ref.maxWidth,
+          maxWidth = _ref$maxWidth === void 0 ? "24em" : _ref$maxWidth,
+          className = _ref.className,
           tooltip = _ref.tooltip,
-          maxWidth = _ref.maxWidth,
-          children = _ref.children,
-          placement = _ref.placement,
-          showDelay = _ref.showDelay,
-          hideDelay = _ref.hideDelay,
-          defaultOpen = _ref.defaultOpen;
+          children = _ref.children;
       return /*#__PURE__*/React__default["default"].createElement(Popper$2, {
         ref: ref,
         popperPlacement: placement,
@@ -21472,14 +21421,6 @@
         role: "tooltip"
       }, tooltip));
     });
-    Tooltip.defaultProps = {
-      showDelay: "100",
-      hideDelay: "350",
-      defaultOpen: false,
-      className: undefined,
-      placement: "bottom",
-      maxWidth: "24em"
-    };
 
     function FramedIcon(_a) {
       var isTooltipOpenByDefault = _a.isTooltipOpenByDefault,
@@ -21508,7 +21449,7 @@
       }, iconProps)));
     }
 
-    var FieldLabel = function FieldLabel(_a) {
+    function FieldLabel(_a) {
       var labelText = _a.labelText,
           requirementText = _a.requirementText,
           helpText = _a.helpText,
@@ -21539,9 +21480,7 @@
       }))), helpText && /*#__PURE__*/React__default["default"].createElement(HelpText, {
         "data-testid": "help-text"
       }, helpText)), children);
-    };
-
-    FieldLabel.defaultProps = FieldLabelDefaultProps;
+    }
 
     var MaybeFieldLabel = function MaybeFieldLabel(_a) {
       var labelText = _a.labelText,
@@ -21556,16 +21495,16 @@
     var ListItem = styled__default["default"].li.withConfig({
       displayName: "ListItem",
       componentId: "sc-3wr72f-0"
-    })(space, color, typography, {
-      "&:last-child": {
-        marginBottom: 0
-      }
-    });
-    ListItem.defaultProps = {
-      className: undefined,
-      color: "currentColor",
-      mb: "x1"
-    };
+    })(function (_ref) {
+      var theme = _ref.theme;
+      return {
+        color: "currentcolor",
+        marginBottom: theme.space.x1,
+        "&:last-child": {
+          marginBottom: 0
+        }
+      };
+    }, space, color, typography);
 
     var List = styled__default["default"].ul.withConfig({
       displayName: "List",
@@ -21573,25 +21512,23 @@
     })(function (_ref) {
       var _ref2;
 
-      var compact = _ref.compact,
+      var _ref$compact = _ref.compact,
+          compact = _ref$compact === void 0 ? false : _ref$compact,
+          _ref$leftAlign = _ref.leftAlign,
+          leftAlign = _ref$leftAlign === void 0 ? false : _ref$leftAlign,
+          _ref$color = _ref.color,
+          color = _ref$color === void 0 ? "currentColor" : _ref$color,
           theme = _ref.theme,
-          leftAlign = _ref.leftAlign,
           listStyle = _ref.listStyle;
       return _ref2 = {
         margin: 0,
+        color: color,
         paddingLeft: leftAlign ? "18px" : undefined,
         listStyle: listStyle
       }, _ref2["" + ListItem] = {
         marginBottom: compact ? 0 : theme.space.x1
       }, _ref2;
     }, addStyledProps);
-    List.defaultProps = {
-      className: undefined,
-      compact: false,
-      leftAlign: false,
-      listStyle: undefined,
-      color: "currentColor"
-    };
 
     var mapErrorsToList = function mapErrorsToList(errors) {
       if (!Array.isArray(errors) || !errors.length) {
@@ -21621,8 +21558,7 @@
         marginBottom: 0
       }, _ref2;
     });
-
-    var InlineValidation = function InlineValidation(_a) {
+    function InlineValidation(_a) {
       var className = _a.className,
           errorMessage = _a.errorMessage,
           errorList = _a.errorList,
@@ -21636,14 +21572,7 @@
         icon: "error",
         mr: "x1"
       }), /*#__PURE__*/React__default["default"].createElement(Wrapper, null, errorMessage && /*#__PURE__*/React__default["default"].createElement(Text, null, errorMessage), mapErrorsToList(errorList), children)) : null;
-    };
-
-    InlineValidation.defaultProps = {
-      className: undefined,
-      errorMessage: undefined,
-      errorList: undefined,
-      children: undefined
-    };
+    }
 
     var getBorderColor = function getBorderColor(_ref) {
       var errored = _ref.errored,
@@ -21988,7 +21917,6 @@
         return a;
       }, {});
     };
-
     var pick = function pick(o) {
       var objectProps = Object.keys(o);
 
@@ -22435,22 +22363,6 @@
     // @ts-ignore
 
 
-    StatelessNavBarDropdownMenu$1.propTypes = {
-      children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].node, PropTypes__default["default"].func]).isRequired,
-      trigger: PropTypes__default["default"].oneOfType([PropTypes__default["default"].node, PropTypes__default["default"].func]).isRequired,
-      menuState: PropTypes__default["default"].shape({
-        isOpen: PropTypes__default["default"].bool,
-        openMenu: PropTypes__default["default"].func,
-        closeMenu: PropTypes__default["default"].func,
-        toggleMenu: PropTypes__default["default"].func
-      }).isRequired,
-      showArrow: PropTypes__default["default"].bool,
-      placement: PropTypes__default["default"].oneOf(["bottom-start", "right-start", "left-start"]),
-      modifiers: PropTypes__default["default"].shape({}),
-      triggerTogglesMenuState: PropTypes__default["default"].bool,
-      dropdownMenuContainerEventHandlers: PropTypes__default["default"].func
-    }; // @ts-ignore
-
     StatelessNavBarDropdownMenu$1.defaultProps = {
       showArrow: true,
       placement: "bottom-start",
@@ -25129,10 +25041,13 @@
       displayName: "DropdownButton",
       componentId: "sc-16gk4iv-0"
     })(function (_ref) {
-      var disabled = _ref.disabled,
-          theme = _ref.theme,
-          hoverColor = _ref.hoverColor,
-          bgHoverColor = _ref.bgHoverColor;
+      var _ref$disabled = _ref.disabled,
+          disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+          _ref$hoverColor = _ref.hoverColor,
+          hoverColor = _ref$hoverColor === void 0 ? "darkBlue" : _ref$hoverColor,
+          _ref$bgHoverColor = _ref.bgHoverColor,
+          bgHoverColor = _ref$bgHoverColor === void 0 ? "lightBlue" : _ref$bgHoverColor,
+          theme = _ref.theme;
       return {
         color: theme.colors.darkGrey,
         fontWeight: theme.fontWeights.medium,
@@ -25181,11 +25096,6 @@
         }
       }
     }), addStyledProps);
-    DropdownButton.defaultProps = {
-      disabled: false,
-      hoverColor: "darkBlue",
-      bgHoverColor: "lightBlue"
-    };
 
     var DropdownLink = styled__default["default"].a.withConfig({
       shouldForwardProp: function shouldForwardProp(prop, defaultValidatorFn) {
@@ -25195,9 +25105,12 @@
       componentId: "sc-73jvsg-0"
     })(function (_ref) {
       var theme = _ref.theme,
-          color = _ref.color,
-          bgHoverColor = _ref.bgHoverColor,
-          hoverColor = _ref.hoverColor;
+          _ref$color = _ref.color,
+          color = _ref$color === void 0 ? "darkGrey" : _ref$color,
+          _ref$hoverColor = _ref.hoverColor,
+          hoverColor = _ref$hoverColor === void 0 ? "darkBlue" : _ref$hoverColor,
+          _ref$bgHoverColor = _ref.bgHoverColor,
+          bgHoverColor = _ref$bgHoverColor === void 0 ? "lightBlue" : _ref$bgHoverColor;
       return {
         color: theme.colors[color],
         fontWeight: theme.fontWeights.medium,
@@ -25249,21 +25162,18 @@
         }
       }
     }), addStyledProps);
-    DropdownLink.defaultProps = {
-      disabled: false,
-      color: "darkGrey",
-      hoverColor: "darkBlue",
-      bgHoverColor: "lightBlue"
-    };
 
     var DropdownItem = styled__default["default"].div.withConfig({
       displayName: "DropdownItem",
       componentId: "sc-xev49s-0"
     })(function (_ref) {
       var theme = _ref.theme,
-          color = _ref.color,
-          hoverColor = _ref.hoverColor,
-          bgHoverColor = _ref.bgHoverColor;
+          _ref$color = _ref.color,
+          color = _ref$color === void 0 ? "darkGrey" : _ref$color,
+          _ref$hoverColor = _ref.hoverColor,
+          hoverColor = _ref$hoverColor === void 0 ? "darkBlue" : _ref$hoverColor,
+          _ref$bgHoverColor = _ref.bgHoverColor,
+          bgHoverColor = _ref$bgHoverColor === void 0 ? "lightBlue" : _ref$bgHoverColor;
       return {
         "*": {
           color: theme.colors[color],
@@ -25295,11 +25205,6 @@
         }
       };
     });
-    DropdownItem.defaultProps = {
-      color: "darkGrey",
-      hoverColor: "darkBlue",
-      bgHoverColor: "lightBlue"
-    };
 
     var DropdownText = styled__default["default"](Text).withConfig({
       displayName: "DropdownText",
@@ -25912,7 +25817,8 @@
       displayName: "BrandingText",
       componentId: "sc-15qgaw2-0"
     })(function (_ref) {
-      var logoColor = _ref.logoColor,
+      var _ref$logoColor = _ref.logoColor,
+          logoColor = _ref$logoColor === void 0 ? "blue" : _ref$logoColor,
           size = _ref.size;
       return {
         color: getLogoColor$1(logoColor),
@@ -25931,9 +25837,6 @@
         }
       };
     });
-    BrandingText.defaultProps = {
-      logoColor: "blue"
-    };
 
     var sizes$1 = {
       small: {
@@ -25954,7 +25857,7 @@
       return sizes$1[size] || sizes$1.medium;
     };
 
-    var LettermarkLogo = function LettermarkLogo(_a) {
+    function LettermarkLogo(_a) {
       var size = _a.size,
           letterFill = _a.letterFill,
           props = __rest(_a, ["size", "letterFill"]);
@@ -25969,12 +25872,7 @@
         fill: letterFill,
         d: "M30.6967273,1.13648485 L36.3810909,3.40945455 L36.3810909,23.8758788 C36.3810909,28.2705455 30.9507879,29.0424242 27.2853333,29.5602424 C29.3818182,29.0424242 30.7083636,28.4606061 30.6967273,23.8758788 L30.6967273,5.68436364 L25.0123636,3.40945455 L30.6967273,1.13648485 Z M6.82084848,28.4237576 L6.82084848,15.9204848 C6.82084848,14.6618182 7.76533333,13.238303 8.91151515,12.7476364 L14.7801212,10.2264242 L14.7801212,18.1779394 L20.4644848,21.6048485 C21.6106667,22.1866667 23.8758788,22.2002424 23.8758788,20.4664242 L23.8758788,17.0550303 L21.5990303,15.9166061 L21.5990303,1.56319402e-13 L4.26666667,6.38642424 C1.91030303,7.25333333 3.55271368e-15,9.98593939 3.55271368e-15,12.5071515 L3.55271368e-15,31.2669091 L6.82084848,28.4237576 Z"
       }));
-    };
-
-    LettermarkLogo.defaultProps = {
-      letterFill: undefined,
-      size: undefined
-    };
+    }
 
     var sizes = {
       small: {
@@ -25995,7 +25893,7 @@
       return sizes[size] || sizes.medium;
     };
 
-    var WordmarkLogo = function WordmarkLogo(_a) {
+    function WordmarkLogo(_a) {
       var size = _a.size,
           logoFill = _a.logoFill,
           letterFill = _a.letterFill,
@@ -26027,13 +25925,7 @@
       }), /*#__PURE__*/React__default["default"].createElement("path", {
         d: "M75,9 L77.8276364,9 L82.2649697,20.6363636 L87.1483636,9 L89.4504242,9 L82.3813333,25.3238788 L82.2649697,25.5546667 C81.1478788,28.0965657 80.2874343,29.9066667 79.6836364,30.9849697 L76.7415758,30.9849697 C77.3683498,30.3346009 77.9302011,29.6246546 78.4191515,28.8652121 C79.0313917,27.8817808 79.5750659,26.8572886 80.046303,25.7990303 L81.0004848,23.7452121 L75,9 Z"
       })));
-    };
-
-    WordmarkLogo.defaultProps = {
-      logoFill: undefined,
-      letterFill: undefined,
-      size: undefined
-    };
+    }
 
     var logoColors = {
       white: {
@@ -26196,7 +26088,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(Text, Object.assign({}, props), prefix)) : null;
     };
 
-    var Suffix = function Suffix(_a) {
+    function Suffix(_a) {
       var suffix = _a.suffix,
           suffixWidth = _a.suffixWidth,
           props = __rest(_a, ["suffix", "suffixWidth"]);
@@ -26207,13 +26099,7 @@
         pb: "x1",
         pl: "x1"
       }, /*#__PURE__*/React__default["default"].createElement(Text, Object.assign({}, props), suffix)) : null;
-    };
-
-    Suffix.defaultProps = {
-      suffix: null,
-      children: null,
-      suffixWidth: null
-    };
+    }
 
     var InputField = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       var icon = _a.icon,
@@ -26476,10 +26362,6 @@
         }
       }
     });
-    BaseNavBarSearch.propTypes = {
-      name: PropTypes__default["default"].string,
-      onSubmit: PropTypes__default["default"].func
-    };
     BaseNavBarSearch.defaultProps = {
       name: "global-search",
       onSubmit: function onSubmit() {}
@@ -26718,7 +26600,7 @@
       return /*#__PURE__*/React__default["default"].createElement(Nav$2, Object.assign({
         backgroundColor: themeColorObject && themeColorObject.background
       }, props), /*#__PURE__*/React__default["default"].createElement(BrandingWrap$1, null, /*#__PURE__*/React__default["default"].createElement(BrandingText, {
-        logoColor: themeColorObject && themeColorObject.logoColor
+        logoColor: themeColorObject === null || themeColorObject === void 0 ? void 0 : themeColorObject.logoColor
       })), /*#__PURE__*/React__default["default"].createElement(Menu$1, null, menuData.primaryMenu && renderTopLayerMenuItems$1(menuData.primaryMenu, closeMenu, themeColorObject), menuData.secondaryMenu && renderTopLayerMenuItems$1(menuData.secondaryMenu, closeMenu, themeColorObject)), showNulogyLogo && /*#__PURE__*/React__default["default"].createElement(Flex, {
         textAlign: "center",
         borderTop: borderStyle,
@@ -27084,8 +26966,10 @@
 
     var Breadcrumbs = function Breadcrumbs(_a) {
       var size = _a.size,
+          _a$as = _a.as,
+          as = _a$as === void 0 ? "nav" : _a$as,
           children = _a.children,
-          props = __rest(_a, ["size", "children"]);
+          props = __rest(_a, ["size", "as", "children"]);
 
       var componentSize = useComponentSize(size);
       var allItems = React__default["default"].Children.map(children, function (child, index) {
@@ -27095,11 +26979,9 @@
           key: "child-" + index
         }, child);
       }).filter(Boolean);
-      return /*#__PURE__*/React__default["default"].createElement(Flex, Object.assign({}, props), /*#__PURE__*/React__default["default"].createElement(BreadcrumbsList, null, insertSeparators(allItems)));
-    };
-
-    Breadcrumbs.defaultProps = {
-      as: "nav"
+      return /*#__PURE__*/React__default["default"].createElement(Flex, Object.assign({
+        as: as
+      }, props), /*#__PURE__*/React__default["default"].createElement(BreadcrumbsList, null, insertSeparators(allItems)));
     };
 
     var alignments = {
@@ -27140,7 +27022,8 @@
       displayName: "ButtonGroup",
       componentId: "sc-1aq6uy1-0"
     })(function (_ref) {
-      var alignment = _ref.alignment,
+      var _ref$alignment = _ref.alignment,
+          alignment = _ref$alignment === void 0 ? "left" : _ref$alignment,
           theme = _ref.theme;
       return Object.assign({
         flexWrap: "wrap",
@@ -27151,47 +27034,44 @@
         }
       }, getButtonSpacing(alignment, theme));
     });
-    ButtonGroup.defaultProps = {
-      alignment: "left",
-      className: undefined
-    };
-
-    var Card = styled__default["default"](Box).withConfig({
-      displayName: "Card",
-      componentId: "sc-1moun4p-0"
-    })({});
-    Card.defaultProps = {
-      children: [],
-      borderRadius: "medium",
-      boxShadow: "small",
-      bg: "whiteGrey",
-      py: "x2",
-      px: "x2",
-      position: "relative"
-    };
 
-    var UnstyledCardSet = function UnstyledCardSet(_a) {
+    function Card(_a) {
       var _a$children = _a.children,
           children = _a$children === void 0 ? [] : _a$children,
-          props = __rest(_a, ["children"]);
+          _a$borderRadius = _a.borderRadius,
+          borderRadius = _a$borderRadius === void 0 ? "medium" : _a$borderRadius,
+          _a$boxShadow = _a.boxShadow,
+          boxShadow = _a$boxShadow === void 0 ? "small" : _a$boxShadow,
+          _a$bg = _a.bg,
+          bg = _a$bg === void 0 ? "whiteGrey" : _a$bg,
+          _a$py = _a.py,
+          py = _a$py === void 0 ? "x2" : _a$py,
+          _a$px = _a.px,
+          px = _a$px === void 0 ? "x2" : _a$px,
+          _a$position = _a.position,
+          position = _a$position === void 0 ? "relative" : _a$position,
+          props = __rest(_a, ["children", "borderRadius", "boxShadow", "bg", "py", "px", "position"]);
 
-      return /*#__PURE__*/React__default["default"].createElement(Box, Object.assign({}, props), children);
-    };
+      return /*#__PURE__*/React__default["default"].createElement(Box, Object.assign({
+        borderRadius: borderRadius,
+        boxShadow: boxShadow,
+        bg: bg,
+        py: py,
+        px: px,
+        position: position
+      }, props), children);
+    }
 
-    var CardSet = styled__default["default"](UnstyledCardSet).withConfig({
+    var CardSet = styled__default["default"](Flex).withConfig({
       displayName: "CardSet",
       componentId: "sc-1z0gb66-0"
-    })(space, function (_ref) {
-      var _ref2;
-
+    })(function (_ref) {
       var theme = _ref.theme;
-      return _ref2 = {}, _ref2["" + Card] = {
-        marginBottom: theme.space.x1,
-        "&:last-child": {
-          marginBottom: theme.space.none
-        }
-      }, _ref2;
-    });
+      return {
+        flexDirection: "column",
+        gap: theme.space.x1
+      };
+    }, space);
 
     var checkboxStyle = function checkboxStyle(theme) {
       return {
@@ -27329,17 +27209,31 @@
         ml: "x1"
       }, labelText)));
     });
-    Checkbox.defaultProps = {
-      labelText: undefined,
-      checked: undefined,
-      defaultChecked: undefined,
-      disabled: false,
-      error: false,
-      id: undefined,
-      className: undefined,
-      required: false,
-      indeterminate: undefined
-    };
+
+    function CheckboxGroup(_a) {
+      var className = _a.className,
+          id = _a.id,
+          errorMessage = _a.errorMessage,
+          errorList = _a.errorList,
+          labelText = _a.labelText,
+          helpText = _a.helpText,
+          requirementText = _a.requirementText,
+          props = __rest(_a, ["className", "id", "errorMessage", "errorList", "labelText", "helpText", "requirementText"]);
+
+      var otherProps = Object.assign(Object.assign({}, props), {
+        errorMessage: errorMessage,
+        errorList: errorList
+      });
+      return /*#__PURE__*/React__default["default"].createElement(Fieldset, {
+        className: className,
+        id: id,
+        hasHelpText: !!helpText
+      }, /*#__PURE__*/React__default["default"].createElement(Legend, null, /*#__PURE__*/React__default["default"].createElement(LabelText, null, labelText), requirementText && /*#__PURE__*/React__default["default"].createElement(RequirementText, null, requirementText)), helpText && /*#__PURE__*/React__default["default"].createElement(HelpText, null, helpText), getCheckboxButtons(otherProps), /*#__PURE__*/React__default["default"].createElement(InlineValidation, {
+        mt: "x1",
+        errorMessage: errorMessage,
+        errorList: errorList
+      }));
+    }
 
     var getCheckboxButtons = function getCheckboxButtons(props) {
       var checkboxButtons = React__default["default"].Children.map(props.children, function (checkbox) {
@@ -27385,44 +27279,6 @@
       };
     });
 
-    var CheckboxGroup = function CheckboxGroup(_a) {
-      var className = _a.className,
-          id = _a.id,
-          errorMessage = _a.errorMessage,
-          errorList = _a.errorList,
-          labelText = _a.labelText,
-          helpText = _a.helpText,
-          requirementText = _a.requirementText,
-          props = __rest(_a, ["className", "id", "errorMessage", "errorList", "labelText", "helpText", "requirementText"]);
-
-      var otherProps = Object.assign(Object.assign({}, props), {
-        errorMessage: errorMessage,
-        errorList: errorList
-      });
-      return /*#__PURE__*/React__default["default"].createElement(Fieldset, {
-        className: className,
-        id: id,
-        hasHelpText: !!helpText
-      }, /*#__PURE__*/React__default["default"].createElement(Legend, null, /*#__PURE__*/React__default["default"].createElement(LabelText, null, labelText), requirementText && /*#__PURE__*/React__default["default"].createElement(RequirementText, null, requirementText)), helpText && /*#__PURE__*/React__default["default"].createElement(HelpText, null, helpText), getCheckboxButtons(otherProps), /*#__PURE__*/React__default["default"].createElement(InlineValidation, {
-        mt: "x1",
-        errorMessage: errorMessage,
-        errorList: errorList
-      }));
-    };
-
-    CheckboxGroup.defaultProps = {
-      errorMessage: undefined,
-      errorList: undefined,
-      defaultValue: undefined,
-      checkedValue: undefined,
-      onChange: undefined,
-      className: undefined,
-      id: undefined,
-      helpText: undefined,
-      requirementText: undefined,
-      disabled: false
-    };
-
     function requiredArgs$1(required, args) {
       if (args.length < required) {
         throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');
@@ -40732,13 +40588,13 @@
 
     var LocaleContext = /*#__PURE__*/React__default["default"].createContext(null);
 
-    var localizedFormat = function localizedFormat(date, stringFormat, ndsLocale) {
-      return format(date, stringFormat, {
+    function localizedFormat(date, dateFormat, ndsLocale) {
+      return format(date, dateFormat, {
         locale: NDS_TO_DATE_FN_LOCALES_MAP[ndsLocale]
       });
-    };
+    }
 
-    var DatePickerHeader = function DatePickerHeader(_ref) {
+    function DatePickerHeader(_ref) {
       var date = _ref.date,
           decreaseMonth = _ref.decreaseMonth,
           increaseMonth = _ref.increaseMonth,
@@ -40770,11 +40626,7 @@
         onClick: increaseMonth,
         disabled: nextMonthButtonDisabled
       }));
-    };
-
-    DatePickerHeader.defaultProps = {
-      locale: undefined
-    };
+    }
 
     var DatePickerInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       var onChange = _ref.onChange,
@@ -41088,14 +40940,24 @@
       }));
     });
 
+    var FieldLabelDefaultProps = {
+      children: null,
+      requirementText: null,
+      helpText: null,
+      id: undefined
+    };
+
     var RangeContainer = function RangeContainer(_a) {
-      var labelProps = _a.labelProps,
-          startComponent = _a.startComponent,
+      var startComponent = _a.startComponent,
           endComponent = _a.endComponent,
           _a$errorMessages = _a.errorMessages,
           errorMessages = _a$errorMessages === void 0 ? [] : _a$errorMessages,
+          _a$labelProps = _a.labelProps,
+          labelProps = _a$labelProps === void 0 ? Object.assign(Object.assign({}, FieldLabelDefaultProps), {
+        labelText: "Range"
+      }) : _a$labelProps,
           size = _a.size,
-          props = __rest(_a, ["labelProps", "startComponent", "endComponent", "errorMessages", "size"]);
+          props = __rest(_a, ["startComponent", "endComponent", "errorMessages", "labelProps", "size"]);
 
       var spaceProps = getSubset(props, propTypes.space);
       var restProps = omitSubset(props, propTypes.space);
@@ -41123,15 +40985,6 @@
       }));
     };
 
-    RangeContainer.defaultProps = {
-      labelProps: Object.assign(Object.assign({}, FieldLabelDefaultProps), {
-        labelText: "Range"
-      }),
-      startComponent: null,
-      endComponent: null,
-      errorMessages: []
-    };
-
     var _ndsDatePicker;
     var START_DATE_CLASS = "nds-datepicker-day--start-date";
     var END_DATE_CLASS = "nds-datepicker-day--end-date";
@@ -42341,8 +42194,9 @@
       })));
     }
 
-    var LoadingAnimation = function LoadingAnimation(_ref) {
-      var inactive = _ref.inactive;
+    function LoadingAnimation(_ref) {
+      var _ref$inactive = _ref.inactive,
+          inactive = _ref$inactive === void 0 ? false : _ref$inactive;
 
       var _useTheme = styled.useTheme(),
           colors = _useTheme.colors;
@@ -42469,11 +42323,7 @@
           repeatCount: "indefinite"
         }))))
       );
-    };
-
-    LoadingAnimation.defaultProps = {
-      inactive: false
-    };
+    }
 
     function unwrapExports (x) {
     	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -44375,22 +44225,27 @@
     });
 
     var Modal = function Modal(_ref4) {
-      var isOpen = _ref4.isOpen,
+      var _ref4$isOpen = _ref4.isOpen,
+          isOpen = _ref4$isOpen === void 0 ? true : _ref4$isOpen,
+          _ref4$shouldFocusAfte = _ref4.shouldFocusAfterRender,
+          shouldFocusAfterRender = _ref4$shouldFocusAfte === void 0 ? true : _ref4$shouldFocusAfte,
+          _ref4$shouldReturnFoc = _ref4.shouldReturnFocusAfterClose,
+          shouldReturnFocusAfterClose = _ref4$shouldReturnFoc === void 0 ? true : _ref4$shouldReturnFoc,
+          _ref4$maxWidth = _ref4.maxWidth,
+          maxWidth = _ref4$maxWidth === void 0 ? "624px" : _ref4$maxWidth,
+          _ref4$ariaHideApp = _ref4.ariaHideApp,
+          ariaHideApp = _ref4$ariaHideApp === void 0 ? true : _ref4$ariaHideApp,
           children = _ref4.children,
           title = _ref4.title,
           onRequestClose = _ref4.onRequestClose,
           onAfterOpen = _ref4.onAfterOpen,
-          shouldFocusAfterRender = _ref4.shouldFocusAfterRender,
-          shouldReturnFocusAfterClose = _ref4.shouldReturnFocusAfterClose,
           ariaLabel = _ref4.ariaLabel,
           ariaDescribedBy = _ref4.ariaDescribedBy,
           portalClassName = _ref4.portalClassName,
           overlayClassName = _ref4.overlayClassName,
           className = _ref4.className,
           id = _ref4.id,
-          maxWidth = _ref4.maxWidth,
           appElement = _ref4.appElement,
-          ariaHideApp = _ref4.ariaHideApp,
           footerContent = _ref4.footerContent,
           closeAriaLabel = _ref4.closeAriaLabel,
           parentSelector = _ref4.parentSelector;
@@ -44437,26 +44292,6 @@
       }, children), footerContent && /*#__PURE__*/React__default["default"].createElement(ModalFooter, null, footerContent)));
     };
 
-    Modal.defaultProps = {
-      isOpen: true,
-      title: undefined,
-      ariaLabel: undefined,
-      onRequestClose: undefined,
-      closeAriaLabel: undefined,
-      onAfterOpen: undefined,
-      shouldFocusAfterRender: true,
-      shouldReturnFocusAfterClose: true,
-      ariaDescribedBy: undefined,
-      maxWidth: "624px",
-      portalClassName: undefined,
-      overlayClassName: undefined,
-      className: undefined,
-      id: undefined,
-      appElement: undefined,
-      ariaHideApp: true,
-      footerContent: undefined,
-      parentSelector: undefined
-    };
     Modal.setAppElement = ReactModal.setAppElement;
 
     /* eslint-disable react/destructuring-assignment */
@@ -44599,21 +44434,6 @@
     /* eslint-enable react/destructuring-assignment */
 
 
-    StatelessNavBarDropdownMenu.propTypes = {
-      children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].node, PropTypes__default["default"].func]).isRequired,
-      trigger: PropTypes__default["default"].oneOfType([PropTypes__default["default"].node, PropTypes__default["default"].func]).isRequired,
-      menuState: PropTypes__default["default"].shape({
-        isOpen: PropTypes__default["default"].bool,
-        openMenu: PropTypes__default["default"].func,
-        closeMenu: PropTypes__default["default"].func,
-        toggleMenu: PropTypes__default["default"].func
-      }).isRequired,
-      showArrow: PropTypes__default["default"].bool,
-      placement: PropTypes__default["default"].oneOf(["bottom-start", "right-start"]),
-      modifiers: PropTypes__default["default"].shape({}),
-      triggerTogglesMenuState: PropTypes__default["default"].bool,
-      dropdownMenuContainerEventHandlers: PropTypes__default["default"].func
-    };
     StatelessNavBarDropdownMenu.defaultProps = {
       showArrow: true,
       placement: "bottom-start",
@@ -44622,10 +44442,6 @@
       dropdownMenuContainerEventHandlers: function dropdownMenuContainerEventHandlers() {}
     };
     var NavBarDropdownMenu = withMenuState(StatelessNavBarDropdownMenu);
-    NavBarDropdownMenu.propTypes = {
-      showDelay: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
-      hideDelay: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
-    };
     NavBarDropdownMenu.defaultProps = {
       showDelay: "0",
       hideDelay: "100"
@@ -44800,10 +44616,6 @@
         p: "2px"
       })));
     });
-    SubMenuTriggerButton.propTypes = {
-      name: PropTypes__default["default"].string.isRequired,
-      isOpen: PropTypes__default["default"].bool
-    };
     SubMenuTriggerButton.defaultProps = {
       isOpen: false
     };
@@ -44848,11 +44660,6 @@
       }, renderSubMenuItems(menuData, onItemClick, SubMenuTrigger)));
     };
 
-    SubMenuTrigger.propTypes = {
-      name: PropTypes__default["default"].string.isRequired,
-      menuData: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({})),
-      onItemClick: PropTypes__default["default"].func
-    };
     SubMenuTrigger.defaultProps = {
       menuData: null,
       onItemClick: null
@@ -44861,15 +44668,20 @@
     var StyledButton = styled__default["default"].button.withConfig({
       displayName: "MenuTrigger__StyledButton",
       componentId: "sc-ooz0w0-0"
-    })(function (_ref) {
-      var color = _ref.color,
-          hoverColor = _ref.hoverColor,
-          hoverBackground = _ref.hoverBackground;
+    })(function (_a) {
+      var _a$color = _a.color,
+          color = _a$color === void 0 ? "white" : _a$color,
+          _a$hoverColor = _a.hoverColor,
+          hoverColor = _a$hoverColor === void 0 ? "lightBlue" : _a$hoverColor,
+          _a$hoverBackground = _a.hoverBackground,
+          hoverBackground = _a$hoverBackground === void 0 ? "black" : _a$hoverBackground,
+          props = __rest(_a, ["color", "hoverColor", "hoverBackground"]);
+
       return {
         display: "flex",
         alignItems: "center",
         position: "relative",
-        color: themeGet("colors." + color, color)(color),
+        color: themeGet("colors." + color, color)(props),
         border: "none",
         backgroundColor: "transparent",
         textDecoration: "none",
@@ -44880,8 +44692,8 @@
         borderRadius: Theme.radii.medium,
         "&:hover, &:focus": {
           outline: "none",
-          color: themeGet("colors." + hoverColor, hoverColor)(hoverColor),
-          backgroundColor: themeGet("colors." + hoverBackground, hoverBackground)(hoverBackground),
+          color: themeGet("colors." + hoverColor, hoverColor)(props),
+          backgroundColor: themeGet("colors." + hoverBackground, hoverBackground)(props),
           cursor: "pointer"
         },
         "&:focus": {
@@ -44892,16 +44704,7 @@
         }
       };
     });
-    StyledButton.propTypes = {
-      color: PropTypes__default["default"].string,
-      hoverColor: PropTypes__default["default"].string,
-      hoverBackground: PropTypes__default["default"].string
-    };
-    StyledButton.defaultProps = {
-      color: Theme.colors.white,
-      hoverColor: Theme.colors.lightBlue,
-      hoverBackground: Theme.colors.black
-    };
+    StyledButton.defaultProps = {};
     var MenuTriggerButton = /*#__PURE__*/React__default["default"].forwardRef(function (_a, ref) {
       var name = _a.name,
           color = _a.color,
@@ -44926,27 +44729,20 @@
         p: "2px"
       }));
     });
-    MenuTriggerButton.propTypes = {
-      name: PropTypes__default["default"].string.isRequired,
-      color: PropTypes__default["default"].string,
-      hoverColor: PropTypes__default["default"].string,
-      hoverBackground: PropTypes__default["default"].string
-    };
-    MenuTriggerButton.defaultProps = {
-      color: Theme.colors.white,
-      hoverColor: Theme.colors.lightBlue,
-      hoverBackground: Theme.colors.black
-    };
 
-    var MenuTrigger = function MenuTrigger(props) {
-      var menuData = props.menuData,
-          name = props.name,
-          color = props.color,
-          hoverColor = props.hoverColor,
-          hoverBackground = props.hoverBackground,
-          ariaLabel = props["aria-label"],
-          otherProps = __rest(props, ["menuData", "name", "color", "hoverColor", "hoverBackground", "aria-label"]);
+    function MenuTrigger(_a) {
+      var menuData = _a.menuData,
+          name = _a.name,
+          color = _a.color,
+          hoverColor = _a.hoverColor,
+          hoverBackground = _a.hoverBackground,
+          ariaLabel = _a["aria-label"],
+          otherProps = __rest(_a, ["menuData", "name", "color", "hoverColor", "hoverBackground", "aria-label"]);
 
+      var theme = styled.useTheme();
+      color = color || theme.colors.white;
+      hoverColor = hoverColor || theme.colors.lightBlue;
+      hoverBackground = hoverBackground || theme.colors.black;
       var dropdownMinWidth = "auto";
 
       var setDropdownMinWidth = function setDropdownMinWidth(popperData) {
@@ -44980,8 +44776,8 @@
             "aria-label": ariaLabel
           });
         }
-      }), function (_ref2) {
-        var closeMenu = _ref2.closeMenu;
+      }), function (_ref) {
+        var closeMenu = _ref.closeMenu;
         return /*#__PURE__*/React__default["default"].createElement("ul", {
           style: {
             listStyle: "none",
@@ -44994,23 +44790,7 @@
           e.stopPropagation();
         }, SubMenuTrigger));
       });
-    };
-
-    MenuTrigger.propTypes = {
-      name: PropTypes__default["default"].node.isRequired,
-      "aria-label": PropTypes__default["default"].string,
-      menuData: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({})),
-      color: PropTypes__default["default"].string,
-      hoverColor: PropTypes__default["default"].string,
-      hoverBackground: PropTypes__default["default"].string
-    };
-    MenuTrigger.defaultProps = {
-      menuData: null,
-      "aria-label": undefined,
-      color: Theme.colors.white,
-      hoverColor: Theme.colors.lightBlue,
-      hoverBackground: Theme.colors.black
-    };
+    }
 
     var getSharedStyles$1 = function getSharedStyles(color) {
       return {
@@ -45054,11 +44834,6 @@
         })
       };
     });
-    ApplyMenuLinkStyles$1.propTypes = {
-      color: PropTypes__default["default"].string,
-      hoverColor: PropTypes__default["default"].string,
-      hoverBackground: PropTypes__default["default"].string
-    };
     ApplyMenuLinkStyles$1.defaultProps = {
       color: Theme.colors.white,
       hoverColor: Theme.colors.lightBlue,
@@ -45159,14 +44934,6 @@
       }));
     };
 
-    BaseDesktopMenu.propTypes = {
-      menuData: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({})),
-      themeColorObject: PropTypes__default["default"].shape({})
-    };
-    BaseDesktopMenu.defaultProps = {
-      menuData: null,
-      themeColorObject: null
-    };
     var DesktopMenu = styled__default["default"](BaseDesktopMenu).withConfig({
       displayName: "DesktopMenu",
       componentId: "sc-1mpxh2o-4"
@@ -45178,37 +44945,6 @@
       }
     });
 
-    var isValidMenuItem = function validArrayItem(arr, idx, componentName, location, propFullName) {
-      var obj = arr[idx];
-
-      if (typeof obj !== "object") {
-        throw new Error("Invalid " + propFullName + " of type `" + typeof obj + "` supplied to `" + componentName + "`, expected `object`");
-      }
-
-      PropTypes__default["default"].checkPropTypes({
-        name: PropTypes__default["default"].node.isRequired,
-        ariaLabel: PropTypes__default["default"].string,
-        href: PropTypes__default["default"].string,
-        items: PropTypes__default["default"].arrayOf(isValidMenuItem),
-        render: PropTypes__default["default"].func
-      }, obj, propFullName, componentName);
-      var numberOfDefiningKeys = 0;
-      var definingKeys = ["href", "items", "render"];
-      var keys = Object.keys(obj);
-
-      for (var i = 0; i < keys.length; i += 1) {
-        if (definingKeys.includes(keys[i])) {
-          numberOfDefiningKeys += 1;
-        }
-      }
-
-      if (numberOfDefiningKeys > 1) {
-        return new Error("Invalid set of keys for Menu Item with name `" + obj.name + "` supplied to `" + componentName + "`. Include a name key and optionally ONE of " + definingKeys);
-      }
-
-      return null;
-    };
-
     var BrandingWrap = styled__default["default"].div.withConfig({
       displayName: "MobileMenu__BrandingWrap",
       componentId: "sc-vqy2lk-0"
@@ -45272,12 +45008,6 @@
         })
       };
     });
-    ApplyMenuLinkStyles.propTypes = {
-      layer: PropTypes__default["default"].number,
-      color: PropTypes__default["default"].string,
-      hoverColor: PropTypes__default["default"].string,
-      hoverBackground: PropTypes__default["default"].string
-    };
     ApplyMenuLinkStyles.defaultProps = {
       layer: 0,
       color: Theme.colors.white,
@@ -45425,20 +45155,6 @@
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, getSubMenuHeading(layer, themeColorObject && themeColorObject.textColor, menuItem.name), /*#__PURE__*/React__default["default"].createElement(SubMenuItemsList, null, renderMenuItems(menuItem.items, linkOnClick, themeColorObject, layer + 1)));
     };
 
-    var ThemeColorObjectPropTypes = {
-      textColor: PropTypes__default["default"].string,
-      background: PropTypes__default["default"].string,
-      logoColor: PropTypes__default["default"].string
-    };
-    SubMenu.propTypes = {
-      layer: PropTypes__default["default"].number.isRequired,
-      menuItem: PropTypes__default["default"].shape({
-        items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({})),
-        name: PropTypes__default["default"].string.isRequired
-      }).isRequired,
-      linkOnClick: PropTypes__default["default"].func,
-      themeColorObject: PropTypes__default["default"].shape(ThemeColorObjectPropTypes)
-    };
     SubMenu.defaultProps = {
       linkOnClick: null,
       themeColorObject: undefined
@@ -45486,16 +45202,6 @@
       }, subtext)), /*#__PURE__*/React__default["default"].createElement(Menu, null, menuData.primaryMenu && renderTopLayerMenuItems(menuData.primaryMenu, closeMenu, themeColorObject), menuData.secondaryMenu && renderTopLayerMenuItems(menuData.secondaryMenu, closeMenu, themeColorObject)));
     };
 
-    BaseMobileMenu.propTypes = {
-      menuData: PropTypes__default["default"].shape({
-        primaryMenu: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({})),
-        secondaryMenu: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({}))
-      }),
-      subtext: PropTypes__default["default"].string,
-      includeSubtext: PropTypes__default["default"].bool,
-      closeMenu: PropTypes__default["default"].func,
-      themeColorObject: PropTypes__default["default"].shape(ThemeColorObjectPropTypes)
-    };
     BaseMobileMenu.defaultProps = {
       menuData: null,
       subtext: null,
@@ -45589,20 +45295,6 @@
       return SmallNavBarNoState;
     }(React__default["default"].Component);
 
-    SmallNavBarNoState.propTypes = {
-      menuState: PropTypes__default["default"].shape({
-        isOpen: PropTypes__default["default"].bool,
-        toggleMenu: PropTypes__default["default"].func,
-        closeMenu: PropTypes__default["default"].func
-      }).isRequired,
-      menuData: PropTypes__default["default"].shape(MenuDataPropTypes),
-      subtext: PropTypes__default["default"].string,
-      brandingLinkHref: PropTypes__default["default"].string,
-      brandingLinkTo: PropTypes__default["default"].string,
-      breakpointLower: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
-      width: PropTypes__default["default"].number,
-      themeColor: PropTypes__default["default"].oneOf(["blue", "white"])
-    };
     SmallNavBarNoState.defaultProps = {
       menuData: null,
       subtext: null,
@@ -45712,20 +45404,6 @@
       })))));
     };
 
-    var MenuDataPropTypes = {
-      primaryMenu: PropTypes__default["default"].arrayOf(isValidMenuItem),
-      secondaryMenu: PropTypes__default["default"].arrayOf(isValidMenuItem),
-      search: PropTypes__default["default"].shape({
-        onSubmit: PropTypes__default["default"].func
-      })
-    };
-    MediumNavBar.propTypes = {
-      subtext: PropTypes__default["default"].string,
-      brandingLinkHref: PropTypes__default["default"].string,
-      menuData: PropTypes__default["default"].shape(MenuDataPropTypes),
-      brandingLinkTo: PropTypes__default["default"].string,
-      themeColor: PropTypes__default["default"].oneOf(["blue", "white"])
-    };
     MediumNavBar.defaultProps = {
       subtext: null,
       brandingLinkHref: "/",
@@ -45793,9 +45471,6 @@
         title: title
       });
     };
-    MenuIcon.propTypes = {
-      isOpen: PropTypes__default["default"].bool
-    };
     MenuIcon.defaultProps = {
       isOpen: false
     };
@@ -45828,12 +45503,6 @@
       }, /*#__PURE__*/React__default["default"].createElement(SelectNavBarBasedOnWidth, Object.assign({}, props)));
     };
 
-    NavBar.propTypes = {
-      menuData: PropTypes__default["default"].shape(MenuDataPropTypes),
-      className: PropTypes__default["default"].string,
-      breakpointUpper: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
-      themeColor: PropTypes__default["default"].oneOf(["blue", "white"])
-    };
     NavBar.defaultProps = {
       menuData: null,
       className: undefined,
@@ -48699,9 +48368,13 @@
       displayName: "Overlay",
       componentId: "sc-mcd6gm-0"
     })(function (_ref) {
-      var dark = _ref.dark,
+      var _ref$dark = _ref.dark,
+          dark = _ref$dark === void 0 ? false : _ref$dark,
           theme = _ref.theme;
       return {
+        position: "fixed",
+        justifyContent: "center",
+        alignItems: "center",
         top: 0,
         left: 0,
         right: 0,
@@ -48710,12 +48383,6 @@
         backgroundColor: dark ? curriedTransparentize(0.5, theme.colors.blackBlue) : curriedTransparentize(0.05, theme.colors.white)
       };
     });
-    Overlay.defaultProps = {
-      position: "fixed",
-      justifyContent: "center",
-      alignItems: "center",
-      dark: false
-    };
 
     var getHoverBackground = function getHoverBackground(currentPage, disabled, theme) {
       if (currentPage) {
@@ -48767,8 +48434,10 @@
     });
 
     var PreviousButton = function PreviousButton(_ref) {
-      var disabled = _ref.disabled,
-          onClick = _ref.onClick,
+      var _ref$disabled = _ref.disabled,
+          disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+          _ref$onClick = _ref.onClick,
+          onClick = _ref$onClick === void 0 ? null : _ref$onClick,
           label = _ref.label,
           ariaLabel = _ref.ariaLabel;
 
@@ -48785,17 +48454,6 @@
       }), " ", label || t("previous"));
     };
 
-    PreviousButton.propTypes = {
-      disabled: PropTypes__default["default"].bool,
-      onClick: PropTypes__default["default"].func,
-      label: PropTypes__default["default"].node,
-      ariaLabel: PropTypes__default["default"].string
-    };
-    PreviousButton.defaultProps = {
-      disabled: false,
-      onClick: null
-    };
-
     var NextButton = function NextButton(_ref) {
       var disabled = _ref.disabled,
           onClick = _ref.onClick,
@@ -48815,17 +48473,6 @@
       }));
     };
 
-    NextButton.propTypes = {
-      disabled: PropTypes__default["default"].bool,
-      onClick: PropTypes__default["default"].func,
-      label: PropTypes__default["default"].node,
-      ariaLabel: PropTypes__default["default"].string
-    };
-    NextButton.defaultProps = {
-      disabled: false,
-      onClick: null
-    };
-
     var SEPARATOR = "...";
     var getPageItemsToDisplay = function getPageItemsToDisplay(totalPages, currentPage) {
       var MAX_PAGES_TO_SHOW = 6;
@@ -48848,11 +48495,11 @@
     };
 
     function Pagination(_a) {
-      var currentPage = _a.currentPage,
-          totalPages = _a.totalPages,
-          onNext = _a.onNext,
+      var onNext = _a.onNext,
           onPrevious = _a.onPrevious,
           onSelectPage = _a.onSelectPage,
+          currentPage = _a.currentPage,
+          totalPages = _a.totalPages,
           nextAriaLabel = _a.nextAriaLabel,
           nextLabel = _a.nextLabel,
           previousAriaLabel = _a.previousAriaLabel,
@@ -48860,7 +48507,7 @@
           scrollToTopAfterPagination = _a.scrollToTopAfterPagination,
           scrollTargetRef = _a.scrollTargetRef,
           ariaLabel = _a["aria-label"],
-          restProps = __rest(_a, ["currentPage", "totalPages", "onNext", "onPrevious", "onSelectPage", "nextAriaLabel", "nextLabel", "previousAriaLabel", "previousLabel", "scrollToTopAfterPagination", "scrollTargetRef", "aria-label"]);
+          restProps = __rest(_a, ["onNext", "onPrevious", "onSelectPage", "currentPage", "totalPages", "nextAriaLabel", "nextLabel", "previousAriaLabel", "previousLabel", "scrollToTopAfterPagination", "scrollTargetRef", "aria-label"]);
 
       var _useTranslation = useTranslation(),
           t = _useTranslation.t;
@@ -48926,29 +48573,6 @@
       }));
     }
 
-    Pagination.propTypes = {
-      currentPage: PropTypes__default["default"].number.isRequired,
-      totalPages: PropTypes__default["default"].number.isRequired,
-      onNext: PropTypes__default["default"].func,
-      onPrevious: PropTypes__default["default"].func,
-      onSelectPage: PropTypes__default["default"].func,
-      nextLabel: PropTypes__default["default"].node,
-      nextAriaLabel: PropTypes__default["default"].string,
-      previousLabel: PropTypes__default["default"].node,
-      previousAriaLabel: PropTypes__default["default"].string,
-      "aria-label": PropTypes__default["default"].string
-    };
-    Pagination.defaultProps = {
-      onNext: null,
-      onPrevious: null,
-      onSelectPage: null,
-      nextLabel: undefined,
-      nextAriaLabel: undefined,
-      previousLabel: undefined,
-      previousAriaLabel: undefined,
-      "aria-label": undefined
-    };
-
     var radioStyle = function radioStyle(theme) {
       return {
         checked: {
@@ -49045,14 +48669,17 @@
       }), _ref2["&:not(:checked) + " + VisualRadio] = Object.assign({}, getRadioStyle(props, "unchecked")), _ref2;
     });
     var Radio = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-      var className = _a.className,
+      var _a$disabled = _a.disabled,
+          disabled = _a$disabled === void 0 ? false : _a$disabled,
+          _a$error = _a.error,
+          error = _a$error === void 0 ? false : _a$error,
+          _a$required = _a.required,
+          required = _a$required === void 0 ? false : _a$required,
+          className = _a.className,
           labelText = _a.labelText,
-          disabled = _a.disabled,
           checked = _a.checked,
-          required = _a.required,
-          error = _a.error,
           size = _a.size,
-          props = __rest(_a, ["className", "labelText", "disabled", "checked", "required", "error", "size"]);
+          props = __rest(_a, ["disabled", "error", "required", "className", "labelText", "checked", "size"]);
 
       var componentSize = useComponentSize(size);
       var spaceProps = getSubset(props, propTypes.space);
@@ -49082,48 +48709,8 @@
         disabled: disabled
       }, " ", labelText, " ")));
     });
-    Radio.defaultProps = {
-      checked: undefined,
-      defaultChecked: undefined,
-      disabled: false,
-      error: false,
-      id: undefined,
-      className: undefined,
-      required: false
-    };
-
-    var labelTextStyles$1 = function labelTextStyles(theme) {
-      return {
-        fontSize: theme.fontSizes.small,
-        fontWeight: Number(theme.fontWeights.bold),
-        lineHeight: theme.lineHeights.smallTextBase
-      };
-    };
 
-    var getRadioButtons = function getRadioButtons(props) {
-      var radioButtons = React__default["default"].Children.map(props.children, function (radio) {
-        var _a = radio.props,
-            value = _a.value,
-            disabled = _a.disabled,
-            required = _a.required,
-            onChange = _a.onChange,
-            radioProps = __rest(_a, ["value", "disabled", "required", "onChange"]);
-
-        return /*#__PURE__*/React__default["default"].createElement(Radio, Object.assign({}, radioProps, {
-          value: value,
-          disabled: props.disabled || disabled,
-          error: !!(props.errorMessage || props.errorList),
-          required: props.required || required,
-          name: props.name,
-          defaultChecked: value === props.defaultValue ? true : undefined,
-          checked: props.checkedValue && value === props.checkedValue,
-          onChange: props.onChange || onChange
-        }));
-      });
-      return radioButtons;
-    };
-
-    var RadioGroup = function RadioGroup(_a) {
+    function RadioGroup(_a) {
       var className = _a.className,
           id = _a.id,
           errorMessage = _a.errorMessage,
@@ -49153,19 +48740,37 @@
         errorMessage: errorMessage,
         errorList: errorList
       }));
+    }
+
+    var labelTextStyles$1 = function labelTextStyles(theme) {
+      return {
+        fontSize: theme.fontSizes.small,
+        fontWeight: Number(theme.fontWeights.bold),
+        lineHeight: theme.lineHeights.smallTextBase
+      };
     };
 
-    RadioGroup.defaultProps = {
-      errorMessage: null,
-      errorList: null,
-      defaultValue: undefined,
-      checkedValue: undefined,
-      onChange: undefined,
-      className: undefined,
-      id: undefined,
-      helpText: null,
-      requirementText: null,
-      default: false
+    var getRadioButtons = function getRadioButtons(props) {
+      var radioButtons = React__default["default"].Children.map(props.children, function (radio) {
+        var _a = radio.props,
+            value = _a.value,
+            disabled = _a.disabled,
+            required = _a.required,
+            onChange = _a.onChange,
+            radioProps = __rest(_a, ["value", "disabled", "required", "onChange"]);
+
+        return /*#__PURE__*/React__default["default"].createElement(Radio, Object.assign({}, radioProps, {
+          value: value,
+          disabled: props.disabled || disabled,
+          error: !!(props.errorMessage || props.errorList),
+          required: props.required || required,
+          name: props.name,
+          defaultChecked: value === props.defaultValue ? true : undefined,
+          checked: props.checkedValue && value === props.checkedValue,
+          onChange: props.onChange || onChange
+        }));
+      });
+      return radioButtons;
     };
 
     var SelectControl = function SelectControl(props) {
@@ -49209,44 +48814,10 @@
       }, /*#__PURE__*/React__default["default"].createElement(WindowedSelect.components.Input, Object.assign({}, props)));
     };
 
-    var SelectDefaultProps = {
-      autocomplete: true,
-      disabled: undefined,
-      defaultValue: undefined,
-      error: undefined,
-      errorMessage: undefined,
-      errorList: undefined,
-      labelText: undefined,
-      helpText: undefined,
-      noOptionsMessage: undefined,
-      requirementText: undefined,
-      id: undefined,
-      initialIsOpen: undefined,
-      maxHeight: "248px",
-      menuPosition: "absolute",
-      menuPlacement: "bottom",
-      multiselect: false,
-      name: undefined,
-      onBlur: undefined,
-      onChange: undefined,
-      placeholder: undefined,
-      required: false,
-      value: undefined,
-      className: undefined,
-      classNamePrefix: "ndsSelect",
-      menuIsOpen: undefined,
-      onMenuOpen: undefined,
-      onMenuClose: undefined,
-      onInputChange: undefined,
-      components: undefined,
-      closeMenuOnSelect: true
-    };
     var ReactSelect = /*#__PURE__*/React__default["default"].forwardRef(function (_a, ref) {
       var size = _a.size,
-          autocomplete = _a.autocomplete,
           options = _a.options,
           labelText = _a.labelText,
-          required = _a.required,
           requirementText = _a.requirementText,
           helpText = _a.helpText,
           disabled = _a.disabled,
@@ -49256,8 +48827,6 @@
           error = _a$error === void 0 ? !!(errorMessage || errorList) : _a$error,
           id = _a.id,
           initialIsOpen = _a.initialIsOpen,
-          maxHeight = _a.maxHeight,
-          multiselect = _a.multiselect,
           _onChange = _a.onChange,
           placeholder = _a.placeholder,
           value = _a.value,
@@ -49266,7 +48835,22 @@
           ariaLabel = _a["aria-label"],
           _a$windowThreshold = _a.windowThreshold,
           windowThreshold = _a$windowThreshold === void 0 ? 300 : _a$windowThreshold,
-          props = __rest(_a, ["size", "autocomplete", "options", "labelText", "required", "requirementText", "helpText", "disabled", "errorMessage", "errorList", "error", "id", "initialIsOpen", "maxHeight", "multiselect", "onChange", "placeholder", "value", "defaultValue", "components", "aria-label", "windowThreshold"]);
+          _a$autocomplete = _a.autocomplete,
+          autocomplete = _a$autocomplete === void 0 ? true : _a$autocomplete,
+          _a$maxHeight = _a.maxHeight,
+          maxHeight = _a$maxHeight === void 0 ? "248px" : _a$maxHeight,
+          _a$required = _a.required,
+          required = _a$required === void 0 ? false : _a$required,
+          _a$menuPosition = _a.menuPosition,
+          menuPosition = _a$menuPosition === void 0 ? "absolute" : _a$menuPosition,
+          _a$menuPlacement = _a.menuPlacement,
+          menuPlacement = _a$menuPlacement === void 0 ? "bottom" : _a$menuPlacement,
+          multiselect = _a.multiselect,
+          _a$classNamePrefix = _a.classNamePrefix,
+          classNamePrefix = _a$classNamePrefix === void 0 ? "ndsSelect" : _a$classNamePrefix,
+          _a$closeMenuOnSelect = _a.closeMenuOnSelect,
+          closeMenuOnSelect = _a$closeMenuOnSelect === void 0 ? true : _a$closeMenuOnSelect,
+          props = __rest(_a, ["size", "options", "labelText", "requirementText", "helpText", "disabled", "errorMessage", "errorList", "error", "id", "initialIsOpen", "onChange", "placeholder", "value", "defaultValue", "components", "aria-label", "windowThreshold", "autocomplete", "maxHeight", "required", "menuPosition", "menuPlacement", "multiselect", "classNamePrefix", "closeMenuOnSelect"]);
 
       var _useTranslation = useTranslation(),
           t = _useTranslation.t;
@@ -49332,7 +48916,11 @@
           Input: SelectInput
         }, components),
         "aria-label": ariaLabel,
-        options: options
+        options: options,
+        menuPosition: menuPosition,
+        menuPlacement: menuPlacement,
+        classNamePrefix: classNamePrefix,
+        closeMenuOnSelect: closeMenuOnSelect
       }, props)), /*#__PURE__*/React__default["default"].createElement(InlineValidation, {
         mt: "x1",
         errorMessage: errorMessage,
@@ -49397,11 +48985,6 @@
       }
     }
 
-    ReactSelect.defaultProps = Object.assign(Object.assign({}, SelectDefaultProps), {
-      windowThreshold: 300,
-      filterOption: undefined
-    });
-
     var stickyStyles = function stickyStyles(theme) {
       return {
         position: "sticky",
@@ -49496,20 +49079,6 @@
       return /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement(StyledHeaderRow, null, renderColumns(columns)));
     }
 
-    var columnPropType = PropTypes__default["default"].shape({
-      align: PropTypes__default["default"].oneOf(["right", "left", "center"]),
-      label: PropTypes__default["default"].string,
-      dataKey: PropTypes__default["default"].oneOf([PropTypes__default["default"].string, PropTypes__default["default"].number]),
-      key: PropTypes__default["default"].oneOf([PropTypes__default["default"].string, PropTypes__default["default"].number]),
-      cellFormatter: PropTypes__default["default"].func,
-      cellRenderer: PropTypes__default["default"].func,
-      headerRenderer: PropTypes__default["default"].func,
-      width: PropTypes__default["default"].string
-    });
-    var rowPropType = PropTypes__default["default"].objectOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string, PropTypes__default["default"].bool, PropTypes__default["default"].func, PropTypes__default["default"].node, PropTypes__default["default"].shape({})]));
-    var columnsPropType = PropTypes__default["default"].arrayOf(columnPropType);
-    var rowsPropType = PropTypes__default["default"].arrayOf(rowPropType);
-
     var StyledTableCell = styled__default["default"].td.withConfig({
       displayName: "TableCell__StyledTableCell",
       componentId: "sc-q0c72j-0"
@@ -49530,11 +49099,16 @@
     });
 
     var TableCell = function TableCell(_ref2) {
-      var row = _ref2.row,
-          column = _ref2.column,
-          colSpan = _ref2.colSpan,
-          cellData = _ref2.cellData,
-          compact = _ref2.compact;
+      var _ref2$column = _ref2.column,
+          column = _ref2$column === void 0 ? {} : _ref2$column,
+          _ref2$row = _ref2.row,
+          row = _ref2$row === void 0 ? {} : _ref2$row,
+          _ref2$cellData = _ref2.cellData,
+          cellData = _ref2$cellData === void 0 ? "" : _ref2$cellData,
+          _ref2$colSpan = _ref2.colSpan,
+          colSpan = _ref2$colSpan === void 0 ? undefined : _ref2$colSpan,
+          _ref2$compact = _ref2.compact,
+          compact = _ref2$compact === void 0 ? false : _ref2$compact;
       var cellRenderer = row.cellRenderer || column.cellRenderer;
       var cellFormatter = column.cellFormatter;
       var isCustomCell = Boolean(cellRenderer);
@@ -49560,14 +49134,6 @@
       }, cellContent);
     };
 
-    TableCell.defaultProps = {
-      column: {},
-      row: {},
-      cellData: "",
-      colSpan: undefined,
-      compact: false
-    };
-
     var StyledMessageContainer = styled__default["default"](Box).withConfig({
       displayName: "TableBody__StyledMessageContainer",
       componentId: "sc-b5sejq-0"
@@ -49663,17 +49229,6 @@
       }))));
     };
 
-    TableBodyRow.propTypes = {
-      row: rowPropType.isRequired,
-      columns: columnsPropType.isRequired,
-      rowHovers: PropTypes__default["default"].bool.isRequired,
-      compact: PropTypes__default["default"].bool.isRequired,
-      rowClassName: PropTypes__default["default"].string
-    };
-    TableBodyRow.defaultProps = {
-      rowClassName: undefined
-    };
-
     var TableMessageContainer = function TableMessageContainer(_ref4) {
       var colSpan = _ref4.colSpan,
           children = _ref4.children;
@@ -49686,11 +49241,6 @@
       }, children)));
     };
 
-    TableMessageContainer.propTypes = {
-      colSpan: PropTypes__default["default"].number.isRequired,
-      children: PropTypes__default["default"].node.isRequired
-    };
-
     var LoadingContent = function LoadingContent(_ref5) {
       var colSpan = _ref5.colSpan;
       return /*#__PURE__*/React__default["default"].createElement(TableMessageContainer, {
@@ -49698,10 +49248,6 @@
       }, "Loading...");
     };
 
-    LoadingContent.propTypes = {
-      colSpan: PropTypes__default["default"].number.isRequired
-    };
-
     var TableBody = function TableBody(_ref6) {
       var rows = _ref6.rows,
           columns = _ref6.columns,
@@ -49776,35 +49322,18 @@
       }));
     };
 
-    TableFooterRow.propTypes = {
-      row: rowPropType.isRequired,
-      columns: columnsPropType.isRequired,
-      loading: PropTypes__default["default"].bool.isRequired,
-      compact: PropTypes__default["default"].bool.isRequired
-    };
-
     function TableFoot(_ref3) {
       var columns = _ref3.columns,
           rows = _ref3.rows,
-          keyField = _ref3.keyField,
-          loading = _ref3.loading,
-          compact = _ref3.compact;
+          _ref3$keyField = _ref3.keyField,
+          keyField = _ref3$keyField === void 0 ? "id" : _ref3$keyField,
+          _ref3$loading = _ref3.loading,
+          loading = _ref3$loading === void 0 ? false : _ref3$loading,
+          _ref3$compact = _ref3.compact,
+          compact = _ref3$compact === void 0 ? false : _ref3$compact;
       return /*#__PURE__*/React__default["default"].createElement("tfoot", null, renderRows(rows, columns, keyField, loading, compact));
     }
 
-    TableFoot.propTypes = {
-      columns: columnsPropType.isRequired,
-      rows: rowsPropType.isRequired,
-      keyField: PropTypes__default["default"].string,
-      loading: PropTypes__default["default"].bool,
-      compact: PropTypes__default["default"].bool
-    };
-    TableFoot.defaultProps = {
-      keyField: "id",
-      loading: false,
-      compact: false
-    };
-
     var StyledTable = styled__default["default"].table.withConfig({
       displayName: "BaseTable__StyledTable",
       componentId: "sc-14k7sl6-0"
@@ -49816,26 +49345,29 @@
     });
 
     function BaseTable(_a) {
-      var columns = _a.columns,
-          rows = _a.rows,
-          _a$noRowsContent = _a.noRowsContent,
+      var _a$noRowsContent = _a.noRowsContent,
           noRowsContent = _a$noRowsContent === void 0 ? "No records have been created for this table." : _a$noRowsContent,
           _a$keyField = _a.keyField,
           keyField = _a$keyField === void 0 ? "id" : _a$keyField,
-          id = _a.id,
-          loading = _a.loading,
+          _a$loading = _a.loading,
+          loading = _a$loading === void 0 ? false : _a$loading,
           _a$footerRows = _a.footerRows,
           footerRows = _a$footerRows === void 0 ? [] : _a$footerRows,
           _a$rowHovers = _a.rowHovers,
           rowHovers = _a$rowHovers === void 0 ? true : _a$rowHovers,
-          compact = _a.compact,
-          className = _a.className,
-          stickyHeader = _a.stickyHeader,
+          _a$compact = _a.compact,
+          compact = _a$compact === void 0 ? false : _a$compact,
+          _a$stickyHeader = _a.stickyHeader,
+          stickyHeader = _a$stickyHeader === void 0 ? false : _a$stickyHeader,
           _a$onRowMouseEnter = _a.onRowMouseEnter,
           onRowMouseEnter = _a$onRowMouseEnter === void 0 ? function () {} : _a$onRowMouseEnter,
           _a$onRowMouseLeave = _a.onRowMouseLeave,
           onRowMouseLeave = _a$onRowMouseLeave === void 0 ? function () {} : _a$onRowMouseLeave,
-          props = __rest(_a, ["columns", "rows", "noRowsContent", "keyField", "id", "loading", "footerRows", "rowHovers", "compact", "className", "stickyHeader", "onRowMouseEnter", "onRowMouseLeave"]);
+          columns = _a.columns,
+          rows = _a.rows,
+          id = _a.id,
+          className = _a.className,
+          props = __rest(_a, ["noRowsContent", "keyField", "loading", "footerRows", "rowHovers", "compact", "stickyHeader", "onRowMouseEnter", "onRowMouseLeave", "columns", "rows", "id", "className"]);
 
       return /*#__PURE__*/React__default["default"].createElement(StyledTable, Object.assign({
         id: id,
@@ -49863,35 +49395,6 @@
       }));
     }
 
-    BaseTable.propTypes = Object.assign(Object.assign({}, propTypes.space), {
-      columns: PropTypes__default["default"].any,
-      rows: PropTypes__default["default"].any,
-      noRowsContent: PropTypes__default["default"].string,
-      keyField: PropTypes__default["default"].string,
-      id: PropTypes__default["default"].string,
-      loading: PropTypes__default["default"].bool,
-      footerRows: rowsPropType,
-      rowHovers: PropTypes__default["default"].bool,
-      compact: PropTypes__default["default"].bool,
-      className: PropTypes__default["default"].string,
-      stickyHeader: PropTypes__default["default"].bool,
-      onRowMouseEnter: PropTypes__default["default"].func,
-      onRowMouseLeave: PropTypes__default["default"].func
-    });
-    BaseTable.defaultProps = {
-      noRowsContent: "No records have been created for this table.",
-      keyField: "id",
-      id: undefined,
-      loading: false,
-      footerRows: [],
-      rowHovers: true,
-      compact: false,
-      className: undefined,
-      stickyHeader: false,
-      onRowMouseEnter: function onRowMouseEnter() {},
-      onRowMouseLeave: function onRowMouseLeave() {}
-    };
-
     var SELECTABLE_COLUMN_DATA_KEY = "selected";
 
     var selectHeaderFormatter = function selectHeaderFormatter(onSelectHeader, isHeaderSelected, selectAllAriaLabel, deselectAllAriaLabel) {
@@ -49933,14 +49436,6 @@
       });
     };
 
-    SelectCell.propTypes = {
-      row: rowPropType.isRequired,
-      onSelectRow: PropTypes__default["default"].func
-    };
-    SelectCell.defaultProps = {
-      onSelectRow: null
-    };
-
     var selectCellRenderer = function selectCellRenderer(onSelectRow) {
       return function (props) {
         return /*#__PURE__*/React__default["default"].createElement(SelectCell, Object.assign({
@@ -50004,18 +49499,6 @@
       }));
     };
 
-    ExpandCell.propTypes = {
-      row: rowPropType.isRequired,
-      onRowExpansionChange: PropTypes__default["default"].func,
-      collapseAriaLabel: PropTypes__default["default"].string,
-      expandAriaLabel: PropTypes__default["default"].string
-    };
-    ExpandCell.defaultProps = {
-      onRowExpansionChange: null,
-      collapseAriaLabel: undefined,
-      expandAriaLabel: undefined
-    };
-
     var expandCellRenderer = function expandCellRenderer(onRowExpansionChange) {
       return function (props) {
         return /*#__PURE__*/React__default["default"].createElement(ExpandCell, Object.assign({
@@ -50061,6 +49544,8 @@
       };
     };
 
+    var propNames = [].concat(Object.keys(propTypes.space), ["columns", "rows", "noRowsContent", "keyField", "id", "loading", "footerRows", "rowHovers", "compact", "className", "stickyHeader", "onRowMouseEnter", "onRowMouseLeave"]);
+
     var getAllRowKeys = function getAllRowKeys(rows, keyField) {
       if (rows === void 0) {
         rows = [];
@@ -50303,7 +49788,7 @@
             rowsPerPage = _this$props4.rowsPerPage,
             paginationProps = _this$props4.paginationProps,
             paginationCss = _this$props4.paginationCss;
-        var baseTableProps = getSubset(this.getControlProps(), BaseTable.propTypes);
+        var baseTableProps = pick.apply(void 0, [this.getControlProps()].concat(propNames));
         return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(BaseTable, Object.assign({}, baseTableProps)), rowsPerPage && /*#__PURE__*/React__default["default"].createElement(Pagination, Object.assign({
           pt: "x2",
           currentPage: currentPage,
@@ -50319,7 +49804,18 @@
       return StatefulTable;
     }(React.Component);
 
-    StatefulTable.defaultProps = Object.assign(Object.assign({}, BaseTable.defaultProps), {
+    StatefulTable.defaultProps = {
+      noRowsContent: "No records have been created for this table.",
+      keyField: "id",
+      id: undefined,
+      loading: false,
+      footerRows: [],
+      rowHovers: true,
+      compact: false,
+      className: undefined,
+      stickyHeader: false,
+      onRowMouseEnter: function onRowMouseEnter() {},
+      onRowMouseLeave: function onRowMouseLeave() {},
       hasSelectableRows: false,
       selectedRows: [],
       isHeaderSelected: false,
@@ -50330,14 +49826,16 @@
       /* PM support only */
       paginationCss: undefined,
       paginationProps: {}
-    });
+    };
 
-    var SortingColumnHeader = function SortingColumnHeader(_ref) {
+    function SortingColumnHeader(_ref) {
       var onChange = _ref.onChange,
           label = _ref.label,
-          ascending = _ref.ascending,
-          active = _ref.active,
-          ariaLabel = _ref.ariaLabel;
+          ariaLabel = _ref.ariaLabel,
+          _ref$ascending = _ref.ascending,
+          ascending = _ref$ascending === void 0 ? false : _ref$ascending,
+          _ref$active = _ref.active,
+          active = _ref$active === void 0 ? false : _ref$active;
 
       var _useTranslation = useTranslation(),
           t = _useTranslation.t;
@@ -50354,21 +49852,7 @@
         toggled: active,
         onClick: onChange
       }));
-    };
-
-    SortingColumnHeader.propTypes = {
-      onChange: PropTypes__default["default"].func.isRequired,
-      ariaLabel: PropTypes__default["default"].string,
-      label: PropTypes__default["default"].string,
-      ascending: PropTypes__default["default"].bool,
-      active: PropTypes__default["default"].bool
-    };
-    SortingColumnHeader.defaultProps = {
-      ariaLabel: null,
-      label: null,
-      ascending: false,
-      active: false
-    };
+    }
 
     function Table(_a) {
       var hasSelectableRows = _a.hasSelectableRows,
@@ -50532,31 +50016,26 @@
     var StatusIndicator = styled__default["default"].span.withConfig({
       displayName: "StatusIndicator",
       componentId: "sc-17eyafq-0"
-    })(space, typography, flexbox, function (_ref2) {
+    })(function (_ref2) {
       var theme = _ref2.theme,
-          type = _ref2.type;
+          _ref2$type = _ref2.type,
+          type = _ref2$type === void 0 ? StatusIndicatorValues.neutral : _ref2$type;
       return Object.assign({
+        margin: theme.space.none,
+        paddingTop: theme.space.none,
+        paddingRight: theme.space.x1,
+        paddingBottom: theme.space.none,
+        paddingLeft: theme.space.x1,
+        fontSize: theme.fontSizes.smaller,
+        lineHeight: theme.lineHeights.smallerText,
+        alignSelf: "center",
         display: "inline-block",
         fontWeight: theme.fontWeights.bold,
         textTransform: "uppercase",
         letterSpacing: ".05em",
         borderRadius: theme.space.x1
       }, statusIndicatorStyles(theme)[type]);
-    });
-    StatusIndicator.defaultProps = {
-      type: StatusIndicatorValues.neutral,
-      mt: "0",
-      mr: "0",
-      mb: "0",
-      ml: "0",
-      pt: "0",
-      pr: "x1",
-      pb: "0",
-      pl: "x1",
-      fontSize: "smaller",
-      lineHeight: "smallerText",
-      alignSelf: "center"
-    };
+    }, space, typography, flexbox);
 
     var SummaryContext = /*#__PURE__*/React.createContext(undefined);
     function useSummaryContext() {
@@ -50797,12 +50276,6 @@
       }));
     };
 
-    Switcher.propTypes = {
-      children: PropTypes__default["default"].arrayOf(PropTypes__default["default"].element),
-      selected: PropTypes__default["default"].string,
-      onChange: PropTypes__default["default"].func
-    };
-
     var Switch$1 = /*#__PURE__*/React__default["default"].forwardRef(function (_a, ref) {
       var children = _a.children,
           rest = __rest(_a, ["children"]);
@@ -50856,11 +50329,6 @@
         }
       });
     });
-    Switch$1.propTypes = {
-      children: PropTypes__default["default"].node,
-      selected: PropTypes__default["default"].bool,
-      value: PropTypes__default["default"].string
-    };
 
     var barStyles = function barStyles(theme) {
       return {
@@ -50964,9 +50432,6 @@
         ref: ref
       }, props), label);
     });
-    Tab.defaultProps = {
-      label: null
-    };
 
     var TabContainer = styled__default["default"](Box).withConfig({
       displayName: "TabContainer",
@@ -51039,29 +50504,30 @@
       };
     });
 
-    function preventFocusMovement(e) {
-      e.preventDefault();
-    }
-
     var TabScrollIndicator = function TabScrollIndicator(_a) {
-      var onClick = _a.onClick,
-          side = _a.side,
+      var _a$side = _a.side,
+          side = _a$side === void 0 ? "left" : _a$side,
+          _a$width = _a.width,
+          width = _a$width === void 0 ? 40 : _a$width,
           ariaLabelLeft = _a.ariaLabelLeft,
           ariaLabelRight = _a.ariaLabelRight,
-          props = __rest(_a, ["onClick", "side", "ariaLabelLeft", "ariaLabelRight"]);
+          onClick = _a.onClick,
+          props = __rest(_a, ["side", "width", "ariaLabelLeft", "ariaLabelRight", "onClick"]);
 
       var _useTranslation = useTranslation(),
           t = _useTranslation.t;
 
-      var handleClick = function handleClick() {
-        onClick(side);
-      };
-
       var rightArrowLabel = ariaLabelRight || t("next");
       var leftArrowLabel = ariaLabelLeft || t("previous");
+
+      function preventFocusMovement(event) {
+        event.preventDefault();
+      }
+
       return /*#__PURE__*/React__default["default"].createElement(TabScrollIndicatorButton, Object.assign({}, props, {
+        width: width,
         tabIndex: -1,
-        onClick: handleClick,
+        onClick: onClick,
         onMouseDown: preventFocusMovement,
         side: side,
         "aria-label": side === "right" ? rightArrowLabel : leftArrowLabel
@@ -51070,17 +50536,9 @@
       }));
     };
 
-    TabScrollIndicator.defaultProps = {
-      onClick: function onClick() {},
-      side: "left",
-      width: 40,
-      ariaLabelLeft: undefined,
-      ariaLabelRight: undefined
-    };
-
     var TabScrollIndicatorContainer = styled__default["default"].div.withConfig({
       displayName: "TabScrollIndicators__TabScrollIndicatorContainer",
-      componentId: "sc-1cljxwo-0"
+      componentId: "sc-hw4ac9-0"
     })(function (_ref) {
       var width = _ref.width,
           theme = _ref.theme;
@@ -51272,16 +50730,6 @@
       return TabScrollIndicators;
     }(React__default["default"].Component);
 
-    TabScrollIndicators.propTypes = {
-      children: PropTypes__default["default"].func.isRequired,
-      tabRefs: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-        offsetWidth: PropTypes__default["default"].number
-      })),
-      tabContainerRef: PropTypes__default["default"].shape({
-        current: PropTypes__default["default"].object
-      }),
-      indicatorWidth: PropTypes__default["default"].number
-    };
     TabScrollIndicators.defaultProps = {
       tabRefs: undefined,
       tabContainerRef: undefined,
@@ -51520,21 +50968,25 @@
     });
 
     var Textarea = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-      var errorMessage = _a.errorMessage,
+      var _a$disabled = _a.disabled,
+          disabled = _a$disabled === void 0 ? false : _a$disabled,
+          _a$required = _a.required,
+          required = _a$required === void 0 ? false : _a$required,
+          _a$rows = _a.rows,
+          rows = _a$rows === void 0 ? 3 : _a$rows,
+          errorMessage = _a.errorMessage,
           errorList = _a.errorList,
           _a$error = _a.error,
           error = _a$error === void 0 ? !!(errorMessage || errorList) : _a$error,
-          required = _a.required,
           labelText = _a.labelText,
           requirementText = _a.requirementText,
           helpText = _a.helpText,
           id = _a.id,
           className = _a.className,
-          rows = _a.rows,
           _a$isResizeable = _a.isResizeable,
           isResizeable = _a$isResizeable === void 0 ? true : _a$isResizeable,
           size = _a.size,
-          props = __rest(_a, ["errorMessage", "errorList", "error", "required", "labelText", "requirementText", "helpText", "id", "className", "rows", "isResizeable", "size"]);
+          props = __rest(_a, ["disabled", "required", "rows", "errorMessage", "errorList", "error", "labelText", "requirementText", "helpText", "id", "className", "isResizeable", "size"]);
 
       var componentSize = useComponentSize(size);
       var spaceProps = getSubset(props, propTypes.space);
@@ -51556,25 +51008,14 @@
         error: error,
         rows: rows,
         isResizeable: isResizeable,
-        size: componentSize
+        size: componentSize,
+        disabled: disabled
       }, restProps))), /*#__PURE__*/React__default["default"].createElement(InlineValidation, {
         mt: "x1",
         errorMessage: errorMessage,
         errorList: errorList
       }));
     });
-    Textarea.defaultProps = {
-      className: undefined,
-      id: undefined,
-      disabled: false,
-      errorMessage: undefined,
-      errorList: undefined,
-      required: false,
-      labelText: undefined,
-      helpText: undefined,
-      requirementText: undefined,
-      rows: 3
-    };
 
     var DEFAULT_LABEL = "Time Range";
     var TimeRange = /*#__PURE__*/React.forwardRef(function (_a, ref) {
@@ -51585,8 +51026,6 @@
           errorMessage = _a.errorMessage,
           defaultStartTime = _a.defaultStartTime,
           defaultEndTime = _a.defaultEndTime,
-          disableRangeValidation = _a.disableRangeValidation,
-          labelProps = _a.labelProps,
           minTime = _a.minTime,
           maxTime = _a.maxTime,
           interval = _a.interval,
@@ -51595,7 +51034,13 @@
           endTimeProps = _a.endTimeProps,
           startTimeProps = _a.startTimeProps,
           size = _a.size,
-          props = __rest(_a, ["timeFormat", "onRangeChange", "onStartTimeChange", "onEndTimeChange", "errorMessage", "defaultStartTime", "defaultEndTime", "disableRangeValidation", "labelProps", "minTime", "maxTime", "interval", "startAriaLabel", "endAriaLabel", "endTimeProps", "startTimeProps", "size"]);
+          _a$disableRangeValida = _a.disableRangeValidation,
+          disableRangeValidation = _a$disableRangeValida === void 0 ? false : _a$disableRangeValida,
+          _a$labelProps = _a.labelProps,
+          labelProps = _a$labelProps === void 0 ? Object.assign(Object.assign({}, FieldLabelDefaultProps), {
+        labelText: DEFAULT_LABEL
+      }) : _a$labelProps,
+          props = __rest(_a, ["timeFormat", "onRangeChange", "onStartTimeChange", "onEndTimeChange", "errorMessage", "defaultStartTime", "defaultEndTime", "minTime", "maxTime", "interval", "startAriaLabel", "endAriaLabel", "endTimeProps", "startTimeProps", "size", "disableRangeValidation", "labelProps"]);
 
       var _useState = React.useState(),
           startTime = _useState[0],
@@ -51718,24 +51163,6 @@
         size: componentSize
       }, props));
     });
-    TimeRange.defaultProps = {
-      timeFormat: undefined,
-      onRangeChange: null,
-      onStartTimeChange: null,
-      onEndTimeChange: null,
-      errorMessage: null,
-      defaultStartTime: null,
-      defaultEndTime: null,
-      disableRangeValidation: false,
-      labelProps: Object.assign(Object.assign({}, FieldLabelDefaultProps), {
-        labelText: DEFAULT_LABEL
-      }),
-      minTime: null,
-      maxTime: null,
-      interval: undefined,
-      startAriaLabel: undefined,
-      endAriaLabel: undefined
-    };
 
     var TOAST_SHOW_DURATION = 5000; // in ms
 
@@ -51764,15 +51191,18 @@
       }
     };
     var Toast = function Toast(_a) {
-      var triggered = _a.triggered,
+      var _a$triggered = _a.triggered,
+          triggered = _a$triggered === void 0 ? false : _a$triggered,
+          _a$isCloseable = _a.isCloseable,
+          isCloseable = _a$isCloseable === void 0 ? false : _a$isCloseable,
+          _a$showDuration = _a.showDuration,
+          showDuration = _a$showDuration === void 0 ? TOAST_SHOW_DURATION : _a$showDuration,
           onHide = _a.onHide,
           onShow = _a.onShow,
-          isCloseable = _a.isCloseable,
           children = _a.children,
-          showDuration = _a.showDuration,
           onHidden = _a.onHidden,
           zIndex = _a.zIndex,
-          props = __rest(_a, ["triggered", "onHide", "onShow", "isCloseable", "children", "showDuration", "onHidden", "zIndex"]);
+          props = __rest(_a, ["triggered", "isCloseable", "showDuration", "onHide", "onShow", "children", "onHidden", "zIndex"]);
 
       var _useState = React.useState(triggered),
           visible = _useState[0],
@@ -51865,20 +51295,22 @@
         controlled: true
       }, props), children)));
     };
-    Toast.defaultProps = {
-      triggered: false,
-      isCloseable: false,
-      showDuration: TOAST_SHOW_DURATION,
-      onShow: function onShow() {},
-      onHide: function onHide() {},
-      onHidden: function onHidden() {}
-    };
 
     var ToastContainer = function ToastContainer(_a) {
       var gap = _a.gap,
-          maxVisibleToasts = _a.maxVisibleToasts,
-          toastOptions = _a.toastOptions,
-          props = __rest(_a, ["gap", "maxVisibleToasts", "toastOptions"]);
+          _a$position = _a.position,
+          position = _a$position === void 0 ? "bottom-center" : _a$position,
+          _a$reverseOrder = _a.reverseOrder,
+          reverseOrder = _a$reverseOrder === void 0 ? false : _a$reverseOrder,
+          _a$containerClassName = _a.containerClassName,
+          containerClassName = _a$containerClassName === void 0 ? "nds-toast-container" : _a$containerClassName,
+          _a$toastOptions = _a.toastOptions,
+          toastOptions = _a$toastOptions === void 0 ? {
+        duration: TOAST_SHOW_DURATION
+      } : _a$toastOptions,
+          _a$maxVisibleToasts = _a.maxVisibleToasts,
+          maxVisibleToasts = _a$maxVisibleToasts === void 0 ? 8 : _a$maxVisibleToasts,
+          props = __rest(_a, ["gap", "position", "reverseOrder", "containerClassName", "toastOptions", "maxVisibleToasts"]);
 
       var theme = styled.useTheme();
 
@@ -51898,20 +51330,13 @@
         gutter: gap || numberFromDimension(theme.space.x1),
         toastOptions: {
           custom: Object.assign({}, toastOptions)
-        }
+        },
+        position: position,
+        reverseOrder: reverseOrder,
+        containerClassName: containerClassName
       }, props));
     };
 
-    ToastContainer.defaultProps = {
-      position: "bottom-center",
-      reverseOrder: false,
-      containerClassName: "nds-toast-container",
-      toastOptions: {
-        duration: TOAST_SHOW_DURATION
-      },
-      maxVisibleToasts: 8
-    };
-
     var CustomToast = function CustomToast(_a) {
       var isVisible = _a.isVisible,
           id = _a.id,
@@ -52024,7 +51449,7 @@
       scale: 1.08
     };
 
-    var Switch = function Switch(_ref) {
+    function Switch(_ref) {
       var children = _ref.children,
           disabled = _ref.disabled,
           toggled = _ref.toggled,
@@ -52042,7 +51467,7 @@
         whileFocus: "active",
         onClick: onClick
       }, children);
-    };
+    }
 
     var Slider = function Slider(_ref2) {
       var disabled = _ref2.disabled,
@@ -52121,10 +51546,6 @@
         disabled: disabled
       }));
     });
-    ToggleButton.defaultProps = {
-      defaultToggled: undefined,
-      disabled: false
-    };
 
     var labelTextStyles = function labelTextStyles(theme) {
       return {
@@ -52134,7 +51555,7 @@
       };
     };
 
-    var MaybeToggleTitle = function MaybeToggleTitle(_a) {
+    function MaybeToggleTitle(_a) {
       var labelText = _a.labelText,
           requirementText = _a.requirementText,
           helpText = _a.helpText,
@@ -52147,7 +51568,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("span", {
         style: labelTextStyles(themeContext)
       }, labelText), requirementText && /*#__PURE__*/React__default["default"].createElement(RequirementText, null, requirementText), helpText && /*#__PURE__*/React__default["default"].createElement(HelpText, null, helpText)), children) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children);
-    };
+    }
 
     var BaseToggle = function BaseToggle(_a) {
       var disabled = _a.disabled,
@@ -52209,22 +51630,6 @@
       }, toggled ? onText : offText))));
     };
 
-    BaseToggle.defaultProps = {
-      onChange: function onChange() {},
-      toggled: undefined,
-      disabled: false,
-      onText: undefined,
-      offText: undefined,
-      id: undefined,
-      className: undefined,
-      required: false,
-      helpText: undefined,
-      labelText: undefined,
-      requirementText: undefined,
-      error: false,
-      onClick: function onClick() {}
-    };
-
     var StatefulToggle = function StatefulToggle(_a) {
       var defaultToggled = _a.defaultToggled,
           onClick = _a.onClick,
@@ -52247,15 +51652,6 @@
       }, props));
     };
 
-    StatefulToggle.propTypes = {
-      defaultToggled: PropTypes__default["default"].bool,
-      onClick: PropTypes__default["default"].func
-    };
-    StatefulToggle.defaultProps = {
-      defaultToggled: undefined,
-      onClick: function onClick() {}
-    };
-
     var Toggle = function Toggle(_a) {
       var toggled = _a.toggled,
           props = __rest(_a, ["toggled"]);
@@ -52272,22 +51668,15 @@
     });
 
     var MaybeTooltip = function MaybeTooltip(_a) {
-      var children = _a.children,
-          showTooltip = _a.showTooltip,
+      var _a$children = _a.children,
+          children = _a$children === void 0 ? "" : _a$children,
+          _a$showTooltip = _a.showTooltip,
+          showTooltip = _a$showTooltip === void 0 ? true : _a$showTooltip,
           props = __rest(_a, ["children", "showTooltip"]);
 
       return showTooltip ? /*#__PURE__*/React__default["default"].createElement(Tooltip, Object.assign({}, props), children) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children);
     };
 
-    MaybeTooltip.propTypes = {
-      children: PropTypes__default["default"].node,
-      showTooltip: PropTypes__default["default"].bool
-    };
-    MaybeTooltip.defaultProps = {
-      children: "",
-      showTooltip: true
-    };
-
     var TruncatedTextFillWidth = function TruncatedTextFillWidth(_a) {
       var element = _a.element,
           showTooltip = _a.showTooltip,
@@ -52354,32 +51743,34 @@
     };
 
     var TruncatedText = function TruncatedText(_a) {
-      var fullWidth = _a.fullWidth,
+      var _a$indicator = _a.indicator,
+          indicator = _a$indicator === void 0 ? "..." : _a$indicator,
+          _a$element = _a.element,
+          element = _a$element === void 0 ? /*#__PURE__*/React__default["default"].createElement(Text, null) : _a$element,
+          _a$maxCharacters = _a.maxCharacters,
+          maxCharacters = _a$maxCharacters === void 0 ? 20 : _a$maxCharacters,
+          _a$fullWidth = _a.fullWidth,
+          fullWidth = _a$fullWidth === void 0 ? false : _a$fullWidth,
+          _a$showTooltip = _a.showTooltip,
+          showTooltip = _a$showTooltip === void 0 ? true : _a$showTooltip,
+          _a$dataTestid = _a["data-testid"],
+          dataTestId = _a$dataTestid === void 0 ? "truncated-text" : _a$dataTestid,
           children = _a.children,
-          props = __rest(_a, ["fullWidth", "children"]);
-
-      return fullWidth ? /*#__PURE__*/React__default["default"].createElement(TruncatedTextFillWidth, Object.assign({}, props), children) : /*#__PURE__*/React__default["default"].createElement(TruncatedTextMaxCharacters, Object.assign({}, props), children);
-    };
-
-    TruncatedText.propTypes = {
-      children: PropTypes__default["default"].node,
-      indicator: PropTypes__default["default"].string,
-      element: PropTypes__default["default"].node,
-      maxCharacters: PropTypes__default["default"].number,
-      showTooltip: PropTypes__default["default"].bool,
-      fullWidth: PropTypes__default["default"].bool,
-      "data-testid": PropTypes__default["default"].string,
-      tooltipProps: PropTypes__default["default"].shape({})
-    };
-    TruncatedText.defaultProps = {
-      children: undefined,
-      indicator: "...",
-      element: /*#__PURE__*/React__default["default"].createElement(Text, null),
-      maxCharacters: 20,
-      fullWidth: false,
-      showTooltip: true,
-      "data-testid": "truncated-text",
-      tooltipProps: undefined
+          props = __rest(_a, ["indicator", "element", "maxCharacters", "fullWidth", "showTooltip", "data-testid", "children"]);
+
+      return fullWidth ? /*#__PURE__*/React__default["default"].createElement(TruncatedTextFillWidth, Object.assign({
+        indicator: indicator,
+        element: element,
+        maxCharacters: maxCharacters,
+        showTooltip: showTooltip,
+        "data-testid": dataTestId
+      }, props), children) : /*#__PURE__*/React__default["default"].createElement(TruncatedTextMaxCharacters, Object.assign({
+        indicator: indicator,
+        element: element,
+        maxCharacters: maxCharacters,
+        showTooltip: showTooltip,
+        "data-testid": dataTestId
+      }, props), children);
     };
 
     exports.ALL_NDS_LOCALES = ALL_NDS_LOCALES;