@nulogy/components 10.2.10 → 10.2.11

package/dist/main.module.js

@@ -19,9 +19,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/taggedTemplateLiteral';
 import PropTypes from 'prop-types';
-import _objectWithoutPropertiesLoose$2 from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
-import _inheritsLoose$2 from '@babel/runtime/helpers/inheritsLoose';
 import _assertThisInitialized$2 from '@babel/runtime/helpers/assertThisInitialized';
+import _inheritsLoose$2 from '@babel/runtime/helpers/inheritsLoose';
+import _objectWithoutPropertiesLoose$2 from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
 import deepEqual from 'deep-equal';
 import createContext$1 from '@hypnosphi/create-react-context';
 import warning$1 from 'warning';
@@ -8311,210 +8311,6 @@ var AnimatedBox = styled(motion.div).withConfig({
   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.createElement("svg", Object.assign({
     viewBox: "0 0 24px 24px",
@@ -8612,20 +8408,24 @@ var getPathElements = function getPathElements(icon) {
 
 
 var Svg$1 = /*#__PURE__*/React__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 = useTheme(),
-      space = _useTheme.space;
+  var theme = useTheme();
 
   if (icon === "loading") {
     return /*#__PURE__*/React__default.createElement(LoadingIcon, Object.assign({
-      color: Theme.colors[fillColor] ? Theme.colors[fillColor] : fillColor,
+      color: theme.colors[fillColor] ? theme.colors[fillColor] : fillColor,
       className: className
     }, props));
   }
@@ -8633,36 +8433,27 @@ var Svg$1 = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   return icons[icon] && /*#__PURE__*/React__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[icon].viewBox,
     focusable: focusable,
     className: className + " nds-icon--" + icon
   }, props), getPathElements(icons[icon]));
 });
-Svg$1.displayName = "Svg";
-Svg$1.defaultProps = {
-  color: "currentColor",
-  className: undefined,
-  title: undefined,
-  size: "24px",
-  focusable: false
-};
 var Icon = styled(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(Svg$1).withConfig({
   displayName: "Icon__CenteredIcon",
@@ -8681,11 +8472,11 @@ var IconContainer = styled.span.withConfig({
   height: "1em",
   width: iconSizeRatio + "em"
 });
-var InlineIcon = function InlineIcon(props) {
+function InlineIcon(props) {
   return /*#__PURE__*/React__default.createElement(IconContainer, Object.assign({}, props), /*#__PURE__*/React__default.createElement(CenteredIcon, Object.assign({
     size: iconSizeRatio + "em"
   }, props)));
-};
+}
 
 var Flex = styled(Box).withConfig({
   displayName: "Flex",
@@ -8711,9 +8502,11 @@ var Text = styled.p.withConfig({
   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,
@@ -8726,10 +8519,6 @@ var Text = styled.p.withConfig({
     display: inline ? "inline" : undefined
   };
 }, addStyledProps);
-Text.defaultProps = {
-  inline: false,
-  disabled: false
-};
 
 var Heading1 = styled(Text).attrs(function () {
   return {
@@ -10194,17 +9983,17 @@ var StyledLink = styled.a.withConfig({
 }), addStyledProps);
 var Link = /*#__PURE__*/React__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.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,
@@ -17214,13 +17003,6 @@ var Fieldset = styled.fieldset.withConfig({
   width: "100%"
 }, space);
 
-var FormSectionTitle = styled(Heading3).attrs({
-  as: "legend"
-}).withConfig({
-  displayName: "FormSection__FormSectionTitle",
-  componentId: "sc-v5comv-0"
-})({});
-
 var BaseFormSection = function BaseFormSection(_a) {
   var title = _a.title,
       children = _a.children,
@@ -17229,6 +17011,12 @@ var BaseFormSection = function BaseFormSection(_a) {
   return /*#__PURE__*/React__default.createElement("fieldset", Object.assign({}, props), title != null && /*#__PURE__*/React__default.createElement(FormSectionTitle, null, title), children);
 };
 
+var FormSectionTitle = styled(Heading3).attrs({
+  as: "legend"
+}).withConfig({
+  displayName: "FormSection__FormSectionTitle",
+  componentId: "sc-v5comv-0"
+})({});
 var FormSection = styled(BaseFormSection).withConfig({
   displayName: "FormSection",
   componentId: "sc-v5comv-1"
@@ -17252,10 +17040,6 @@ var FormSection = styled(BaseFormSection).withConfig({
     }
   }, _ref2;
 });
-BaseFormSection.defaultProps = {
-  children: [],
-  title: undefined
-};
 
 var FormStyles = function FormStyles(_ref) {
   var _ref2;
@@ -17319,14 +17103,14 @@ var RequirementText = function RequirementText(props) {
 var Label = styled.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.span.withConfig({
   displayName: "LabelText",
@@ -17340,13 +17124,6 @@ var LabelText$1 = styled.span.withConfig({
   };
 });
 
-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
@@ -20307,6 +20084,210 @@ function Reference$2(props) {
   });
 }
 
+/**
+ * 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.label.withConfig({
   displayName: "ClickInputLabel",
   componentId: "sc-zdnqd7-0"
@@ -20352,7 +20333,7 @@ var generateId = function generateId() {
   return prefix + randomId;
 };
 
-var WindowDimensions = /*#__PURE__*/function (_React$Component) {
+/*#__PURE__*/(function (_React$Component) {
   _inheritsLoose$2(WindowDimensions, _React$Component);
 
   function WindowDimensions(props) {
@@ -20397,11 +20378,7 @@ var WindowDimensions = /*#__PURE__*/function (_React$Component) {
   };
 
   return WindowDimensions;
-}(React__default.Component);
-
-WindowDimensions.propTypes = {
-  children: PropTypes.func.isRequired
-};
+})(React__default.Component);
 
 var DetectOutsideClick = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose$2(DetectOutsideClick, _React$Component);
@@ -20457,16 +20434,6 @@ var DetectOutsideClick = /*#__PURE__*/function (_React$Component) {
   return DetectOutsideClick;
 }(React__default.Component);
 
-DetectOutsideClick.propTypes = {
-  onClick: PropTypes.func.isRequired,
-  clickRef: PropTypes.oneOfType([PropTypes.shape({}), PropTypes.arrayOf(PropTypes.shape({}))]),
-  children: PropTypes.node
-};
-DetectOutsideClick.defaultProps = {
-  clickRef: null,
-  children: undefined
-};
-
 var getThemeColor$1 = function getThemeColor(color) {
   return Theme.colors[color] ? Theme.colors[color] : color;
 };
@@ -20676,7 +20643,7 @@ var ScrollIndicatorBottom = function ScrollIndicatorBottom() {
 /* eslint-disable react/destructuring-assignment */
 
 
-var ScrollIndicators = /*#__PURE__*/function (_React$Component) {
+/*#__PURE__*/(function (_React$Component) {
   _inheritsLoose$2(ScrollIndicators, _React$Component);
 
   function ScrollIndicators() {
@@ -20728,13 +20695,7 @@ var ScrollIndicators = /*#__PURE__*/function (_React$Component) {
   };
 
   return ScrollIndicators;
-}(React__default.Component);
-/* eslint-enable react/destructuring-assignment */
-
-
-ScrollIndicators.propTypes = {
-  children: PropTypes.element.isRequired
-};
+})(React__default.Component);
 
 var keyCodes = Object.freeze({
   TAB: 9,
@@ -21101,15 +21062,6 @@ var PreventBodyElementScrolling = /*#__PURE__*/function (_React$Component) {
   return PreventBodyElementScrolling;
 }(React__default.Component);
 
-PreventBodyElementScrolling.propTypes = {
-  children: PropTypes.node,
-  scrollableRef: PropTypes.oneOfType([PropTypes.shape({}), PropTypes.arrayOf(PropTypes.shape({}))])
-};
-PreventBodyElementScrolling.defaultProps = {
-  children: null,
-  scrollableRef: null
-};
-
 var convertPxToNumber = function convertPxToNumber(px) {
   return parseFloat(px);
 };
@@ -21186,21 +21138,28 @@ var wrapInFunction = function wrapInFunction(x) {
 };
 
 var Popper$2 = /*#__PURE__*/React__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.
@@ -21355,21 +21314,6 @@ var Popper$2 = /*#__PURE__*/React__default.forwardRef(function (_ref, popperRef)
     }))])));
   }));
 });
-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 {
@@ -21433,14 +21377,19 @@ var TooltipContainer = styled(Box).withConfig({
 });
 
 var Tooltip = /*#__PURE__*/React__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.createElement(Popper$2, {
     ref: ref,
     popperPlacement: placement,
@@ -21455,14 +21404,6 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     role: "tooltip"
   }, tooltip));
 });
-Tooltip.defaultProps = {
-  showDelay: "100",
-  hideDelay: "350",
-  defaultOpen: false,
-  className: undefined,
-  placement: "bottom",
-  maxWidth: "24em"
-};
 
 function FramedIcon(_a) {
   var isTooltipOpenByDefault = _a.isTooltipOpenByDefault,
@@ -21491,7 +21432,7 @@ function FramedIcon(_a) {
   }, iconProps)));
 }
 
