@nulogy/components 8.12.0 → 8.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (109) hide show
  1. package/dist/main.js +73 -64
  2. package/dist/main.module.js +73 -64
  3. package/dist/src/Alert/Alert.d.ts +0 -1
  4. package/dist/src/Alert/Alert.story.d.ts +0 -1
  5. package/dist/src/Alert/CloseButton.d.ts +0 -1
  6. package/dist/src/AsyncSelect/AsyncSelect.story.d.ts +0 -1
  7. package/dist/src/Banner/Banner.story.d.ts +0 -1
  8. package/dist/src/Box/Box.story.d.ts +0 -1
  9. package/dist/src/BrandedNavBar/NavBar.d.ts +0 -1
  10. package/dist/src/BrandedNavBar/NavBar.story.d.ts +0 -1
  11. package/dist/src/BrandedNavBar/NulogyLogo.d.ts +0 -1
  12. package/dist/src/BrandedNavBar/NulogyLogoContainer.d.ts +0 -1
  13. package/dist/src/BrandedNavBar/SmallNavBar.story.d.ts +0 -1
  14. package/dist/src/Branding/Branding.d.ts +0 -1
  15. package/dist/src/Branding/Branding.story.d.ts +0 -1
  16. package/dist/src/Breadcrumbs/Breadcrumbs.story.d.ts +0 -1
  17. package/dist/src/Button/Button.story.d.ts +0 -1
  18. package/dist/src/Button/ControlIcon.story.d.ts +0 -1
  19. package/dist/src/Button/IconicButton.story.d.ts +0 -1
  20. package/dist/src/ButtonGroup/ButtonGroup.story.d.ts +0 -1
  21. package/dist/src/Card/Card.story.d.ts +0 -1
  22. package/dist/src/Checkbox/Checkbox.story.d.ts +0 -1
  23. package/dist/src/Checkbox/CheckboxGroup.story.d.ts +0 -1
  24. package/dist/src/DatePicker/DatePicker.d.ts +4 -1
  25. package/dist/src/DatePicker/DatePicker.story.d.ts +0 -1
  26. package/dist/src/DatePicker/DatePickerInput.d.ts +2 -0
  27. package/dist/src/DateRange/DateRange.story.d.ts +0 -1
  28. package/dist/src/Divider/Divider.d.ts +0 -1
  29. package/dist/src/Divider/Divider.story.d.ts +0 -1
  30. package/dist/src/DropdownMenu/DropdownMenu.story.d.ts +0 -1
  31. package/dist/src/FieldLabel/FieldLabel.d.ts +0 -1
  32. package/dist/src/FieldLabel/FieldLabel.story.d.ts +0 -1
  33. package/dist/src/FieldLabel/MaybeFieldLabel.d.ts +0 -1
  34. package/dist/src/FieldLabel/RequirementText.d.ts +0 -1
  35. package/dist/src/Flex/Flex.story.d.ts +0 -1
  36. package/dist/src/Form/Form.story.d.ts +0 -1
  37. package/dist/src/Icon/Icon.story.d.ts +0 -1
  38. package/dist/src/Input/Input.story.d.ts +0 -1
  39. package/dist/src/Input/Prefix.d.ts +0 -1
  40. package/dist/src/Input/Suffix.d.ts +0 -1
  41. package/dist/src/Layout/ApplicationFrame.story.d.ts +0 -1
  42. package/dist/src/Layout/Header.story.d.ts +0 -1
  43. package/dist/src/Layout/Page.story.d.ts +0 -1
  44. package/dist/src/Layout/Sidebar.story.d.ts +0 -1
  45. package/dist/src/Link/Link.story.d.ts +0 -1
  46. package/dist/src/List/List.story.d.ts +0 -1
  47. package/dist/src/LoadingAnimation/LoadingAnimation.story.d.ts +0 -1
  48. package/dist/src/Modal/Modal.story.d.ts +0 -1
  49. package/dist/src/NDSProvider/NDSProvider.d.ts +0 -1
  50. package/dist/src/NDSProvider/renderWithNDSProvider.spec-utils.d.ts +1 -1
  51. package/dist/src/NavBar/DesktopMenu.d.ts +0 -1
  52. package/dist/src/NavBar/MenuTrigger.d.ts +0 -1
  53. package/dist/src/NavBar/MobileMenu.d.ts +0 -1
  54. package/dist/src/NavBar/NavBar.story.d.ts +0 -1
  55. package/dist/src/NavBar/SubMenuTrigger.d.ts +0 -1
  56. package/dist/src/Overlay/Overlay.story.d.ts +0 -1
  57. package/dist/src/Pagination/NextButton.d.ts +0 -1
  58. package/dist/src/Pagination/Pagination.story.d.ts +0 -1
  59. package/dist/src/Pagination/PreviousButton.d.ts +0 -1
  60. package/dist/src/Radio/Radio.story.d.ts +0 -1
  61. package/dist/src/Radio/RadioGroup.d.ts +0 -1
  62. package/dist/src/Radio/RadioGroup.story.d.ts +0 -1
  63. package/dist/src/RangeContainer/RangeContainer.story.d.ts +0 -1
  64. package/dist/src/Select/Select.story.d.ts +0 -1
  65. package/dist/src/Select/SelectComponents.d.ts +0 -1
  66. package/dist/src/Select/SelectOption.d.ts +0 -1
  67. package/dist/src/StatusIndicator/StatusIndicator.story.d.ts +0 -1
  68. package/dist/src/Summary/Summary.story.d.ts +0 -1
  69. package/dist/src/Summary/SummaryDivider.d.ts +0 -1
  70. package/dist/src/Switcher/Switch.story.d.ts +0 -1
  71. package/dist/src/Switcher/Switcher.story.d.ts +0 -1
  72. package/dist/src/Table/BaseTable.story.d.ts +0 -1
  73. package/dist/src/Table/SortingColumnHeader.d.ts +0 -1
  74. package/dist/src/Table/SortingColumnHeader.story.d.ts +0 -1
  75. package/dist/src/Table/Table.d.ts +0 -1
  76. package/dist/src/Table/Table.story.d.ts +0 -1
  77. package/dist/src/Table/TableBody.d.ts +0 -1
  78. package/dist/src/Table/TableFoot.d.ts +0 -1
  79. package/dist/src/Table/TableWithCustomSorting.story.d.ts +0 -1
  80. package/dist/src/Table/TableWithFiltering.story.d.ts +0 -1
  81. package/dist/src/Table/TableWithSelectableRows.story.d.ts +0 -1
  82. package/dist/src/Table/TableWithServerSidePagination.story.d.ts +0 -1
  83. package/dist/src/Tabs/Tabs.story.d.ts +0 -1
  84. package/dist/src/Textarea/Textarea.story.d.ts +0 -1
  85. package/dist/src/TimePicker/TimePicker.story.d.ts +0 -1
  86. package/dist/src/TimeRange/TimeRange.story.d.ts +0 -1
  87. package/dist/src/Toast/Toast.d.ts +0 -1
  88. package/dist/src/Toast/Toast.story.d.ts +0 -1
  89. package/dist/src/ToastContainer/ToastContainer.d.ts +0 -1
  90. package/dist/src/ToastContainer/ToastContainer.story.d.ts +0 -1
  91. package/dist/src/Toggle/Toggle.story.d.ts +0 -1
  92. package/dist/src/Tokens/Tokens.story.d.ts +0 -1
  93. package/dist/src/Tooltip/Tooltip.story.d.ts +0 -1
  94. package/dist/src/TruncatedText/MaybeTooltip.d.ts +0 -1
  95. package/dist/src/TruncatedText/TruncatedText.d.ts +0 -1
  96. package/dist/src/TruncatedText/TruncatedText.story.d.ts +0 -1
  97. package/dist/src/TruncatedText/TruncatedTextFillWidth.d.ts +0 -1
  98. package/dist/src/TruncatedText/TruncatedTextMaxCharacters.d.ts +0 -1
  99. package/dist/src/Type/Headings.story.d.ts +0 -1
  100. package/dist/src/Type/Text.story.d.ts +0 -1
  101. package/dist/src/Type/Typography.story.d.ts +0 -1
  102. package/dist/src/Validation/InlineValidation.story.d.ts +0 -1
  103. package/dist/src/Validation/mapErrorsToList.d.ts +0 -1
  104. package/dist/src/VisualTests/Select.story.d.ts +0 -1
  105. package/dist/src/VisualTests/WithSpace.story.d.ts +0 -1
  106. package/dist/src/pages/ErrorPage.story.d.ts +0 -1
  107. package/dist/src/pages/LoginPage.story.d.ts +0 -1
  108. package/dist/src/utils/datePickerLocales.d.ts +1 -1
  109. package/package.json +4 -4
