@nulogy/components 8.12.0 → 8.13.1

package/dist/main.js

@@ -8332,11 +8332,11 @@
 
     var Box = styled__default["default"].div.withConfig({
       displayName: "Box",
-      componentId: "xda4ls-0"
+      componentId: "sc-xda4ls-0"
     })(color, space, layout, border, shadow, textAlign, order$1, flexbox, flexGrow, position, background, transform, cursor$1, overflow, transition, visibility, typography);
     var AnimatedBox = styled__default["default"](motion.div).withConfig({
       displayName: "Box__AnimatedBox",
-      componentId: "xda4ls-1"
+      componentId: "sc-xda4ls-1"
     })(color, space, layout, border, shadow, textAlign, order$1, flexbox, flexGrow, position, background, transform, cursor$1, overflow, visibility, typography);
 
     /**
@@ -9767,7 +9767,9 @@
     var Link = styled__default["default"].a.withConfig({
       shouldForwardProp: function shouldForwardProp(prop, defaultValidatorFn) {
         return !["underline", "hover"].includes(prop) && defaultValidatorFn(prop);
-      }
+      },
+      displayName: "Link",
+      componentId: "sc-1fcpbo4-0"
     })(function (_a) {
       var underline = _a.underline,
           as = _a.as,
@@ -10199,7 +10201,7 @@
 
     var Alert$1 = styled__default["default"](Alert).withConfig({
       displayName: "Alert",
-      componentId: "quomwu-0"
+      componentId: "sc-quomwu-0"
     })(styles);
 
     function _objectWithoutPropertiesLoose$1(source, excluded) {
@@ -16979,7 +16981,7 @@
       as: "legend"
     }).withConfig({
       displayName: "FormSection__FormSectionTitle",
-      componentId: "v5comv-0"
+      componentId: "sc-v5comv-0"
     })({});
 
     var BaseFormSection = function BaseFormSection(_a) {
@@ -16992,7 +16994,7 @@
 
     var FormSection = styled__default["default"](BaseFormSection).withConfig({
       displayName: "FormSection",
-      componentId: "v5comv-1"
+      componentId: "sc-v5comv-1"
     })(function (_ref) {
       var _ref2;
 
@@ -17079,7 +17081,7 @@
 
     var Label = styled__default["default"].label.withConfig({
       displayName: "Label",
-      componentId: "lf392x-0"
+      componentId: "sc-lf392x-0"
     })(space, color, function () {
       return {
         display: "inline-block"
@@ -17531,7 +17533,7 @@
 
     var ClickInputLabel = styled__default["default"].label.withConfig({
       displayName: "ClickInputLabel",
-      componentId: "zdnqd7-0"
+      componentId: "sc-zdnqd7-0"
     })(function (_ref) {
       var disabled = _ref.disabled;
       return {
@@ -17787,7 +17789,7 @@
 
     var PopperArrow = styled__default["default"].div.withConfig({
       displayName: "PopperArrow",
-      componentId: "g04hwy-0"
+      componentId: "sc-g04hwy-0"
     })({
       position: "absolute",
       height: Theme.space.x1,
@@ -18370,7 +18372,7 @@
 
     var StyledOption = styled__default["default"].div.withConfig({
       displayName: "SelectOption__StyledOption",
-      componentId: "i7ae6z-0"
+      componentId: "sc-i7ae6z-0"
     })(typography, function (_ref) {
       var isSelected = _ref.isSelected,
           isFocused = _ref.isFocused,
@@ -21993,7 +21995,7 @@
 
     var WrapperButton$2 = styled__default["default"].button.withConfig({
       displayName: "Button__WrapperButton",
-      componentId: "hxfi59-0"
+      componentId: "sc-hxfi59-0"
     })(function (_ref) {
       var fullWidth = _ref.fullWidth;
       return {
@@ -22099,7 +22101,7 @@
 
     var DangerButton = styled__default["default"](Button).withConfig({
       displayName: "DangerButton",
-      componentId: "wmt3mt-0"
+      componentId: "sc-wmt3mt-0"
     })(function (_ref) {
       var disabled = _ref.disabled,
           theme = _ref.theme;
@@ -24274,7 +24276,7 @@
 
     var IconWrapper = styled__default["default"].span.withConfig({
       displayName: "IconicButton__IconWrapper",
-      componentId: "cimfyu-0"
+      componentId: "sc-cimfyu-0"
     })(function (_ref) {
       var theme = _ref.theme,
           size = _ref.size;
@@ -24294,7 +24296,7 @@
     });
     var HoverText = styled__default["default"].div.withConfig({
       displayName: "IconicButton__HoverText",
-      componentId: "cimfyu-1"
+      componentId: "sc-cimfyu-1"
     })(function (_ref2) {
       var theme = _ref2.theme;
       return {
@@ -24311,7 +24313,7 @@
     });
     var WrapperButton$1 = styled__default["default"].button.withConfig({
       displayName: "IconicButton__WrapperButton",
-      componentId: "cimfyu-2"
+      componentId: "sc-cimfyu-2"
     })(function (_ref3) {
       var _hover, _active, _hoverActive, _focus, _ref4;
 
@@ -24405,12 +24407,12 @@
           style: style,
           placement: placement
         }, tooltip ? tooltip : children) : null;
-      })), children && !labelHidden && /*#__PURE__*/React__default["default"].createElement(Text, {
+      })), children && !labelHidden && (typeof children === "string" || typeof children === "number" ? /*#__PURE__*/React__default["default"].createElement(Text, {
         fontSize: fontSize,
         mr: "half",
         ml: "half",
         color: color
-      }, children));
+      }, children) : children));
     });
     IconicButton.propTypes = {
       className: PropTypes__default["default"].string,
@@ -24865,7 +24867,9 @@
     var DropdownLink = styled__default["default"].a.withConfig({
       shouldForwardProp: function shouldForwardProp(prop, defaultValidatorFn) {
         return !["hoverColor", "bgHoverColor"].includes(prop) && defaultValidatorFn(prop);
-      }
+      },
+      displayName: "DropdownLink",
+      componentId: "sc-73jvsg-0"
     })(function (_ref) {
       var theme = _ref.theme,
           color = _ref.color,
@@ -24912,7 +24916,7 @@
 
     var DropdownItem = styled__default["default"].div.withConfig({
       displayName: "DropdownItem",
-      componentId: "xev49s-0"
+      componentId: "sc-xev49s-0"
     })(function (_ref) {
       var theme = _ref.theme,
           color = _ref.color,
@@ -25046,7 +25050,7 @@
 
     var NoWrapLi = styled__default["default"].li.withConfig({
       displayName: "renderSubMenuItems__NoWrapLi",
-      componentId: "vyx9p-0"
+      componentId: "sc-vyx9p-0"
     })(function () {
       return {
         whiteSpace: "nowrap"
@@ -25055,12 +25059,12 @@
 
     var StyledButton$3 = styled__default["default"](DropdownButton).withConfig({
       displayName: "SubMenuTriggerButton__StyledButton",
-      componentId: "bvw24f-0"
+      componentId: "sc-bvw24f-0"
     })(function (_ref) {
       var isOpen = _ref.isOpen,
           theme = _ref.theme;
       return {
-        position: "relative",
+        padding: theme.space.x1 + " " + theme.space.x1 + " " + theme.space.x1 + " 12px",
         backgroundColor: isOpen ? theme.colors.lightBlue : "transparent",
         color: isOpen ? theme.colors.darkBlue : theme.colors.darkGrey
       };
@@ -25073,15 +25077,14 @@
       return /*#__PURE__*/React__default["default"].createElement(StyledButton$3, Object.assign({
         isOpen: isOpen,
         ref: ref
-      }, props), name, /*#__PURE__*/React__default["default"].createElement(Icon, {
-        style: {
-          position: "absolute",
-          top: "10px"
-        },
+      }, props), /*#__PURE__*/React__default["default"].createElement(Flex, {
+        gap: "half",
+        justifyContent: "space-between",
+        alignItems: "center"
+      }, name, /*#__PURE__*/React__default["default"].createElement(Icon, {
         icon: "rightArrow",
-        size: "20px",
-        p: "2px"
-      }));
+        size: "20px"
+      })));
     });
     SubMenuTriggerButton$1.displayName = "SubMenuTriggerButton";
 
@@ -25721,7 +25724,7 @@
 
     var BrandingWrap$2 = styled__default["default"].div.withConfig({
       displayName: "Branding__BrandingWrap",
-      componentId: "lm6b8m-0"
+      componentId: "sc-lm6b8m-0"
     })(function (_ref) {
       var alignment = _ref.alignment,
           size = _ref.size;
@@ -25736,7 +25739,7 @@
     });
     var Line = styled__default["default"].div.withConfig({
       displayName: "Branding__Line",
-      componentId: "lm6b8m-1"
+      componentId: "sc-lm6b8m-1"
     })(function (_ref2) {
       var logoColor = _ref2.logoColor;
       return {
@@ -25872,7 +25875,7 @@
 
     var StyledInputIcon = styled__default["default"](Icon).withConfig({
       displayName: "InputField__StyledInputIcon",
-      componentId: "a97ghf-0"
+      componentId: "sc-a97ghf-0"
     })(function (_ref) {
       var theme = _ref.theme;
       return {
@@ -25921,7 +25924,7 @@
 
     var StyledInput = styled__default["default"].input.withConfig({
       displayName: "InputField__StyledInput",
-      componentId: "a97ghf-1"
+      componentId: "sc-a97ghf-1"
     })(function (_ref3) {
       var theme = _ref3.theme,
           inputWidth = _ref3.inputWidth;
@@ -26381,7 +26384,7 @@
 
     var MobileMenuTrigger$1 = styled__default["default"].button.withConfig({
       displayName: "SmallNavBar__MobileMenuTrigger",
-      componentId: "ykabay-0"
+      componentId: "sc-ykabay-0"
     })(function (_ref) {
       var color = _ref.color,
           hoverColor = _ref.hoverColor,
@@ -26409,7 +26412,7 @@
     });
     var SmallHeader$1 = styled__default["default"].header.withConfig({
       displayName: "SmallNavBar__SmallHeader",
-      componentId: "ykabay-1"
+      componentId: "sc-ykabay-1"
     })(function (_ref2) {
       var isOpen = _ref2.isOpen,
           theme = _ref2.theme;
@@ -26620,12 +26623,12 @@
 
     var NavBar$1 = styled__default["default"](BaseNavBar).withConfig({
       displayName: "NavBar",
-      componentId: "cszq6w-0"
+      componentId: "sc-cszq6w-0"
     })({});
 
     var BreadcrumbsList = styled__default["default"].ol.withConfig({
       displayName: "BreadcrumbsList",
-      componentId: "obiz1v-0"
+      componentId: "sc-obiz1v-0"
     })(function () {
       return {
         margin: 0,
@@ -26952,7 +26955,7 @@
 
     var LabelText = styled__default["default"].span.withConfig({
       displayName: "CheckboxGroup__LabelText",
-      componentId: "ubmlt9-0"
+      componentId: "sc-ubmlt9-0"
     })(function (_ref) {
       var theme = _ref.theme;
       return {
@@ -26963,7 +26966,7 @@
     });
     var Legend = styled__default["default"].legend.withConfig({
       displayName: "CheckboxGroup__Legend",
-      componentId: "ubmlt9-1"
+      componentId: "sc-ubmlt9-1"
     })(function (_ref2) {
       var theme = _ref2.theme;
       return {
@@ -40400,6 +40403,8 @@
     var DatePickerInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       var onChange = _ref.onChange,
           onClick = _ref.onClick,
+          onBlur = _ref.onBlur,
+          onFocus = _ref.onFocus,
           onInputChange = _ref.onInputChange,
           value = _ref.value,
           _ref$inputProps = _ref.inputProps,
@@ -40431,6 +40436,8 @@
           t = _useTranslation.t;
 
       return /*#__PURE__*/React__default["default"].createElement(InputField, Object.assign({
+        onBlur: onBlur,
+        onFocus: onFocus,
         ref: ref,
         "aria-label": ariaLabel || t("select a date"),
         autoComplete: "off"
@@ -40564,8 +40571,10 @@
           className = _a.className,
           onInputChange = _a.onInputChange,
           onChange = _a.onChange,
+          onBlur = _a.onBlur,
+          onFocus = _a.onFocus,
           selected = _a.selected,
-          props = __rest(_a, ["dateFormat", "errorMessage", "errorList", "inputProps", "minDate", "maxDate", "highlightDates", "disableFlipping", "className", "onInputChange", "onChange", "selected"]);
+          props = __rest(_a, ["dateFormat", "errorMessage", "errorList", "inputProps", "minDate", "maxDate", "highlightDates", "disableFlipping", "className", "onInputChange", "onChange", "onBlur", "onFocus", "selected"]);
 
       var _useState = React.useState(selected),
           selectedDate = _useState[0],
@@ -40678,7 +40687,10 @@
 
             onRefChange(r);
           },
+          onFocus: onFocus,
+          onBlur: onBlur,
           popperModifiers: {
+            // @ts-ignore
             flip: {
               enabled: !disableFlipping
             }
@@ -40873,7 +40885,7 @@
     // @ts-nocheck
     var TimePickerOption = styled__default["default"].li.withConfig({
       displayName: "TimePickerOption",
-      componentId: "a59kp-0"
+      componentId: "sc-a59kp-0"
     })(function (_ref) {
       var theme = _ref.theme,
           isSelected = _ref.isSelected,
@@ -40896,7 +40908,7 @@
     // @ts-nocheck
     var TimePickerDropdown = styled__default["default"].ul.withConfig({
       displayName: "TimePickerDropdown",
-      componentId: "i1v2dv-0"
+      componentId: "sc-i1v2dv-0"
     })(function (_ref) {
       var theme = _ref.theme,
           isOpen = _ref.isOpen;
@@ -40923,7 +40935,7 @@
     // @ts-nocheck
     var TimePickerInput = styled__default["default"](InputField).withConfig({
       displayName: "TimePickerInput",
-      componentId: "a6tg1z-0"
+      componentId: "sc-a6tg1z-0"
     })(function (_ref) {
       var dropdownIsOpen = _ref.dropdownIsOpen;
       return Object.assign({}, dropdownIsOpen && {
@@ -41278,21 +41290,17 @@
     })(function (_ref) {
       var theme = _ref.theme;
       return {
-        marginRight: theme.space.x1,
-        display: "flex",
-        alignItems: "flex-end"
+        marginRight: theme.space.x1
       };
     });
 
     var StartTime = styled__default["default"](TimePicker).withConfig({
       displayName: "StartTime",
-      componentId: "ay3es1-0"
+      componentId: "sc-ay3es1-0"
     })(function (_ref) {
       var theme = _ref.theme;
       return {
-        marginLeft: theme.space.x1,
-        display: "flex",
-        alignItems: "flex-end"
+        marginLeft: theme.space.x1
       };
     });
 
@@ -43837,7 +43845,7 @@
 
     var ModalHeader = styled__default["default"].div.withConfig({
       displayName: "ModalHeader",
-      componentId: "tbowww-0"
+      componentId: "sc-tbowww-0"
     })(function (_ref) {
       var hasCloseButton = _ref.hasCloseButton,
           theme = _ref.theme;
@@ -44413,7 +44421,7 @@
 
     var StyledButton = styled__default["default"].button.withConfig({
       displayName: "MenuTrigger__StyledButton",
-      componentId: "ooz0w0-0"
+      componentId: "sc-ooz0w0-0"
     })(function (_ref) {
       var color = _ref.color,
           hoverColor = _ref.hoverColor,
@@ -44764,7 +44772,7 @@
 
     var BrandingWrap = styled__default["default"].div.withConfig({
       displayName: "MobileMenu__BrandingWrap",
-      componentId: "vqy2lk-0"
+      componentId: "sc-vqy2lk-0"
     })({
       marginTop: "-" + Theme.space.x1,
       marginBottom: Theme.space.x3,
@@ -44798,7 +44806,7 @@
 
     var ApplyMenuLinkStyles = styled__default["default"].li.withConfig({
       displayName: "MobileMenu__ApplyMenuLinkStyles",
-      componentId: "vqy2lk-1"
+      componentId: "sc-vqy2lk-1"
     })(function (_ref2) {
       var color = _ref2.color,
           hoverColor = _ref2.hoverColor,
@@ -44839,7 +44847,7 @@
     };
     var MenuLink = styled__default["default"].a.withConfig({
       displayName: "MobileMenu__MenuLink",
-      componentId: "vqy2lk-2"
+      componentId: "sc-vqy2lk-2"
     })(function (_ref3) {
       var color = _ref3.color,
           hoverColor = _ref3.hoverColor,
@@ -44868,7 +44876,7 @@
     });
     var MenuText = styled__default["default"].li.withConfig({
       displayName: "MobileMenu__MenuText",
-      componentId: "vqy2lk-3"
+      componentId: "sc-vqy2lk-3"
     })(function (_ref4) {
       var textColor = _ref4.textColor,
           layer = _ref4.layer;
@@ -44879,7 +44887,7 @@
     });
     var SubMenuItemsList = styled__default["default"].ul.withConfig({
       displayName: "MobileMenu__SubMenuItemsList",
-      componentId: "vqy2lk-4"
+      componentId: "sc-vqy2lk-4"
     })({
       listStyle: "none",
       paddingLeft: "0",
@@ -44998,7 +45006,7 @@
     };
     var Menu = styled__default["default"].ul.withConfig({
       displayName: "MobileMenu__Menu",
-      componentId: "vqy2lk-5"
+      componentId: "sc-vqy2lk-5"
     })(function () {
       var _ref6;
 
@@ -45014,7 +45022,7 @@
     });
     var Nav = styled__default["default"].nav.withConfig({
       displayName: "MobileMenu__Nav",
-      componentId: "vqy2lk-6"
+      componentId: "sc-vqy2lk-6"
     })(function (_ref7) {
       var backgroundColor = _ref7.backgroundColor;
       return {
@@ -45058,7 +45066,7 @@
     };
     var MobileMenu = styled__default["default"](BaseMobileMenu).withConfig({
       displayName: "MobileMenu",
-      componentId: "vqy2lk-7"
+      componentId: "sc-vqy2lk-7"
     })(display);
 
     var SmallNavBarNoState = /*#__PURE__*/function (_React$Component) {
@@ -45190,7 +45198,7 @@
     };
     var NavBarBackground = styled__default["default"](Flex).withConfig({
       displayName: "NavBar__NavBarBackground",
-      componentId: "uw8kj5-0"
+      componentId: "sc-uw8kj5-0"
     })(function (_ref) {
       var backgroundColor = _ref.backgroundColor,
           theme = _ref.theme;
@@ -45288,7 +45296,7 @@
     };
     var MobileMenuTrigger = styled__default["default"].button.withConfig({
       displayName: "NavBar__MobileMenuTrigger",
-      componentId: "uw8kj5-1"
+      componentId: "sc-uw8kj5-1"
     })(function (_ref2) {
       var color = _ref2.color,
           hoverColor = _ref2.hoverColor,
@@ -45315,7 +45323,7 @@
     });
     var SmallHeader = styled__default["default"].header.withConfig({
       displayName: "NavBar__SmallHeader",
-      componentId: "uw8kj5-2"
+      componentId: "sc-uw8kj5-2"
     })(function (_ref3) {
       var isOpen = _ref3.isOpen;
       return isOpen ? {
@@ -48125,7 +48133,7 @@
 
     var GlobalStyles = styled__default["default"].div.withConfig({
       displayName: "GlobalStyles",
-      componentId: "s7lol5-0"
+      componentId: "sc-s7lol5-0"
     })(function (_ref) {
       var theme = _ref.theme,
           locale = _ref.locale;
@@ -48226,7 +48234,7 @@
 
     var Overlay = styled__default["default"](Flex).withConfig({
       displayName: "Overlay",
-      componentId: "mcd6gm-0"
+      componentId: "sc-mcd6gm-0"
     })(function (_ref) {
       var dark = _ref.dark,
           theme = _ref.theme;
@@ -48260,7 +48268,7 @@
 
     var PaginationButton = styled__default["default"].button.withConfig({
       displayName: "PaginationButton",
-      componentId: "fr0av7-0"
+      componentId: "sc-fr0av7-0"
     })(function (_ref) {
       var theme = _ref.theme,
           disabled = _ref.disabled,
@@ -48512,7 +48520,7 @@
 
     var VisualRadio = styled__default["default"].div.withConfig({
       displayName: "Radio__VisualRadio",
-      componentId: "rhd32j-0"
+      componentId: "sc-rhd32j-0"
     })(function (_ref) {
       var disabled = _ref.disabled,
           theme = _ref.theme;
@@ -48541,7 +48549,7 @@
     });
     var RadioInput = styled__default["default"].input.withConfig({
       displayName: "Radio__RadioInput",
-      componentId: "rhd32j-1"
+      componentId: "sc-rhd32j-1"
     })(function (props) {
       var _ref2;
 
@@ -48777,7 +48785,7 @@
 
     var StyledTableCell = styled__default["default"].td.withConfig({
       displayName: "TableCell__StyledTableCell",
-      componentId: "q0c72j-0"
+      componentId: "sc-q0c72j-0"
     })(function (_ref) {
       var align = _ref.align,
           compact = _ref.compact,
@@ -48835,7 +48843,7 @@
 
     var StyledMessageContainer = styled__default["default"](Box).withConfig({
       displayName: "TableBody__StyledMessageContainer",
-      componentId: "b5sejq-0"
+      componentId: "sc-b5sejq-0"
     })(function (_ref) {
       var theme = _ref.theme;
       return {
@@ -48846,7 +48854,7 @@
     });
     var StyledTr = styled__default["default"].tr.withConfig({
       displayName: "TableBody__StyledTr",
-      componentId: "b5sejq-1"
+      componentId: "sc-b5sejq-1"
     })(function (_ref2) {
       var rowHovers = _ref2.rowHovers,
           theme = _ref2.theme;
@@ -49886,7 +49894,7 @@
 
     var SummaryItemWrapper = styled__default["default"](Flex).withConfig({
       displayName: "SummaryItem__SummaryItemWrapper",
-      componentId: "kqzify-0"
+      componentId: "sc-kqzify-0"
     })(function (_ref) {
       var _ref2;
 
@@ -50067,7 +50075,7 @@
 
     var SwitchButton = styled__default["default"].button.withConfig({
       displayName: "Switch__SwitchButton",
-      componentId: "wsu5uq-0"
+      componentId: "sc-wsu5uq-0"
     })(function (_ref) {
       var selected = _ref.selected,
           theme = _ref.theme;
@@ -51277,7 +51285,7 @@
 
     var ToggleInput = styled__default["default"].input.withConfig({
       displayName: "ToggleButton__ToggleInput",
-      componentId: "t7wo9n-0"
+      componentId: "sc-t7wo9n-0"
     })(function (_ref3) {
       var _ref4;