-var FieldLabel = function FieldLabel(_a) {
+function FieldLabel(_a) {
   var labelText = _a.labelText,
       requirementText = _a.requirementText,
       helpText = _a.helpText,
@@ -21522,9 +21463,7 @@ var FieldLabel = function FieldLabel(_a) {
   }))), helpText && /*#__PURE__*/React__default.createElement(HelpText, {
     "data-testid": "help-text"
   }, helpText)), children);
-};
-
-FieldLabel.defaultProps = FieldLabelDefaultProps;
+}
 
 var MaybeFieldLabel = function MaybeFieldLabel(_a) {
   var labelText = _a.labelText,
@@ -21539,16 +21478,16 @@ var MaybeFieldLabel = function MaybeFieldLabel(_a) {
 var ListItem = styled.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.ul.withConfig({
   displayName: "List",
@@ -21556,25 +21495,23 @@ var List = styled.ul.withConfig({
 })(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) {
@@ -21604,8 +21541,7 @@ var Wrapper = styled.div.withConfig({
     marginBottom: 0
   }, _ref2;
 });
-
-var InlineValidation = function InlineValidation(_a) {
+function InlineValidation(_a) {
   var className = _a.className,
       errorMessage = _a.errorMessage,
       errorList = _a.errorList,
@@ -21619,14 +21555,7 @@ var InlineValidation = function InlineValidation(_a) {
     icon: "error",
     mr: "x1"
   }), /*#__PURE__*/React__default.createElement(Wrapper, null, errorMessage && /*#__PURE__*/React__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,
@@ -21971,7 +21900,6 @@ var omitSubset = function omitSubset(o, propObj) {
     return a;
   }, {});
 };
-
 var pick = function pick(o) {
   var objectProps = Object.keys(o);
 
@@ -22418,22 +22346,6 @@ var StatelessNavBarDropdownMenu$1 = /*#__PURE__*/function (_StatelessNavBarDropd
 // @ts-ignore
 
 
-StatelessNavBarDropdownMenu$1.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-  trigger: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-  menuState: PropTypes.shape({
-    isOpen: PropTypes.bool,
-    openMenu: PropTypes.func,
-    closeMenu: PropTypes.func,
-    toggleMenu: PropTypes.func
-  }).isRequired,
-  showArrow: PropTypes.bool,
-  placement: PropTypes.oneOf(["bottom-start", "right-start", "left-start"]),
-  modifiers: PropTypes.shape({}),
-  triggerTogglesMenuState: PropTypes.bool,
-  dropdownMenuContainerEventHandlers: PropTypes.func
-}; // @ts-ignore
-
 StatelessNavBarDropdownMenu$1.defaultProps = {
   showArrow: true,
   placement: "bottom-start",
@@ -25112,10 +25024,13 @@ var DropdownButton = styled.button.withConfig({
   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,
@@ -25164,11 +25079,6 @@ var DropdownButton = styled.button.withConfig({
     }
   }
 }), addStyledProps);
-DropdownButton.defaultProps = {
-  disabled: false,
-  hoverColor: "darkBlue",
-  bgHoverColor: "lightBlue"
-};
 
 var DropdownLink = styled.a.withConfig({
   shouldForwardProp: function shouldForwardProp(prop, defaultValidatorFn) {
@@ -25178,9 +25088,12 @@ var DropdownLink = styled.a.withConfig({
   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,
@@ -25232,21 +25145,18 @@ var DropdownLink = styled.a.withConfig({
     }
   }
 }), addStyledProps);
-DropdownLink.defaultProps = {
-  disabled: false,
-  color: "darkGrey",
-  hoverColor: "darkBlue",
-  bgHoverColor: "lightBlue"
-};
 
 var DropdownItem = styled.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],
@@ -25278,11 +25188,6 @@ var DropdownItem = styled.div.withConfig({
     }
   };
 });
-DropdownItem.defaultProps = {
-  color: "darkGrey",
-  hoverColor: "darkBlue",
-  bgHoverColor: "lightBlue"
-};
 
 var DropdownText = styled(Text).withConfig({
   displayName: "DropdownText",
@@ -25895,7 +25800,8 @@ var BrandingText = styled.span.withConfig({
   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),
@@ -25914,9 +25820,6 @@ var BrandingText = styled.span.withConfig({
     }
   };
 });
-BrandingText.defaultProps = {
-  logoColor: "blue"
-};
 
 var sizes$1 = {
   small: {
@@ -25937,7 +25840,7 @@ var getSize$1 = function getSize(size) {
   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"]);
@@ -25952,12 +25855,7 @@ var LettermarkLogo = function LettermarkLogo(_a) {
     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: {
@@ -25978,7 +25876,7 @@ var getSize = function getSize(size) {
   return sizes[size] || sizes.medium;
 };
 
-var WordmarkLogo = function WordmarkLogo(_a) {
+function WordmarkLogo(_a) {
   var size = _a.size,
       logoFill = _a.logoFill,
       letterFill = _a.letterFill,
@@ -26010,13 +25908,7 @@ var WordmarkLogo = function WordmarkLogo(_a) {
   }), /*#__PURE__*/React__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: {
@@ -26179,7 +26071,7 @@ var Prefix = function Prefix(_a) {
   }, /*#__PURE__*/React__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"]);
@@ -26190,13 +26082,7 @@ var Suffix = function Suffix(_a) {
     pb: "x1",
     pl: "x1"
   }, /*#__PURE__*/React__default.createElement(Text, Object.assign({}, props), suffix)) : null;
-};
-
-Suffix.defaultProps = {
-  suffix: null,
-  children: null,
-  suffixWidth: null
-};
+}
 
 var InputField = /*#__PURE__*/forwardRef(function (_a, ref) {
   var icon = _a.icon,
@@ -26459,10 +26345,6 @@ var NavBarSearch = styled(BaseNavBarSearch).withConfig({
     }
   }
 });
-BaseNavBarSearch.propTypes = {
-  name: PropTypes.string,
-  onSubmit: PropTypes.func
-};
 BaseNavBarSearch.defaultProps = {
   name: "global-search",
   onSubmit: function onSubmit() {}
@@ -26701,7 +26583,7 @@ var BaseMobileMenu$1 = function BaseMobileMenu(_a) {
   return /*#__PURE__*/React__default.createElement(Nav$2, Object.assign({
     backgroundColor: themeColorObject && themeColorObject.background
   }, props), /*#__PURE__*/React__default.createElement(BrandingWrap$1, null, /*#__PURE__*/React__default.createElement(BrandingText, {
-    logoColor: themeColorObject && themeColorObject.logoColor
+    logoColor: themeColorObject === null || themeColorObject === void 0 ? void 0 : themeColorObject.logoColor
   })), /*#__PURE__*/React__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.createElement(Flex, {
     textAlign: "center",
     borderTop: borderStyle,
@@ -27067,8 +26949,10 @@ var insertSeparators = function insertSeparators(items) {
 
 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.Children.map(children, function (child, index) {
@@ -27078,11 +26962,9 @@ var Breadcrumbs = function Breadcrumbs(_a) {
       key: "child-" + index
     }, child);
   }).filter(Boolean);
-  return /*#__PURE__*/React__default.createElement(Flex, Object.assign({}, props), /*#__PURE__*/React__default.createElement(BreadcrumbsList, null, insertSeparators(allItems)));
-};
-
-Breadcrumbs.defaultProps = {
-  as: "nav"
+  return /*#__PURE__*/React__default.createElement(Flex, Object.assign({
+    as: as
+  }, props), /*#__PURE__*/React__default.createElement(BreadcrumbsList, null, insertSeparators(allItems)));
 };
 
 var alignments = {
@@ -27123,7 +27005,8 @@ var ButtonGroup = styled(Flex).withConfig({
   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",
@@ -27134,47 +27017,44 @@ var ButtonGroup = styled(Flex).withConfig({
     }
   }, getButtonSpacing(alignment, theme));
 });
-ButtonGroup.defaultProps = {
-  alignment: "left",
-  className: undefined
-};
-
-var Card = styled(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.createElement(Box, Object.assign({}, props), children);
-};
+  return /*#__PURE__*/React__default.createElement(Box, Object.assign({
+    borderRadius: borderRadius,
+    boxShadow: boxShadow,
+    bg: bg,
+    py: py,
+    px: px,
+    position: position
+  }, props), children);
+}
 
-var CardSet = styled(UnstyledCardSet).withConfig({
+var CardSet = styled(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 {
@@ -27312,17 +27192,31 @@ var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
     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.createElement(Fieldset, {
+    className: className,
+    id: id,
+    hasHelpText: !!helpText
+  }, /*#__PURE__*/React__default.createElement(Legend, null, /*#__PURE__*/React__default.createElement(LabelText, null, labelText), requirementText && /*#__PURE__*/React__default.createElement(RequirementText, null, requirementText)), helpText && /*#__PURE__*/React__default.createElement(HelpText, null, helpText), getCheckboxButtons(otherProps), /*#__PURE__*/React__default.createElement(InlineValidation, {
+    mt: "x1",
+    errorMessage: errorMessage,
+    errorList: errorList
+  }));
+}
 
 var getCheckboxButtons = function getCheckboxButtons(props) {
   var checkboxButtons = React__default.Children.map(props.children, function (checkbox) {
@@ -27368,44 +27262,6 @@ var Legend = styled.legend.withConfig({
   };
 });
 
-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.createElement(Fieldset, {
-    className: className,
-    id: id,
-    hasHelpText: !!helpText
-  }, /*#__PURE__*/React__default.createElement(Legend, null, /*#__PURE__*/React__default.createElement(LabelText, null, labelText), requirementText && /*#__PURE__*/React__default.createElement(RequirementText, null, requirementText)), helpText && /*#__PURE__*/React__default.createElement(HelpText, null, helpText), getCheckboxButtons(otherProps), /*#__PURE__*/React__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');
@@ -40715,13 +40571,13 @@ var registerDatePickerLocales = function registerDatePickerLocales() {
 
 var LocaleContext = /*#__PURE__*/React__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,
@@ -40753,11 +40609,7 @@ var DatePickerHeader = function DatePickerHeader(_ref) {
     onClick: increaseMonth,
     disabled: nextMonthButtonDisabled
   }));
-};
-
-DatePickerHeader.defaultProps = {
-  locale: undefined
-};
+}
 
 var DatePickerInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onChange = _ref.onChange,
@@ -41071,14 +40923,24 @@ var DatePicker = /*#__PURE__*/forwardRef(function (_a, datePickerRef) {
   }));
 });
 
+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);
@@ -41106,15 +40968,6 @@ var RangeContainer = function RangeContainer(_a) {
   }));
 };
 
-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";
@@ -42324,8 +42177,9 @@ function Sidebar(_a) {
   })));
 }
 
-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 = useTheme(),
       colors = _useTheme.colors;
@@ -42452,11 +42306,7 @@ var LoadingAnimation = function LoadingAnimation(_ref) {
       repeatCount: "indefinite"
     }))))
   );