@@ -8309,11 +8309,11 @@ var visibility = system({
8309
8309
 
8310
8310
  var Box = styled.div.withConfig({
8311
8311
  displayName: "Box",
8312
- componentId: "xda4ls-0"
8312
+ componentId: "sc-xda4ls-0"
8313
8313
  })(color, space, layout, border, shadow, textAlign, order$1, flexbox, flexGrow, position, background, transform, cursor$1, overflow, transition, visibility, typography);
8314
8314
  var AnimatedBox = styled(motion.div).withConfig({
8315
8315
  displayName: "Box__AnimatedBox",
8316
- componentId: "xda4ls-1"
8316
+ componentId: "sc-xda4ls-1"
8317
8317
  })(color, space, layout, border, shadow, textAlign, order$1, flexbox, flexGrow, position, background, transform, cursor$1, overflow, visibility, typography);
8318
8318
 
8319
8319
  /**
@@ -9744,7 +9744,9 @@ var getHoverColor = function getHoverColor(props) {
9744
9744
  var Link = styled.a.withConfig({
9745
9745
  shouldForwardProp: function shouldForwardProp(prop, defaultValidatorFn) {
9746
9746
  return !["underline", "hover"].includes(prop) && defaultValidatorFn(prop);
9747
- }
9747
+ },
9748
+ displayName: "Link",
9749
+ componentId: "sc-1fcpbo4-0"
9748
9750
  })(function (_a) {
9749
9751
  var underline = _a.underline,
9750
9752
  as = _a.as,
@@ -10176,7 +10178,7 @@ var Alert = function Alert(_a) {
10176
10178
 
10177
10179
  var Alert$1 = styled(Alert).withConfig({
10178
10180
  displayName: "Alert",
10179
- componentId: "quomwu-0"
10181
+ componentId: "sc-quomwu-0"
10180
10182
  })(styles);
10181
10183
 
10182
10184
  function _objectWithoutPropertiesLoose$1(source, excluded) {
@@ -16956,7 +16958,7 @@ var FormSectionTitle = styled(Heading3).attrs({
16956
16958
  as: "legend"
16957
16959
  }).withConfig({
16958
16960
  displayName: "FormSection__FormSectionTitle",
16959
- componentId: "v5comv-0"
16961
+ componentId: "sc-v5comv-0"
16960
16962
  })({});
16961
16963
 
16962
16964
  var BaseFormSection = function BaseFormSection(_a) {
@@ -16969,7 +16971,7 @@ var BaseFormSection = function BaseFormSection(_a) {
16969
16971
 
16970
16972
  var FormSection = styled(BaseFormSection).withConfig({
16971
16973
  displayName: "FormSection",
16972
- componentId: "v5comv-1"
16974
+ componentId: "sc-v5comv-1"
16973
16975
  })(function (_ref) {
16974
16976
  var _ref2;
16975
16977
 
@@ -17056,7 +17058,7 @@ var RequirementText = function RequirementText(props) {
17056
17058
 
17057
17059
  var Label = styled.label.withConfig({
17058
17060
  displayName: "Label",
17059
- componentId: "lf392x-0"
17061
+ componentId: "sc-lf392x-0"
17060
17062
  })(space, color, function () {
17061
17063
  return {
17062
17064
  display: "inline-block"
@@ -17508,7 +17510,7 @@ var customStyles = function customStyles(_ref6) {
17508
17510
 
17509
17511
  var ClickInputLabel = styled.label.withConfig({
17510
17512
  displayName: "ClickInputLabel",
17511
- componentId: "zdnqd7-0"
17513
+ componentId: "sc-zdnqd7-0"
17512
17514
  })(function (_ref) {
17513
17515
  var disabled = _ref.disabled;
17514
17516
  return {
@@ -17764,7 +17766,7 @@ var drawArrow = function drawArrow(placement, borderColor, backgroundColor) {
17764
17766
 
17765
17767
  var PopperArrow = styled.div.withConfig({
17766
17768
  displayName: "PopperArrow",
17767
- componentId: "g04hwy-0"
17769
+ componentId: "sc-g04hwy-0"
17768
17770
  })({
17769
17771
  position: "absolute",
17770
17772
  height: Theme.space.x1,
@@ -18347,7 +18349,7 @@ var useWindowDimensions = function useWindowDimensions() {
18347
18349
 
18348
18350
  var StyledOption = styled.div.withConfig({
18349
18351
  displayName: "SelectOption__StyledOption",
18350
- componentId: "i7ae6z-0"
18352
+ componentId: "sc-i7ae6z-0"
18351
18353
  })(typography, function (_ref) {
18352
18354
  var isSelected = _ref.isSelected,
18353
18355
  isFocused = _ref.isFocused,
@@ -21970,7 +21972,7 @@ var getSize$2 = function getSize(size, theme) {
21970
21972
 
21971
21973
  var WrapperButton$2 = styled.button.withConfig({
21972
21974
  displayName: "Button__WrapperButton",
21973
- componentId: "hxfi59-0"
21975
+ componentId: "sc-hxfi59-0"
21974
21976
  })(function (_ref) {
21975
21977
  var fullWidth = _ref.fullWidth;
21976
21978
  return {
@@ -22076,7 +22078,7 @@ var PrimaryButton = styled(Button).withConfig({
22076
22078
 
22077
22079
  var DangerButton = styled(Button).withConfig({
22078
22080
  displayName: "DangerButton",
22079
- componentId: "wmt3mt-0"
22081
+ componentId: "sc-wmt3mt-0"
22080
22082
  })(function (_ref) {
22081
22083
  var disabled = _ref.disabled,
22082
22084
  theme = _ref.theme;
@@ -24251,7 +24253,7 @@ function Reference$1(_ref) {
24251
24253
 
24252
24254
  var IconWrapper = styled.span.withConfig({
24253
24255
  displayName: "IconicButton__IconWrapper",
24254
- componentId: "cimfyu-0"
24256
+ componentId: "sc-cimfyu-0"
24255
24257
  })(function (_ref) {
24256
24258
  var theme = _ref.theme,
24257
24259
  size = _ref.size;
@@ -24271,7 +24273,7 @@ var IconWrapper = styled.span.withConfig({
24271
24273
  });
24272
24274
  var HoverText = styled.div.withConfig({
24273
24275
  displayName: "IconicButton__HoverText",
24274
- componentId: "cimfyu-1"
24276
+ componentId: "sc-cimfyu-1"
24275
24277
  })(function (_ref2) {
24276
24278
  var theme = _ref2.theme;
24277
24279
  return {
@@ -24288,7 +24290,7 @@ var HoverText = styled.div.withConfig({
24288
24290
  });
24289
24291
  var WrapperButton$1 = styled.button.withConfig({
24290
24292
  displayName: "IconicButton__WrapperButton",
24291
- componentId: "cimfyu-2"
24293
+ componentId: "sc-cimfyu-2"
24292
24294
  })(function (_ref3) {
24293
24295
  var _hover, _active, _hoverActive, _focus, _ref4;
24294
24296
 
@@ -24842,7 +24844,9 @@ DropdownButton.defaultProps = {
24842
24844
  var DropdownLink = styled.a.withConfig({
24843
24845
  shouldForwardProp: function shouldForwardProp(prop, defaultValidatorFn) {
24844
24846
  return !["hoverColor", "bgHoverColor"].includes(prop) && defaultValidatorFn(prop);
24845
- }
24847
+ },
24848
+ displayName: "DropdownLink",
24849
+ componentId: "sc-73jvsg-0"
24846
24850
  })(function (_ref) {
24847
24851
  var theme = _ref.theme,
24848
24852
  color = _ref.color,
@@ -24889,7 +24893,7 @@ DropdownLink.defaultProps = {
24889
24893
 
24890
24894
  var DropdownItem = styled.div.withConfig({
24891
24895
  displayName: "DropdownItem",
24892
- componentId: "xev49s-0"
24896
+ componentId: "sc-xev49s-0"
24893
24897
  })(function (_ref) {
24894
24898
  var theme = _ref.theme,
24895
24899
  color = _ref.color,
@@ -25023,7 +25027,7 @@ var renderSubMenuItems$1 = function renderSubMenuItems(subMenuItems, onItemClick
25023
25027
 
25024
25028
  var NoWrapLi = styled.li.withConfig({
25025
25029
  displayName: "renderSubMenuItems__NoWrapLi",
25026
- componentId: "vyx9p-0"
25030
+ componentId: "sc-vyx9p-0"
25027
25031
  })(function () {
25028
25032
  return {
25029
25033
  whiteSpace: "nowrap"
@@ -25032,7 +25036,7 @@ var NoWrapLi = styled.li.withConfig({
25032
25036
 
25033
25037
  var StyledButton$3 = styled(DropdownButton).withConfig({
25034
25038
  displayName: "SubMenuTriggerButton__StyledButton",
25035
- componentId: "bvw24f-0"
25039
+ componentId: "sc-bvw24f-0"
25036
25040
  })(function (_ref) {
25037
25041
  var isOpen = _ref.isOpen,
25038
25042
  theme = _ref.theme;
@@ -25698,7 +25702,7 @@ var getAlignment$1 = function getAlignment(alignment) {
25698
25702
 
25699
25703
  var BrandingWrap$2 = styled.div.withConfig({
25700
25704
  displayName: "Branding__BrandingWrap",
25701
- componentId: "lm6b8m-0"
25705
+ componentId: "sc-lm6b8m-0"
25702
25706
  })(function (_ref) {
25703
25707
  var alignment = _ref.alignment,
25704
25708
  size = _ref.size;
@@ -25713,7 +25717,7 @@ var BrandingWrap$2 = styled.div.withConfig({
25713
25717
  });
25714
25718
  var Line = styled.div.withConfig({
25715
25719
  displayName: "Branding__Line",
25716
- componentId: "lm6b8m-1"
25720
+ componentId: "sc-lm6b8m-1"
25717
25721
  })(function (_ref2) {
25718
25722
  var logoColor = _ref2.logoColor;
25719
25723
  return {
@@ -25849,7 +25853,7 @@ Suffix.defaultProps = {
25849
25853
 
25850
25854
  var StyledInputIcon = styled(Icon).withConfig({
25851
25855
  displayName: "InputField__StyledInputIcon",
25852
- componentId: "a97ghf-0"
25856
+ componentId: "sc-a97ghf-0"
25853
25857
  })(function (_ref) {
25854
25858
  var theme = _ref.theme;
25855
25859
  return {
@@ -25898,7 +25902,7 @@ var getInputStyle = function getInputStyle(_ref2) {
25898
25902
 
25899
25903
  var StyledInput = styled.input.withConfig({
25900
25904
  displayName: "InputField__StyledInput",
25901
- componentId: "a97ghf-1"
25905
+ componentId: "sc-a97ghf-1"
25902
25906
  })(function (_ref3) {
25903
25907
  var theme = _ref3.theme,
25904
25908
  inputWidth = _ref3.inputWidth;
@@ -26358,7 +26362,7 @@ var NavBarBackground$1 = styled(Flex).withConfig({
26358
26362
 
26359
26363
  var MobileMenuTrigger$1 = styled.button.withConfig({
26360
26364
  displayName: "SmallNavBar__MobileMenuTrigger",
26361
- componentId: "ykabay-0"
26365
+ componentId: "sc-ykabay-0"
26362
26366
  })(function (_ref) {
26363
26367
  var color = _ref.color,
26364
26368
  hoverColor = _ref.hoverColor,
@@ -26386,7 +26390,7 @@ var MobileMenuTrigger$1 = styled.button.withConfig({
26386
26390
  });
26387
26391
  var SmallHeader$1 = styled.header.withConfig({
26388
26392
  displayName: "SmallNavBar__SmallHeader",
26389
- componentId: "ykabay-1"
26393
+ componentId: "sc-ykabay-1"
26390
26394
  })(function (_ref2) {
26391
26395
  var isOpen = _ref2.isOpen,
26392
26396
  theme = _ref2.theme;
@@ -26597,12 +26601,12 @@ var BaseNavBar = function BaseNavBar(_a) {
26597
26601
 
26598
26602
  var NavBar$1 = styled(BaseNavBar).withConfig({
26599
26603
  displayName: "NavBar",
26600
- componentId: "cszq6w-0"
26604
+ componentId: "sc-cszq6w-0"
26601
26605
  })({});
26602
26606
 
26603
26607
  var BreadcrumbsList = styled.ol.withConfig({
26604
26608
  displayName: "BreadcrumbsList",
26605
- componentId: "obiz1v-0"
26609
+ componentId: "sc-obiz1v-0"
26606
26610
  })(function () {
26607
26611
  return {
26608
26612
  margin: 0,
@@ -26929,7 +26933,7 @@ var getCheckboxButtons = function getCheckboxButtons(props) {
26929
26933
 
26930
26934
  var LabelText = styled.span.withConfig({
26931
26935
  displayName: "CheckboxGroup__LabelText",
26932
- componentId: "ubmlt9-0"
26936
+ componentId: "sc-ubmlt9-0"
26933
26937
  })(function (_ref) {
26934
26938
  var theme = _ref.theme;
26935
26939
  return {
@@ -26940,7 +26944,7 @@ var LabelText = styled.span.withConfig({
26940
26944
  });
26941
26945
  var Legend = styled.legend.withConfig({
26942
26946
  displayName: "CheckboxGroup__Legend",
26943
- componentId: "ubmlt9-1"
26947
+ componentId: "sc-ubmlt9-1"
26944
26948
  })(function (_ref2) {
26945
26949
  var theme = _ref2.theme;
26946
26950
  return {
@@ -40377,6 +40381,8 @@ DatePickerHeader.defaultProps = {
40377
40381
  var DatePickerInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
40378
40382
  var onChange = _ref.onChange,
40379
40383
  onClick = _ref.onClick,
40384
+ onBlur = _ref.onBlur,
40385
+ onFocus = _ref.onFocus,
40380
40386
  onInputChange = _ref.onInputChange,
40381
40387
  value = _ref.value,
40382
40388
  _ref$inputProps = _ref.inputProps,
@@ -40408,6 +40414,8 @@ var DatePickerInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
40408
40414
  t = _useTranslation.t;
40409
40415
 
40410
40416
  return /*#__PURE__*/React__default.createElement(InputField, Object.assign({
40417
+ onBlur: onBlur,
40418
+ onFocus: onFocus,
40411
40419
  ref: ref,
40412
40420
  "aria-label": ariaLabel || t("select a date"),
40413
40421
  autoComplete: "off"
@@ -40541,8 +40549,10 @@ var DatePicker = /*#__PURE__*/forwardRef(function (_a, datePickerRef) {
40541
40549
  className = _a.className,
40542
40550
  onInputChange = _a.onInputChange,
40543
40551
  onChange = _a.onChange,
40552
+ onBlur = _a.onBlur,
40553
+ onFocus = _a.onFocus,
40544
40554
  selected = _a.selected,
40545
- props = __rest(_a, ["dateFormat", "errorMessage", "errorList", "inputProps", "minDate", "maxDate", "highlightDates", "disableFlipping", "className", "onInputChange", "onChange", "selected"]);
40555
+ props = __rest(_a, ["dateFormat", "errorMessage", "errorList", "inputProps", "minDate", "maxDate", "highlightDates", "disableFlipping", "className", "onInputChange", "onChange", "onBlur", "onFocus", "selected"]);
40546
40556
 
40547
40557
  var _useState = useState(selected),
40548
40558
  selectedDate = _useState[0],
@@ -40655,7 +40665,10 @@ var DatePicker = /*#__PURE__*/forwardRef(function (_a, datePickerRef) {
40655
40665
 
40656
40666
  onRefChange(r);
40657
40667
  },
40668
+ onFocus: onFocus,
40669
+ onBlur: onBlur,
40658
40670
  popperModifiers: {
40671
+ // @ts-ignore
40659
40672
  flip: {
40660
40673
  enabled: !disableFlipping
40661
40674
  }
@@ -40850,7 +40863,7 @@ debounce_1.debounce;
40850
40863
  // @ts-nocheck
40851
40864
  var TimePickerOption = styled.li.withConfig({
40852
40865
  displayName: "TimePickerOption",
40853
- componentId: "a59kp-0"
40866
+ componentId: "sc-a59kp-0"
40854
40867
  })(function (_ref) {
40855
40868
  var theme = _ref.theme,
40856
40869
  isSelected = _ref.isSelected,
@@ -40873,7 +40886,7 @@ var TimePickerOption = styled.li.withConfig({
40873
40886
  // @ts-nocheck
40874
40887
  var TimePickerDropdown = styled.ul.withConfig({
40875
40888
  displayName: "TimePickerDropdown",
40876
- componentId: "i1v2dv-0"
40889
+ componentId: "sc-i1v2dv-0"
40877
40890
  })(function (_ref) {
40878
40891
  var theme = _ref.theme,
40879
40892
  isOpen = _ref.isOpen;
@@ -40900,7 +40913,7 @@ var TimePickerDropdown = styled.ul.withConfig({
40900
40913
  // @ts-nocheck
40901
40914
  var TimePickerInput = styled(InputField).withConfig({
40902
40915
  displayName: "TimePickerInput",
40903
- componentId: "a6tg1z-0"
40916
+ componentId: "sc-a6tg1z-0"
40904
40917
  })(function (_ref) {
40905
40918
  var dropdownIsOpen = _ref.dropdownIsOpen;
40906
40919
  return Object.assign({}, dropdownIsOpen && {
@@ -41255,21 +41268,17 @@ var EndTime = styled(TimePicker).withConfig({
41255
41268
  })(function (_ref) {
41256
41269
  var theme = _ref.theme;
41257
41270
  return {
41258
- marginRight: theme.space.x1,
41259
- display: "flex",
41260
- alignItems: "flex-end"
41271
+ marginRight: theme.space.x1
41261
41272
  };
41262
41273
  });
41263
41274
 
41264
41275
  var StartTime = styled(TimePicker).withConfig({
41265
41276
  displayName: "StartTime",
41266
- componentId: "ay3es1-0"
41277
+ componentId: "sc-ay3es1-0"
41267
41278
  })(function (_ref) {
41268
41279
  var theme = _ref.theme;
41269
41280
  return {
41270
- marginLeft: theme.space.x1,
41271
- display: "flex",
41272
- alignItems: "flex-end"
41281
+ marginLeft: theme.space.x1
41273
41282
  };
41274
41283
  });
41275
41284
 
@@ -43814,7 +43823,7 @@ var getHeaderPaddingRight = function getHeaderPaddingRight(closeButtonIncluded,
43814
43823
 
43815
43824
  var ModalHeader = styled.div.withConfig({
43816
43825
  displayName: "ModalHeader",
43817
- componentId: "tbowww-0"
43826
+ componentId: "sc-tbowww-0"
43818
43827
  })(function (_ref) {
43819
43828
  var hasCloseButton = _ref.hasCloseButton,
43820
43829
  theme = _ref.theme;
@@ -44390,7 +44399,7 @@ SubMenuTrigger.defaultProps = {
44390
44399
 
44391
44400
  var StyledButton = styled.button.withConfig({
44392
44401
  displayName: "MenuTrigger__StyledButton",
44393
- componentId: "ooz0w0-0"
44402
+ componentId: "sc-ooz0w0-0"
44394
44403
  })(function (_ref) {
44395
44404
  var color = _ref.color,
44396
44405
  hoverColor = _ref.hoverColor,
@@ -44741,7 +44750,7 @@ var isValidMenuItem = function validArrayItem(arr, idx, componentName, location,
44741
44750
 
44742
44751
  var BrandingWrap = styled.div.withConfig({
44743
44752
  displayName: "MobileMenu__BrandingWrap",
44744
- componentId: "vqy2lk-0"
44753
+ componentId: "sc-vqy2lk-0"
44745
44754
  })({
44746
44755
  marginTop: "-" + Theme.space.x1,
44747
44756
  marginBottom: Theme.space.x3,
@@ -44775,7 +44784,7 @@ var getSharedStyles = function getSharedStyles(_ref) {
44775
44784
 
44776
44785
  var ApplyMenuLinkStyles = styled.li.withConfig({
44777
44786
  displayName: "MobileMenu__ApplyMenuLinkStyles",
44778
- componentId: "vqy2lk-1"
44787
+ componentId: "sc-vqy2lk-1"
44779
44788
  })(function (_ref2) {
44780
44789
  var color = _ref2.color,
44781
44790
  hoverColor = _ref2.hoverColor,
@@ -44816,7 +44825,7 @@ ApplyMenuLinkStyles.defaultProps = {
44816
44825
  };
44817
44826
  var MenuLink = styled.a.withConfig({
44818
44827
  displayName: "MobileMenu__MenuLink",
44819
- componentId: "vqy2lk-2"
44828
+ componentId: "sc-vqy2lk-2"
44820
44829
  })(function (_ref3) {
44821
44830
  var color = _ref3.color,
44822
44831
  hoverColor = _ref3.hoverColor,
@@ -44845,7 +44854,7 @@ var MenuLink = styled.a.withConfig({
44845
44854
  });
44846
44855
  var MenuText = styled.li.withConfig({
44847
44856
  displayName: "MobileMenu__MenuText",
44848
- componentId: "vqy2lk-3"
44857
+ componentId: "sc-vqy2lk-3"
44849
44858
  })(function (_ref4) {
44850
44859
  var textColor = _ref4.textColor,
44851
44860
  layer = _ref4.layer;
@@ -44856,7 +44865,7 @@ var MenuText = styled.li.withConfig({
44856
44865
  });
44857
44866
  var SubMenuItemsList = styled.ul.withConfig({
44858
44867
  displayName: "MobileMenu__SubMenuItemsList",
44859
- componentId: "vqy2lk-4"
44868
+ componentId: "sc-vqy2lk-4"
44860
44869
  })({
44861
44870
  listStyle: "none",
44862
44871
  paddingLeft: "0",
@@ -44975,7 +44984,7 @@ SubMenu.defaultProps = {
44975
44984
  };
44976
44985
  var Menu = styled.ul.withConfig({
44977
44986
  displayName: "MobileMenu__Menu",
44978
- componentId: "vqy2lk-5"
44987
+ componentId: "sc-vqy2lk-5"
44979
44988
  })(function () {
44980
44989
  var _ref6;
44981
44990
 
@@ -44991,7 +45000,7 @@ var Menu = styled.ul.withConfig({
44991
45000
  });
44992
45001
  var Nav = styled.nav.withConfig({
44993
45002
  displayName: "MobileMenu__Nav",
44994
- componentId: "vqy2lk-6"
45003
+ componentId: "sc-vqy2lk-6"
44995
45004
  })(function (_ref7) {
44996
45005
  var backgroundColor = _ref7.backgroundColor;
44997
45006
  return {
@@ -45035,7 +45044,7 @@ BaseMobileMenu.defaultProps = {
45035
45044
  };
45036
45045
  var MobileMenu = styled(BaseMobileMenu).withConfig({
45037
45046
  displayName: "MobileMenu",
45038
- componentId: "vqy2lk-7"
45047
+ componentId: "sc-vqy2lk-7"
45039
45048
  })(display);
45040
45049
 
45041
45050
  var SmallNavBarNoState = /*#__PURE__*/function (_React$Component) {
@@ -45167,7 +45176,7 @@ var getThemeColor = function getThemeColor(themeColor) {
45167
45176
  };
45168
45177
  var NavBarBackground = styled(Flex).withConfig({
45169
45178
  displayName: "NavBar__NavBarBackground",
45170
- componentId: "uw8kj5-0"
45179
+ componentId: "sc-uw8kj5-0"
45171
45180
  })(function (_ref) {
45172
45181
  var backgroundColor = _ref.backgroundColor,
45173
45182
  theme = _ref.theme;
@@ -45265,7 +45274,7 @@ MediumNavBar.defaultProps = {
45265
45274
  };
45266
45275
  var MobileMenuTrigger = styled.button.withConfig({
45267
45276
  displayName: "NavBar__MobileMenuTrigger",
45268
- componentId: "uw8kj5-1"
45277
+ componentId: "sc-uw8kj5-1"
45269
45278
  })(function (_ref2) {
45270
45279
  var color = _ref2.color,
45271
45280
  hoverColor = _ref2.hoverColor,
@@ -45292,7 +45301,7 @@ var MobileMenuTrigger = styled.button.withConfig({
45292
45301
  });
45293
45302
  var SmallHeader = styled.header.withConfig({
45294
45303
  displayName: "NavBar__SmallHeader",
45295
- componentId: "uw8kj5-2"
45304
+ componentId: "sc-uw8kj5-2"
45296
45305
  })(function (_ref3) {
45297
45306
  var isOpen = _ref3.isOpen;
45298
45307
  return isOpen ? {
@@ -48102,7 +48111,7 @@ var mergeThemes = function mergeThemes(theme, customTheme) {
48102
48111
 
48103
48112
  var GlobalStyles = styled.div.withConfig({
48104
48113
  displayName: "GlobalStyles",
48105
- componentId: "s7lol5-0"
48114
+ componentId: "sc-s7lol5-0"
48106
48115
  })(function (_ref) {
48107
48116
  var theme = _ref.theme,
48108
48117
  locale = _ref.locale;
@@ -48203,7 +48212,7 @@ var NDSProvider = function NDSProvider(_ref2) {
48203
48212
 
48204
48213
  var Overlay = styled(Flex).withConfig({
48205
48214
  displayName: "Overlay",
48206
- componentId: "mcd6gm-0"
48215
+ componentId: "sc-mcd6gm-0"
48207
48216
  })(function (_ref) {
48208
48217
  var dark = _ref.dark,
48209
48218
  theme = _ref.theme;
@@ -48237,7 +48246,7 @@ var getHoverBackground = function getHoverBackground(currentPage, disabled, them
48237
48246
 
48238
48247
  var PaginationButton = styled.button.withConfig({
48239
48248
  displayName: "PaginationButton",
48240
- componentId: "fr0av7-0"
48249
+ componentId: "sc-fr0av7-0"
48241
48250
  })(function (_ref) {
48242
48251
  var theme = _ref.theme,
48243
48252
  disabled = _ref.disabled,
@@ -48489,7 +48498,7 @@ var getRadioStyle = function getRadioStyle(props, checked) {
48489
48498
 
48490
48499
  var VisualRadio = styled.div.withConfig({
48491
48500
  displayName: "Radio__VisualRadio",
48492
- componentId: "rhd32j-0"
48501
+ componentId: "sc-rhd32j-0"
48493
48502
  })(function (_ref) {
48494
48503
  var disabled = _ref.disabled,
48495
48504
  theme = _ref.theme;
@@ -48518,7 +48527,7 @@ var VisualRadio = styled.div.withConfig({
48518
48527
  });
48519
48528
  var RadioInput = styled.input.withConfig({
48520
48529
  displayName: "Radio__RadioInput",
48521
- componentId: "rhd32j-1"
48530
+ componentId: "sc-rhd32j-1"
48522
48531
  })(function (props) {
48523
48532
  var _ref2;
48524
48533
 
@@ -48754,7 +48763,7 @@ var rowsPropType = PropTypes.arrayOf(rowPropType);
48754
48763
 
48755
48764
  var StyledTableCell = styled.td.withConfig({
48756
48765
  displayName: "TableCell__StyledTableCell",
48757
- componentId: "q0c72j-0"
48766
+ componentId: "sc-q0c72j-0"
48758
48767
  })(function (_ref) {
48759
48768
  var align = _ref.align,
48760
48769
  compact = _ref.compact,
@@ -48812,7 +48821,7 @@ TableCell.defaultProps = {
48812
48821
 
48813
48822
  var StyledMessageContainer = styled(Box).withConfig({
48814
48823
  displayName: "TableBody__StyledMessageContainer",
48815
- componentId: "b5sejq-0"
48824
+ componentId: "sc-b5sejq-0"
48816
48825
  })(function (_ref) {
48817
48826
  var theme = _ref.theme;
48818
48827
  return {
@@ -48823,7 +48832,7 @@ var StyledMessageContainer = styled(Box).withConfig({
48823
48832
  });
48824
48833
  var StyledTr = styled.tr.withConfig({
48825
48834
  displayName: "TableBody__StyledTr",
48826
- componentId: "b5sejq-1"
48835
+ componentId: "sc-b5sejq-1"
48827
48836
  })(function (_ref2) {
48828
48837
  var rowHovers = _ref2.rowHovers,
48829
48838
  theme = _ref2.theme;
@@ -49863,7 +49872,7 @@ var Summary = function Summary(_a) {
49863
49872
 
49864
49873
  var SummaryItemWrapper = styled(Flex).withConfig({
49865
49874
  displayName: "SummaryItem__SummaryItemWrapper",
49866
- componentId: "kqzify-0"
49875
+ componentId: "sc-kqzify-0"
49867
49876
  })(function (_ref) {
49868
49877
  var _ref2;
49869
49878
 
@@ -50044,7 +50053,7 @@ Switcher.propTypes = {
50044
50053
 
50045
50054
  var SwitchButton = styled.button.withConfig({
50046
50055
  displayName: "Switch__SwitchButton",
50047
- componentId: "wsu5uq-0"
50056
+ componentId: "sc-wsu5uq-0"
50048
50057
  })(function (_ref) {
50049
50058
  var selected = _ref.selected,
50050
50059
  theme = _ref.theme;
@@ -51254,7 +51263,7 @@ var Slider = function Slider(_ref2) {
51254
51263
 
51255
51264
  var ToggleInput = styled.input.withConfig({
51256
51265
  displayName: "ToggleButton__ToggleInput",
51257
- componentId: "t7wo9n-0"
51266
+ componentId: "sc-t7wo9n-0"
51258
51267
  })(function (_ref3) {
51259
51268
  var _ref4;
51260
51269
 
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { FlexProps } from "../Flex/Flex";
3
2
  type NotificationType = "danger" | "informative" | "success" | "warning";
4
3
  export type AlertProps = FlexProps & {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  title: string;
4
3
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  type CloseButtonProps = {
3
2
  onClick: any;
4
3
  "aria-label": string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  title: string;
4
3
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const WithCallToAction: () => JSX.Element;
3
2
  export declare const Dismissible: () => JSX.Element;
4
3
  export declare const AboveTheNavbar: () => JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  title: string;
4
3
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const NAVBAR_HEIGHT = "56px";
3
2
  type BaseNavBarProps = {
4
3
  menuData?: any;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  title: string;
4
3
  };
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const NulogyLogo: () => JSX.Element;
3
2
  export default NulogyLogo;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  type NulogyLogoContainerProps = {
3
2
  subText?: string;
4
3
  height?: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  title: string;
4
3
  parameters: {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  type BrandingProps = {
3
2
  logoType?: "wordmark" | "lettermark";
4
3
  logoColor?: "blue" | "white";
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  title: string;
4
3
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  title: string;
4
3
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  title: string;
4
3
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  title: string;
4
3
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  title: string;
4
3
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  title: string;
4
3
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  title: string;
4
3
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  title: string;
4
3
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  title: string;
4
3
  };