-};
-
-LoadingAnimation.defaultProps = {
-  inactive: false
-};
+}
 
 function unwrapExports (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -44358,22 +44208,27 @@ var StyledReactModal = styled(ReactModal).withConfig({
 });
 
 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;
@@ -44420,26 +44275,6 @@ var Modal = function Modal(_ref4) {
   }, children), footerContent && /*#__PURE__*/React__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 */
@@ -44582,21 +44417,6 @@ var StatelessNavBarDropdownMenu = /*#__PURE__*/function (_React$Component) {
 /* eslint-enable react/destructuring-assignment */
 
 
-StatelessNavBarDropdownMenu.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-  trigger: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-  menuState: PropTypes.shape({
-    isOpen: PropTypes.bool,
-    openMenu: PropTypes.func,
-    closeMenu: PropTypes.func,
-    toggleMenu: PropTypes.func
-  }).isRequired,
-  showArrow: PropTypes.bool,
-  placement: PropTypes.oneOf(["bottom-start", "right-start"]),
-  modifiers: PropTypes.shape({}),
-  triggerTogglesMenuState: PropTypes.bool,
-  dropdownMenuContainerEventHandlers: PropTypes.func
-};
 StatelessNavBarDropdownMenu.defaultProps = {
   showArrow: true,
   placement: "bottom-start",
@@ -44605,10 +44425,6 @@ StatelessNavBarDropdownMenu.defaultProps = {
   dropdownMenuContainerEventHandlers: function dropdownMenuContainerEventHandlers() {}
 };
 var NavBarDropdownMenu = withMenuState(StatelessNavBarDropdownMenu);
-NavBarDropdownMenu.propTypes = {
-  showDelay: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  hideDelay: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
 NavBarDropdownMenu.defaultProps = {
   showDelay: "0",
   hideDelay: "100"
@@ -44783,10 +44599,6 @@ var SubMenuTriggerButton = /*#__PURE__*/React__default.forwardRef(function (_a,
     p: "2px"
   })));
 });
-SubMenuTriggerButton.propTypes = {
-  name: PropTypes.string.isRequired,
-  isOpen: PropTypes.bool
-};
 SubMenuTriggerButton.defaultProps = {
   isOpen: false
 };
@@ -44831,11 +44643,6 @@ var SubMenuTrigger = function SubMenuTrigger(props) {
   }, renderSubMenuItems(menuData, onItemClick, SubMenuTrigger)));
 };
 
-SubMenuTrigger.propTypes = {
-  name: PropTypes.string.isRequired,
-  menuData: PropTypes.arrayOf(PropTypes.shape({})),
-  onItemClick: PropTypes.func
-};
 SubMenuTrigger.defaultProps = {
   menuData: null,
   onItemClick: null
@@ -44844,15 +44651,20 @@ SubMenuTrigger.defaultProps = {
 var StyledButton = styled.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",
@@ -44863,8 +44675,8 @@ var StyledButton = styled.button.withConfig({
     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": {
@@ -44875,16 +44687,7 @@ var StyledButton = styled.button.withConfig({
     }
   };
 });
-StyledButton.propTypes = {
-  color: PropTypes.string,
-  hoverColor: PropTypes.string,
-  hoverBackground: PropTypes.string
-};
-StyledButton.defaultProps = {
-  color: Theme.colors.white,
-  hoverColor: Theme.colors.lightBlue,
-  hoverBackground: Theme.colors.black
-};
+StyledButton.defaultProps = {};
 var MenuTriggerButton = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var name = _a.name,
       color = _a.color,
@@ -44909,27 +44712,20 @@ var MenuTriggerButton = /*#__PURE__*/React__default.forwardRef(function (_a, ref
     p: "2px"
   }));
 });
-MenuTriggerButton.propTypes = {
-  name: PropTypes.string.isRequired,
-  color: PropTypes.string,
-  hoverColor: PropTypes.string,
-  hoverBackground: PropTypes.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 = useTheme();
+  color = color || theme.colors.white;
+  hoverColor = hoverColor || theme.colors.lightBlue;
+  hoverBackground = hoverBackground || theme.colors.black;
   var dropdownMinWidth = "auto";
 
   var setDropdownMinWidth = function setDropdownMinWidth(popperData) {
@@ -44963,8 +44759,8 @@ var MenuTrigger = function MenuTrigger(props) {
         "aria-label": ariaLabel
       });
     }
-  }), function (_ref2) {
-    var closeMenu = _ref2.closeMenu;
+  }), function (_ref) {
+    var closeMenu = _ref.closeMenu;
     return /*#__PURE__*/React__default.createElement("ul", {
       style: {
         listStyle: "none",
@@ -44977,23 +44773,7 @@ var MenuTrigger = function MenuTrigger(props) {
       e.stopPropagation();
     }, SubMenuTrigger));
   });
-};
-
-MenuTrigger.propTypes = {
-  name: PropTypes.node.isRequired,
-  "aria-label": PropTypes.string,
-  menuData: PropTypes.arrayOf(PropTypes.shape({})),
-  color: PropTypes.string,
-  hoverColor: PropTypes.string,
-  hoverBackground: PropTypes.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 {
@@ -45037,11 +44817,6 @@ var ApplyMenuLinkStyles$1 = styled.div.withConfig({
     })
   };
 });
-ApplyMenuLinkStyles$1.propTypes = {
-  color: PropTypes.string,
-  hoverColor: PropTypes.string,
-  hoverBackground: PropTypes.string
-};
 ApplyMenuLinkStyles$1.defaultProps = {
   color: Theme.colors.white,
   hoverColor: Theme.colors.lightBlue,
@@ -45142,14 +44917,6 @@ var BaseDesktopMenu = function BaseDesktopMenu(_a) {
   }));
 };
 
-BaseDesktopMenu.propTypes = {
-  menuData: PropTypes.arrayOf(PropTypes.shape({})),
-  themeColorObject: PropTypes.shape({})
-};
-BaseDesktopMenu.defaultProps = {
-  menuData: null,
-  themeColorObject: null
-};
 var DesktopMenu = styled(BaseDesktopMenu).withConfig({
   displayName: "DesktopMenu",
   componentId: "sc-1mpxh2o-4"
@@ -45161,37 +44928,6 @@ var DesktopMenu = styled(BaseDesktopMenu).withConfig({
   }
 });
 
-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.checkPropTypes({
-    name: PropTypes.node.isRequired,
-    ariaLabel: PropTypes.string,
-    href: PropTypes.string,
-    items: PropTypes.arrayOf(isValidMenuItem),
-    render: PropTypes.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.div.withConfig({
   displayName: "MobileMenu__BrandingWrap",
   componentId: "sc-vqy2lk-0"
@@ -45255,12 +44991,6 @@ var ApplyMenuLinkStyles = styled.li.withConfig({
     })
   };
 });
-ApplyMenuLinkStyles.propTypes = {
-  layer: PropTypes.number,
-  color: PropTypes.string,
-  hoverColor: PropTypes.string,
-  hoverBackground: PropTypes.string
-};
 ApplyMenuLinkStyles.defaultProps = {
   layer: 0,
   color: Theme.colors.white,
@@ -45408,20 +45138,6 @@ var SubMenu = function SubMenu(_ref5) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, getSubMenuHeading(layer, themeColorObject && themeColorObject.textColor, menuItem.name), /*#__PURE__*/React__default.createElement(SubMenuItemsList, null, renderMenuItems(menuItem.items, linkOnClick, themeColorObject, layer + 1)));
 };
 
-var ThemeColorObjectPropTypes = {
-  textColor: PropTypes.string,
-  background: PropTypes.string,
-  logoColor: PropTypes.string
-};
-SubMenu.propTypes = {
-  layer: PropTypes.number.isRequired,
-  menuItem: PropTypes.shape({
-    items: PropTypes.arrayOf(PropTypes.shape({})),
-    name: PropTypes.string.isRequired
-  }).isRequired,
-  linkOnClick: PropTypes.func,
-  themeColorObject: PropTypes.shape(ThemeColorObjectPropTypes)
-};
 SubMenu.defaultProps = {
   linkOnClick: null,
   themeColorObject: undefined
@@ -45469,16 +45185,6 @@ var BaseMobileMenu = function BaseMobileMenu(_a) {
   }, subtext)), /*#__PURE__*/React__default.createElement(Menu, null, menuData.primaryMenu && renderTopLayerMenuItems(menuData.primaryMenu, closeMenu, themeColorObject), menuData.secondaryMenu && renderTopLayerMenuItems(menuData.secondaryMenu, closeMenu, themeColorObject)));
 };
 
-BaseMobileMenu.propTypes = {
-  menuData: PropTypes.shape({
-    primaryMenu: PropTypes.arrayOf(PropTypes.shape({})),
-    secondaryMenu: PropTypes.arrayOf(PropTypes.shape({}))
-  }),
-  subtext: PropTypes.string,
-  includeSubtext: PropTypes.bool,
-  closeMenu: PropTypes.func,
-  themeColorObject: PropTypes.shape(ThemeColorObjectPropTypes)
-};
 BaseMobileMenu.defaultProps = {
   menuData: null,
   subtext: null,
@@ -45572,20 +45278,6 @@ var SmallNavBarNoState = /*#__PURE__*/function (_React$Component) {
   return SmallNavBarNoState;
 }(React__default.Component);
 
-SmallNavBarNoState.propTypes = {
-  menuState: PropTypes.shape({
-    isOpen: PropTypes.bool,
-    toggleMenu: PropTypes.func,
-    closeMenu: PropTypes.func
-  }).isRequired,
-  menuData: PropTypes.shape(MenuDataPropTypes),
-  subtext: PropTypes.string,
-  brandingLinkHref: PropTypes.string,
-  brandingLinkTo: PropTypes.string,
-  breakpointLower: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  width: PropTypes.number,
-  themeColor: PropTypes.oneOf(["blue", "white"])
-};
 SmallNavBarNoState.defaultProps = {
   menuData: null,
   subtext: null,
@@ -45695,20 +45387,6 @@ var MediumNavBar = function MediumNavBar(_a) {
   })))));
 };
 
-var MenuDataPropTypes = {
-  primaryMenu: PropTypes.arrayOf(isValidMenuItem),
-  secondaryMenu: PropTypes.arrayOf(isValidMenuItem),
-  search: PropTypes.shape({
-    onSubmit: PropTypes.func
-  })
-};
-MediumNavBar.propTypes = {
-  subtext: PropTypes.string,
-  brandingLinkHref: PropTypes.string,
-  menuData: PropTypes.shape(MenuDataPropTypes),
-  brandingLinkTo: PropTypes.string,
-  themeColor: PropTypes.oneOf(["blue", "white"])
-};
 MediumNavBar.defaultProps = {
   subtext: null,
   brandingLinkHref: "/",
@@ -45776,9 +45454,6 @@ var MenuIcon = function MenuIcon(_ref4) {
     title: title
   });
 };
-MenuIcon.propTypes = {
-  isOpen: PropTypes.bool
-};
 MenuIcon.defaultProps = {
   isOpen: false
 };
@@ -45811,12 +45486,6 @@ var NavBar = function NavBar(props) {
   }, /*#__PURE__*/React__default.createElement(SelectNavBarBasedOnWidth, Object.assign({}, props)));
 };
 
-NavBar.propTypes = {
-  menuData: PropTypes.shape(MenuDataPropTypes),
-  className: PropTypes.string,
-  breakpointUpper: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  themeColor: PropTypes.oneOf(["blue", "white"])
-};
 NavBar.defaultProps = {
   menuData: null,
   className: undefined,
@@ -48682,9 +48351,13 @@ var Overlay = styled(Flex).withConfig({
   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,
@@ -48693,12 +48366,6 @@ var Overlay = styled(Flex).withConfig({
     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) {
@@ -48750,8 +48417,10 @@ var PageNumber = styled(PaginationButton).withConfig({
 });
 
 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;
 
@@ -48768,17 +48437,6 @@ var PreviousButton = function PreviousButton(_ref) {
   }), " ", label || t("previous"));
 };
 
-PreviousButton.propTypes = {
-  disabled: PropTypes.bool,
-  onClick: PropTypes.func,
-  label: PropTypes.node,
-  ariaLabel: PropTypes.string
-};
-PreviousButton.defaultProps = {
-  disabled: false,
-  onClick: null
-};
-
 var NextButton = function NextButton(_ref) {
   var disabled = _ref.disabled,
       onClick = _ref.onClick,
@@ -48798,17 +48456,6 @@ var NextButton = function NextButton(_ref) {
   }));
 };
 
-NextButton.propTypes = {
-  disabled: PropTypes.bool,
-  onClick: PropTypes.func,
-  label: PropTypes.node,
-  ariaLabel: PropTypes.string
-};
-NextButton.defaultProps = {
-  disabled: false,
-  onClick: null
-};
-
 var SEPARATOR = "...";
 var getPageItemsToDisplay = function getPageItemsToDisplay(totalPages, currentPage) {
   var MAX_PAGES_TO_SHOW = 6;
@@ -48831,11 +48478,11 @@ var getPageItemsToDisplay = function getPageItemsToDisplay(totalPages, currentPa
 };
 
 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,
@@ -48843,7 +48490,7 @@ function Pagination(_a) {
       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;
@@ -48909,29 +48556,6 @@ function Pagination(_a) {
   }));
 }
 
-Pagination.propTypes = {
-  currentPage: PropTypes.number.isRequired,
-  totalPages: PropTypes.number.isRequired,
-  onNext: PropTypes.func,
-  onPrevious: PropTypes.func,
-  onSelectPage: PropTypes.func,
-  nextLabel: PropTypes.node,
-  nextAriaLabel: PropTypes.string,
-  previousLabel: PropTypes.node,
-  previousAriaLabel: PropTypes.string,
-  "aria-label": PropTypes.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: {
@@ -49028,14 +48652,17 @@ var RadioInput = styled.input.withConfig({
   }), _ref2["&:not(:checked) + " + VisualRadio] = Object.assign({}, getRadioStyle(props, "unchecked")), _ref2;
 });
 var Radio = /*#__PURE__*/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);
@@ -49065,48 +48692,8 @@ var Radio = /*#__PURE__*/forwardRef(function (_a, ref) {
     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.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.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,
@@ -49136,19 +48723,37 @@ var RadioGroup = function RadioGroup(_a) {
     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.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.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) {
@@ -49192,44 +48797,10 @@ var SelectInput = function SelectInput(props) {
   }, /*#__PURE__*/React__default.createElement(components$1.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.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,
@@ -49239,8 +48810,6 @@ var ReactSelect = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
       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,
@@ -49249,7 +48818,22 @@ var ReactSelect = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
       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;
@@ -49315,7 +48899,11 @@ var ReactSelect = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
       Input: SelectInput
     }, components),
     "aria-label": ariaLabel,
-    options: options
+    options: options,
+    menuPosition: menuPosition,
+    menuPlacement: menuPlacement,
+    classNamePrefix: classNamePrefix,
+    closeMenuOnSelect: closeMenuOnSelect
   }, props)), /*#__PURE__*/React__default.createElement(InlineValidation, {
     mt: "x1",
     errorMessage: errorMessage,
@@ -49380,11 +48968,6 @@ function extractValue(options, isMulti) {
   }
 }
 
-ReactSelect.defaultProps = Object.assign(Object.assign({}, SelectDefaultProps), {
-  windowThreshold: 300,
-  filterOption: undefined
-});
-
 var stickyStyles = function stickyStyles(theme) {
   return {
     position: "sticky",
@@ -49479,20 +49062,6 @@ function TableHead(_ref4) {
   return /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement(StyledHeaderRow, null, renderColumns(columns)));
 }
 
-var columnPropType = PropTypes.shape({
-  align: PropTypes.oneOf(["right", "left", "center"]),
-  label: PropTypes.string,
-  dataKey: PropTypes.oneOf([PropTypes.string, PropTypes.number]),
-  key: PropTypes.oneOf([PropTypes.string, PropTypes.number]),
-  cellFormatter: PropTypes.func,
-  cellRenderer: PropTypes.func,
-  headerRenderer: PropTypes.func,
-  width: PropTypes.string
-});
-var rowPropType = PropTypes.objectOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.bool, PropTypes.func, PropTypes.node, PropTypes.shape({})]));
-var columnsPropType = PropTypes.arrayOf(columnPropType);
-var rowsPropType = PropTypes.arrayOf(rowPropType);
-
 var StyledTableCell = styled.td.withConfig({
   displayName: "TableCell__StyledTableCell",
   componentId: "sc-q0c72j-0"
@@ -49513,11 +49082,16 @@ var StyledTableCell = styled.td.withConfig({
 });
 
 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);
@@ -49543,14 +49117,6 @@ var TableCell = function TableCell(_ref2) {
   }, cellContent);
 };
 
-TableCell.defaultProps = {
-  column: {},
-  row: {},
-  cellData: "",
-  colSpan: undefined,
-  compact: false
-};
-
 var StyledMessageContainer = styled(Box).withConfig({
   displayName: "TableBody__StyledMessageContainer",
   componentId: "sc-b5sejq-0"
@@ -49646,17 +49212,6 @@ var TableBodyRow = function TableBodyRow(_ref3) {
   }))));
 };
 
-TableBodyRow.propTypes = {
-  row: rowPropType.isRequired,
-  columns: columnsPropType.isRequired,
-  rowHovers: PropTypes.bool.isRequired,
-  compact: PropTypes.bool.isRequired,
-  rowClassName: PropTypes.string
-};
-TableBodyRow.defaultProps = {
-  rowClassName: undefined
-};
-
 var TableMessageContainer = function TableMessageContainer(_ref4) {
   var colSpan = _ref4.colSpan,
       children = _ref4.children;
@@ -49669,11 +49224,6 @@ var TableMessageContainer = function TableMessageContainer(_ref4) {
   }, children)));
 };
 
-TableMessageContainer.propTypes = {
-  colSpan: PropTypes.number.isRequired,
-  children: PropTypes.node.isRequired
-};
-
 var LoadingContent = function LoadingContent(_ref5) {
   var colSpan = _ref5.colSpan;
   return /*#__PURE__*/React__default.createElement(TableMessageContainer, {
@@ -49681,10 +49231,6 @@ var LoadingContent = function LoadingContent(_ref5) {
   }, "Loading...");
 };
 
-LoadingContent.propTypes = {
-  colSpan: PropTypes.number.isRequired
-};
-
 var TableBody = function TableBody(_ref6) {
   var rows = _ref6.rows,
       columns = _ref6.columns,
@@ -49759,35 +49305,18 @@ var TableFooterRow = function TableFooterRow(_ref2) {
   }));
 };
 
-TableFooterRow.propTypes = {
-  row: rowPropType.isRequired,
-  columns: columnsPropType.isRequired,
-  loading: PropTypes.bool.isRequired,
-  compact: PropTypes.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.createElement("tfoot", null, renderRows(rows, columns, keyField, loading, compact));
 }
 
-TableFoot.propTypes = {
-  columns: columnsPropType.isRequired,
-  rows: rowsPropType.isRequired,
-  keyField: PropTypes.string,
-  loading: PropTypes.bool,
-  compact: PropTypes.bool
-};
-TableFoot.defaultProps = {
-  keyField: "id",
-  loading: false,
-  compact: false
-};
-
 var StyledTable = styled.table.withConfig({
   displayName: "BaseTable__StyledTable",
   componentId: "sc-14k7sl6-0"
@@ -49799,26 +49328,29 @@ var StyledTable = styled.table.withConfig({
 });
 
 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.createElement(StyledTable, Object.assign({
     id: id,
@@ -49846,35 +49378,6 @@ function BaseTable(_a) {
   }));
 }
 
-BaseTable.propTypes = Object.assign(Object.assign({}, propTypes.space), {
-  columns: PropTypes.any,
-  rows: PropTypes.any,
-  noRowsContent: PropTypes.string,
-  keyField: PropTypes.string,
-  id: PropTypes.string,
-  loading: PropTypes.bool,
-  footerRows: rowsPropType,
-  rowHovers: PropTypes.bool,
-  compact: PropTypes.bool,
-  className: PropTypes.string,
-  stickyHeader: PropTypes.bool,
-  onRowMouseEnter: PropTypes.func,
-  onRowMouseLeave: PropTypes.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) {
@@ -49916,14 +49419,6 @@ var SelectCell = function SelectCell(_ref) {
   });
 };
 
-SelectCell.propTypes = {
-  row: rowPropType.isRequired,
-  onSelectRow: PropTypes.func
-};
-SelectCell.defaultProps = {
-  onSelectRow: null
-};
-
 var selectCellRenderer = function selectCellRenderer(onSelectRow) {
   return function (props) {
     return /*#__PURE__*/React__default.createElement(SelectCell, Object.assign({
@@ -49987,18 +49482,6 @@ var ExpandCell = function ExpandCell(_ref) {
   }));
 };
 
-ExpandCell.propTypes = {
-  row: rowPropType.isRequired,
-  onRowExpansionChange: PropTypes.func,
-  collapseAriaLabel: PropTypes.string,
-  expandAriaLabel: PropTypes.string
-};
-ExpandCell.defaultProps = {
-  onRowExpansionChange: null,
-  collapseAriaLabel: undefined,
-  expandAriaLabel: undefined
-};
-
 var expandCellRenderer = function expandCellRenderer(onRowExpansionChange) {
   return function (props) {
     return /*#__PURE__*/React__default.createElement(ExpandCell, Object.assign({
@@ -50044,6 +49527,8 @@ var addExpandableControl = function addExpandableControl(props) {
   };
 };
 
+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 = [];
@@ -50286,7 +49771,7 @@ var StatefulTable = /*#__PURE__*/function (_Component) {
         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.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(BaseTable, Object.assign({}, baseTableProps)), rowsPerPage && /*#__PURE__*/React__default.createElement(Pagination, Object.assign({
       pt: "x2",
       currentPage: currentPage,
@@ -50302,7 +49787,18 @@ var StatefulTable = /*#__PURE__*/function (_Component) {
   return StatefulTable;
 }(Component$1);
 
-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,
@@ -50313,14 +49809,16 @@ StatefulTable.defaultProps = Object.assign(Object.assign({}, BaseTable.defaultPr
   /* 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;
@@ -50337,21 +49835,7 @@ var SortingColumnHeader = function SortingColumnHeader(_ref) {
     toggled: active,
     onClick: onChange
   }));
-};
-
-SortingColumnHeader.propTypes = {
-  onChange: PropTypes.func.isRequired,
-  ariaLabel: PropTypes.string,
-  label: PropTypes.string,
-  ascending: PropTypes.bool,
-  active: PropTypes.bool
-};
-SortingColumnHeader.defaultProps = {
-  ariaLabel: null,
-  label: null,
-  ascending: false,
-  active: false
-};
+}
 
 function Table(_a) {
   var hasSelectableRows = _a.hasSelectableRows,
@@ -50515,31 +49999,26 @@ var statusIndicatorStyles = function statusIndicatorStyles(theme) {
 var StatusIndicator = styled.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__*/createContext(undefined);
 function useSummaryContext() {
@@ -50780,12 +50259,6 @@ var Switcher = function Switcher(_a) {
   }));
 };
 
-Switcher.propTypes = {
-  children: PropTypes.arrayOf(PropTypes.element),
-  selected: PropTypes.string,
-  onChange: PropTypes.func
-};
-
 var Switch$1 = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var children = _a.children,
       rest = __rest(_a, ["children"]);
@@ -50839,11 +50312,6 @@ var SwitchButton = styled.button.withConfig({
     }
   });
 });
-Switch$1.propTypes = {
-  children: PropTypes.node,
-  selected: PropTypes.bool,
-  value: PropTypes.string
-};
 
 var barStyles = function barStyles(theme) {
   return {
@@ -50947,9 +50415,6 @@ var Tab = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
     ref: ref
   }, props), label);
 });
-Tab.defaultProps = {
-  label: null
-};
 
 var TabContainer = styled(Box).withConfig({
   displayName: "TabContainer",
@@ -51022,29 +50487,30 @@ var TabScrollIndicatorButton = styled.button.withConfig({
   };
 });
 
-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.createElement(TabScrollIndicatorButton, Object.assign({}, props, {
+    width: width,
     tabIndex: -1,
-    onClick: handleClick,
+    onClick: onClick,
     onMouseDown: preventFocusMovement,
     side: side,
     "aria-label": side === "right" ? rightArrowLabel : leftArrowLabel
@@ -51053,17 +50519,9 @@ var TabScrollIndicator = function TabScrollIndicator(_a) {
   }));
 };
 
-TabScrollIndicator.defaultProps = {
-  onClick: function onClick() {},
-  side: "left",
-  width: 40,
-  ariaLabelLeft: undefined,
-  ariaLabelRight: undefined
-};
-
 var TabScrollIndicatorContainer = styled.div.withConfig({
   displayName: "TabScrollIndicators__TabScrollIndicatorContainer",
-  componentId: "sc-1cljxwo-0"
+  componentId: "sc-hw4ac9-0"
 })(function (_ref) {
   var width = _ref.width,
       theme = _ref.theme;
@@ -51255,16 +50713,6 @@ var TabScrollIndicators = /*#__PURE__*/function (_React$Component) {
   return TabScrollIndicators;
 }(React__default.Component);
 
-TabScrollIndicators.propTypes = {
-  children: PropTypes.func.isRequired,
-  tabRefs: PropTypes.arrayOf(PropTypes.shape({
-    offsetWidth: PropTypes.number
-  })),
-  tabContainerRef: PropTypes.shape({
-    current: PropTypes.object
-  }),
-  indicatorWidth: PropTypes.number
-};
 TabScrollIndicators.defaultProps = {
   tabRefs: undefined,
   tabContainerRef: undefined,
@@ -51503,21 +50951,25 @@ var StyledTextarea = styled.textarea.withConfig({
 });
 
 var Textarea = /*#__PURE__*/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);
@@ -51539,25 +50991,14 @@ var Textarea = /*#__PURE__*/forwardRef(function (_a, ref) {
     error: error,
     rows: rows,
     isResizeable: isResizeable,
-    size: componentSize
+    size: componentSize,
+    disabled: disabled
   }, restProps))), /*#__PURE__*/React__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__*/forwardRef(function (_a, ref) {
@@ -51568,8 +51009,6 @@ var TimeRange = /*#__PURE__*/forwardRef(function (_a, ref) {
       errorMessage = _a.errorMessage,
       defaultStartTime = _a.defaultStartTime,
       defaultEndTime = _a.defaultEndTime,
-      disableRangeValidation = _a.disableRangeValidation,
-      labelProps = _a.labelProps,
       minTime = _a.minTime,
       maxTime = _a.maxTime,
       interval = _a.interval,
@@ -51578,7 +51017,13 @@ var TimeRange = /*#__PURE__*/forwardRef(function (_a, ref) {
       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 = useState(),
       startTime = _useState[0],
@@ -51701,24 +51146,6 @@ var TimeRange = /*#__PURE__*/forwardRef(function (_a, ref) {
     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
 
@@ -51747,15 +51174,18 @@ var toastAnimationConfig = {
   }
 };
 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 = useState(triggered),
       visible = _useState[0],
@@ -51848,20 +51278,22 @@ var Toast = function Toast(_a) {
     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 = useTheme();
 
@@ -51881,20 +51313,13 @@ var ToastContainer = function ToastContainer(_a) {
     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,
@@ -52007,7 +51432,7 @@ var animationConfig = {
   scale: 1.08
 };
 
-var Switch = function Switch(_ref) {
+function Switch(_ref) {
   var children = _ref.children,
       disabled = _ref.disabled,
       toggled = _ref.toggled,
@@ -52025,7 +51450,7 @@ var Switch = function Switch(_ref) {
     whileFocus: "active",
     onClick: onClick
   }, children);
-};
+}
 
 var Slider = function Slider(_ref2) {
   var disabled = _ref2.disabled,
@@ -52104,10 +51529,6 @@ var ToggleButton = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     disabled: disabled
   }));
 });
-ToggleButton.defaultProps = {
-  defaultToggled: undefined,
-  disabled: false
-};
 
 var labelTextStyles = function labelTextStyles(theme) {
   return {
@@ -52117,7 +51538,7 @@ var labelTextStyles = function labelTextStyles(theme) {
   };
 };
 
-var MaybeToggleTitle = function MaybeToggleTitle(_a) {
+function MaybeToggleTitle(_a) {
   var labelText = _a.labelText,
       requirementText = _a.requirementText,
       helpText = _a.helpText,
@@ -52130,7 +51551,7 @@ var MaybeToggleTitle = function MaybeToggleTitle(_a) {
   }, /*#__PURE__*/React__default.createElement("span", {
     style: labelTextStyles(themeContext)
   }, labelText), requirementText && /*#__PURE__*/React__default.createElement(RequirementText, null, requirementText), helpText && /*#__PURE__*/React__default.createElement(HelpText, null, helpText)), children) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
-};
+}
 
 var BaseToggle = function BaseToggle(_a) {
   var disabled = _a.disabled,
@@ -52192,22 +51613,6 @@ var BaseToggle = function BaseToggle(_a) {
   }, 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,
@@ -52230,15 +51635,6 @@ var StatefulToggle = function StatefulToggle(_a) {
   }, props));
 };
 
-StatefulToggle.propTypes = {
-  defaultToggled: PropTypes.bool,
-  onClick: PropTypes.func
-};
-StatefulToggle.defaultProps = {
-  defaultToggled: undefined,
-  onClick: function onClick() {}
-};
-
 var Toggle = function Toggle(_a) {
   var toggled = _a.toggled,
       props = __rest(_a, ["toggled"]);
@@ -52255,22 +51651,15 @@ var ToggleComponent = /*#__PURE__*/React__default.forwardRef(function (props, re
 });
 
 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.createElement(Tooltip, Object.assign({}, props), children) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
 };
 
-MaybeTooltip.propTypes = {
-  children: PropTypes.node,
-  showTooltip: PropTypes.bool
-};
-MaybeTooltip.defaultProps = {
-  children: "",
-  showTooltip: true
-};
-
 var TruncatedTextFillWidth = function TruncatedTextFillWidth(_a) {
   var element = _a.element,
       showTooltip = _a.showTooltip,
@@ -52337,32 +51726,34 @@ var TruncatedTextMaxCharacters = function TruncatedTextMaxCharacters(_a) {
 };
 
 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.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.createElement(TruncatedTextFillWidth, Object.assign({}, props), children) : /*#__PURE__*/React__default.createElement(TruncatedTextMaxCharacters, Object.assign({}, props), children);
-};
-
-TruncatedText.propTypes = {
-  children: PropTypes.node,
-  indicator: PropTypes.string,
-  element: PropTypes.node,
-  maxCharacters: PropTypes.number,
-  showTooltip: PropTypes.bool,
-  fullWidth: PropTypes.bool,
-  "data-testid": PropTypes.string,
-  tooltipProps: PropTypes.shape({})
-};
-TruncatedText.defaultProps = {
-  children: undefined,
-  indicator: "...",
-  element: /*#__PURE__*/React__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.createElement(TruncatedTextFillWidth, Object.assign({
+    indicator: indicator,
+    element: element,
+    maxCharacters: maxCharacters,
+    showTooltip: showTooltip,
+    "data-testid": dataTestId
+  }, props), children) : /*#__PURE__*/React__default.createElement(TruncatedTextMaxCharacters, Object.assign({
+    indicator: indicator,
+    element: element,
+    maxCharacters: maxCharacters,
+    showTooltip: showTooltip,
+    "data-testid": dataTestId
+  }, props), children);
 };
 
 export { ALL_NDS_LOCALES, Alert$1 as Alert, AnimatedBox, ApplicationFrame, AsyncSelect, Banner, Box, BrandLogoContainer, NavBar$1 as BrandedNavBar, Branding, Breadcrumbs, Button, ButtonGroup, Card, CardSet, Checkbox, CheckboxGroup, ControlIcon, DangerButton, DatePicker, DateRange, DesktopMenu$1 as DesktopMenu, Divider$1 as Divider, DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText, EnvironmentBanner, Field, FieldLabel, Fieldset, Flex, Form, FormSection, Header, Heading1, Heading2, Heading3, Heading4, HelpText, Icon, IconicButton, InlineIcon, InlineValidation, Input, Link, List, ListItem, LoadingAnimation, MenuTrigger$1 as MenuTrigger, Modal, NDSProvider, NavBar, NavBarBackground$1 as NavBarBackground, NotificationTypes, Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, ReactSelect as Select, SelectClearIndicator, SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption$1 as SelectOption, Sidebar, SmallNavBar$1 as SmallNavBar, SortingTable, StatusIndicator, StatusIndicatorValues, Summary, SummaryDivider, SummaryItem, Switch$1 as Switch, Switcher, Tab, Table, Tabs, Text, Textarea, TimePicker, TimeRange, Toast, ToastContainer, ToggleComponent as Toggle, Tooltip, TruncatedText, addStyledProps, Theme as theme, toast, useWindowDimensions };