@norges-domstoler/dds-components 13.4.0 → 13.5.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 (78) hide show
  1. package/dist/cjs/icons/tsx/agreement.d.ts +2 -0
  2. package/dist/cjs/icons/tsx/caring.d.ts +2 -0
  3. package/dist/cjs/icons/tsx/index.d.ts +3 -0
  4. package/dist/cjs/icons/tsx/payout.d.ts +2 -0
  5. package/dist/cjs/index.js +319 -417
  6. package/dist/components/BackLink/BackLink.js +6 -8
  7. package/dist/components/Breadcrumbs/Breadcrumb.js +6 -8
  8. package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -2
  9. package/dist/components/Button/Button.js +10 -14
  10. package/dist/components/Card/Card.js +2 -4
  11. package/dist/components/Card/CardAccordion/CardAccordionBody.js +2 -4
  12. package/dist/components/Card/CardAccordion/CardAccordionHeader.js +4 -6
  13. package/dist/components/Checkbox/Checkbox.js +4 -6
  14. package/dist/components/Checkbox/CheckboxGroup.js +8 -11
  15. package/dist/components/Chip/Chip.js +1 -2
  16. package/dist/components/Chip/ChipGroup.js +1 -2
  17. package/dist/components/Datepicker/Datepicker.js +3 -4
  18. package/dist/components/Drawer/Drawer.js +4 -6
  19. package/dist/components/EmptyContent/EmptyContent.js +5 -7
  20. package/dist/components/FileUploader/FileUploader.js +10 -14
  21. package/dist/components/GlobalMessage/GlobalMessage.js +6 -8
  22. package/dist/components/Grid/Grid.js +5 -8
  23. package/dist/components/Grid/GridChild.js +1 -2
  24. package/dist/components/InlineEdit/InlineEdit.utils.js +3 -4
  25. package/dist/components/InlineEdit/InlineEditInput.js +3 -4
  26. package/dist/components/InlineEdit/InlineEditTextArea.js +3 -4
  27. package/dist/components/InlineEdit/InlineInput.js +6 -8
  28. package/dist/components/InlineEdit/InlineTextArea.js +6 -8
  29. package/dist/components/InputMessage/InputMessage.js +3 -4
  30. package/dist/components/InternalHeader/InternalHeader.js +12 -16
  31. package/dist/components/InternalHeader/NavigationItem.js +1 -2
  32. package/dist/components/LocalMessage/LocalMessage.js +3 -4
  33. package/dist/components/Modal/Modal.js +4 -6
  34. package/dist/components/Modal/ModalBody.js +3 -4
  35. package/dist/components/OverflowMenu/OverflowMenu.js +4 -6
  36. package/dist/components/OverflowMenu/OverflowMenuItem.js +4 -7
  37. package/dist/components/Pagination/Pagination.js +18 -25
  38. package/dist/components/Popover/Popover.js +7 -10
  39. package/dist/components/ProgressTracker/ProgressTracker.js +3 -4
  40. package/dist/components/ProgressTracker/ProgressTrackerItem.js +8 -12
  41. package/dist/components/RadioButton/RadioButton.js +4 -6
  42. package/dist/components/RadioButton/RadioButtonGroup.js +9 -13
  43. package/dist/components/ScrollableContainer/ScrollableContainer.js +3 -4
  44. package/dist/components/Search/Search.js +6 -8
  45. package/dist/components/Search/SearchAutocompleteWrapper.js +3 -4
  46. package/dist/components/Search/SearchSuggestions.js +10 -14
  47. package/dist/components/Select/Select.js +6 -8
  48. package/dist/components/SkipToContent/SkipToContent.js +1 -2
  49. package/dist/components/Spinner/Spinner.js +3 -4
  50. package/dist/components/SplitButton/SplitButton.js +6 -8
  51. package/dist/components/Table/SortCell.js +3 -4
  52. package/dist/components/Table/collapsible/CollapsibleRow.js +16 -22
  53. package/dist/components/Table/collapsible/CollapsibleTable.js +3 -4
  54. package/dist/components/Tabs/Tabs.js +4 -6
  55. package/dist/components/Tag/Tag.js +1 -2
  56. package/dist/components/TextArea/TextArea.js +3 -4
  57. package/dist/components/TextInput/CharCounter.js +1 -2
  58. package/dist/components/TextInput/TextInput.js +9 -12
  59. package/dist/components/ToggleBar/ToggleBar.js +7 -10
  60. package/dist/components/ToggleBar/ToggleRadio.js +6 -8
  61. package/dist/components/ToggleButton/ToggleButton.js +3 -4
  62. package/dist/components/ToggleButton/ToggleButtonGroup.js +3 -4
  63. package/dist/components/Tooltip/Tooltip.js +1 -2
  64. package/dist/components/Typography/Caption/Caption.js +1 -2
  65. package/dist/components/Typography/Label/Label.js +1 -2
  66. package/dist/components/Typography/Legend/Legend.js +1 -2
  67. package/dist/components/VisuallyHidden/VisuallyHidden.js +1 -2
  68. package/dist/helpers/Chevron/AnimatedChevronUpDown.js +6 -8
  69. package/dist/icons/tsx/agreement.d.ts +2 -0
  70. package/dist/icons/tsx/agreement.js +12 -0
  71. package/dist/icons/tsx/caring.d.ts +2 -0
  72. package/dist/icons/tsx/caring.js +12 -0
  73. package/dist/icons/tsx/index.d.ts +3 -0
  74. package/dist/icons/tsx/jordskifterett.js +1 -2
  75. package/dist/icons/tsx/payout.d.ts +2 -0
  76. package/dist/icons/tsx/payout.js +12 -0
  77. package/dist/index.js +3 -0
  78. package/package.json +24 -24
package/dist/cjs/index.js CHANGED
@@ -753,16 +753,14 @@ var AnimatedChevronUpDown = function AnimatedChevronUpDown(_ref) {
753
753
  height = _ref$height === void 0 ? '5px' : _ref$height,
754
754
  _ref$width = _ref.width,
755
755
  width = _ref$width === void 0 ? '8px' : _ref$width;
756
- return jsxRuntime.jsx(SvgChevron, Object.assign({
756
+ return jsxRuntime.jsx(SvgChevron, {
757
757
  viewBox: "0 0 8 5",
758
758
  width: width,
759
759
  height: height,
760
760
  fill: "currentColor",
761
- isUp: isUp
762
- }, {
763
- children: jsxRuntime.jsxs(SvgChevronlGroup, Object.assign({
764
- isUp: isUp
765
- }, {
761
+ isUp: isUp,
762
+ children: jsxRuntime.jsxs(SvgChevronlGroup, {
763
+ isUp: isUp,
766
764
  children: [jsxRuntime.jsx(SvgChevronlLeft, {
767
765
  d: svgChevronLeftPath,
768
766
  isUp: isUp
@@ -770,8 +768,8 @@ var AnimatedChevronUpDown = function AnimatedChevronUpDown(_ref) {
770
768
  d: svgChevronRightPath,
771
769
  isUp: isUp
772
770
  })]
773
- }))
774
- }));
771
+ })
772
+ });
775
773
  };
776
774
 
777
775
  var HiddenInput = styled__default.default.input.withConfig({
@@ -957,6 +955,14 @@ function SvgWrapper(props) {
957
955
  }));
958
956
  }
959
957
 
958
+ function AgreementIcon(props) {
959
+ return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
960
+ children: jsxRuntime.jsx("path", {
961
+ d: "M12.22 19.85c-.18.18-.5.21-.71 0-.18-.18-.21-.5 0-.71l3.39-3.39-1.41-1.41-3.39 3.39c-.19.2-.51.19-.71 0-.21-.21-.18-.53 0-.71l3.39-3.39-1.41-1.41-3.39 3.39c-.18.18-.5.21-.71 0-.19-.19-.19-.51 0-.71l3.39-3.39-1.42-1.41-3.39 3.39c-.18.18-.5.21-.71 0-.19-.2-.19-.51 0-.71L9.52 8.4l1.87 1.86c.95.95 2.59.94 3.54 0 .98-.98.98-2.56 0-3.54l-1.86-1.86.28-.28c.78-.78 2.05-.78 2.83 0l4.24 4.24c.78.78.78 2.05 0 2.83l-8.2 8.2zm9.61-6.78c1.56-1.56 1.56-4.09 0-5.66l-4.24-4.24c-1.56-1.56-4.09-1.56-5.66 0l-.28.28-.28-.28c-1.56-1.56-4.09-1.56-5.66 0L2.17 6.71C.75 8.13.62 10.34 1.77 11.9l1.45-1.45c-.39-.75-.26-1.7.37-2.33l3.54-3.54c.78-.78 2.05-.78 2.83 0l3.56 3.56c.18.18.21.5 0 .71-.21.21-.53.18-.71 0L9.52 5.57l-5.8 5.79c-.98.97-.98 2.56 0 3.54.39.39.89.63 1.42.7.07.52.3 1.02.7 1.42.4.4.9.63 1.42.7.07.52.3 1.02.7 1.42.4.4.9.63 1.42.7.07.54.31 1.03.7 1.42.47.47 1.1.73 1.77.73.67 0 1.3-.26 1.77-.73l8.21-8.19z"
962
+ })
963
+ }));
964
+ }
965
+
960
966
  function AppsIcon(props) {
961
967
  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
962
968
  children: jsxRuntime.jsx("path", {
@@ -1103,6 +1109,14 @@ function CallIcon(props) {
1103
1109
  }));
1104
1110
  }
1105
1111
 
1112
+ function CaringIcon(props) {
1113
+ return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
1114
+ children: jsxRuntime.jsx("path", {
1115
+ d: "M16 13c3.09-2.81 6-5.44 6-7.7C22 3.45 20.55 2 18.7 2c-1.04 0-2.05.49-2.7 1.25C15.34 2.49 14.34 2 13.3 2 11.45 2 10 3.45 10 5.3c0 2.26 2.91 4.89 6 7.7zm-2.7-9c.44 0 .89.21 1.18.55L16 6.34l1.52-1.79c.29-.34.74-.55 1.18-.55.74 0 1.3.56 1.3 1.3 0 1.12-2.04 3.17-4 4.99-1.96-1.82-4-3.88-4-4.99 0-.74.56-1.3 1.3-1.3zM19 16h-2c0-1.2-.75-2.28-1.87-2.7L8.97 11H1v11h6v-1.44l7 1.94 8-2.5v-1c0-1.66-1.34-3-3-3zM3 20v-7h2v7H3zm10.97.41L7 18.48V13h1.61l5.82 2.17c.34.13.57.46.57.83 0 0-1.99-.05-2.3-.15l-2.38-.79-.63 1.9 2.38.79c.51.17 1.04.26 1.58.26H19c.39 0 .74.23.9.56l-5.93 1.84z"
1116
+ })
1117
+ }));
1118
+ }
1119
+
1106
1120
  function ChatIcon(props) {
1107
1121
  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
1108
1122
  children: jsxRuntime.jsx("path", {
@@ -1581,8 +1595,7 @@ function JordskifterettIcon(props) {
1581
1595
  height: "24"
1582
1596
  }, rest, {
1583
1597
  xmlns: "http://www.w3.org/2000/svg",
1584
- viewBox: "0 0 24 24"
1585
- }, {
1598
+ viewBox: "0 0 24 24",
1586
1599
  children: [title && jsxRuntime.jsx("title", {
1587
1600
  children: title
1588
1601
  }), jsxRuntime.jsx("circle", {
@@ -1795,6 +1808,14 @@ function OpenExternalIcon(props) {
1795
1808
  }));
1796
1809
  }
1797
1810
 
1811
+ function PayoutIcon(props) {
1812
+ return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
1813
+ children: jsxRuntime.jsx("path", {
1814
+ d: "M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v4h5v12H6zm5-1h2v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1h-3v-1h4v-2h-2V9h-2v1h-1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3v1H9v2h2v1z"
1815
+ })
1816
+ }));
1817
+ }
1818
+
1798
1819
  function PdfIcon(props) {
1799
1820
  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
1800
1821
  children: jsxRuntime.jsx("path", {
@@ -2184,14 +2205,13 @@ var InputMessage = /*#__PURE__*/React.forwardRef(function (props, ref) {
2184
2205
  children: [isError && jsxRuntime.jsx(Icon, {
2185
2206
  icon: ErrorIcon,
2186
2207
  iconSize: "inherit"
2187
- }), jsxRuntime.jsx(Typography, Object.assign({
2208
+ }), jsxRuntime.jsx(Typography, {
2188
2209
  typographyType: isError ? 'supportingStyleLabel01' : 'supportingStyleHelperText01',
2189
2210
  as: "span",
2190
2211
  bold: isError ? true : undefined,
2191
- color: isError ? inputMessageTokens.message.error.color : undefined
2192
- }, {
2212
+ color: isError ? inputMessageTokens.message.error.color : undefined,
2193
2213
  children: message
2194
- }))]
2214
+ })]
2195
2215
  }));
2196
2216
  });
2197
2217
  InputMessage.displayName = 'InputMessage';
@@ -3201,8 +3221,7 @@ var Label$2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
3201
3221
  rest = tslib.__rest(props, ["showRequiredStyling", "id", "className", "htmlProps", "children"]);
3202
3222
  return jsxRuntime.jsxs(Typography, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
3203
3223
  ref: ref,
3204
- typographyType: "supportingStyleLabel01"
3205
- }, {
3224
+ typographyType: "supportingStyleLabel01",
3206
3225
  children: [children, " ", showRequiredStyling && jsxRuntime.jsx(RequiredMarker, {})]
3207
3226
  }));
3208
3227
  });
@@ -3307,8 +3326,7 @@ var Legend = /*#__PURE__*/React.forwardRef(function (props, ref) {
3307
3326
  return jsxRuntime.jsx(Typography, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
3308
3327
  ref: ref,
3309
3328
  as: "legend",
3310
- typographyType: "headingSans03"
3311
- }, {
3329
+ typographyType: "headingSans03",
3312
3330
  children: children
3313
3331
  }));
3314
3332
  });
@@ -3323,8 +3341,7 @@ var Caption = /*#__PURE__*/React.forwardRef(function (props, ref) {
3323
3341
  return jsxRuntime.jsx(Typography, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
3324
3342
  ref: ref,
3325
3343
  typographyType: "headingSans03",
3326
- as: "caption"
3327
- }, {
3344
+ as: "caption",
3328
3345
  children: children
3329
3346
  }));
3330
3347
  });
@@ -3544,17 +3561,15 @@ var RadioButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
3544
3561
  };
3545
3562
  return jsxRuntime.jsxs(Container$f, Object.assign({}, containerProps, {
3546
3563
  htmlFor: uniqueId,
3547
- controlType: "radio"
3548
- }, {
3564
+ controlType: "radio",
3549
3565
  children: [jsxRuntime.jsx(HiddenInput, Object.assign({}, inputProps, {
3550
3566
  ref: ref
3551
3567
  })), jsxRuntime.jsx(CustomSelectionControl, {
3552
3568
  controlType: "radio"
3553
- }), jsxRuntime.jsx(Typography, Object.assign({
3554
- as: "span"
3555
- }, {
3569
+ }), jsxRuntime.jsx(Typography, {
3570
+ as: "span",
3556
3571
  children: children !== null && children !== void 0 ? children : label
3557
- }))]
3572
+ })]
3558
3573
  }));
3559
3574
  });
3560
3575
  RadioButton.displayName = 'RadioButton';
@@ -3607,27 +3622,23 @@ var RadioButtonGroupInner = function RadioButtonGroupInner(props, ref) {
3607
3622
  return jsxRuntime.jsxs(OuterGroupContainer, Object.assign({}, getBaseHTMLProps(id, className, Object.assign(Object.assign({}, htmlProps), {
3608
3623
  'aria-required': ariaRequired
3609
3624
  }), rest), {
3610
- ref: ref
3611
- }, {
3612
- children: [jsxRuntime.jsxs(Typography, Object.assign({
3625
+ ref: ref,
3626
+ children: [jsxRuntime.jsxs(Typography, {
3613
3627
  as: "span",
3614
3628
  typographyType: "supportingStyleLabel01",
3615
- id: uniqueGroupId
3616
- }, {
3629
+ id: uniqueGroupId,
3617
3630
  children: [label, " ", showRequiredMarker && jsxRuntime.jsx(RequiredMarker, {})]
3618
- })), renderInputMessage(tip, tipId), jsxRuntime.jsx(RadioButtonGroupContext.Provider, Object.assign({
3619
- value: Object.assign({}, contextProps)
3620
- }, {
3621
- children: jsxRuntime.jsx(GroupContainer, Object.assign({
3631
+ }), renderInputMessage(tip, tipId), jsxRuntime.jsx(RadioButtonGroupContext.Provider, {
3632
+ value: Object.assign({}, contextProps),
3633
+ children: jsxRuntime.jsx(GroupContainer, {
3622
3634
  role: "radiogroup",
3623
3635
  direction: direction,
3624
3636
  "aria-labelledby": uniqueGroupId,
3625
3637
  "aria-describedby": tipId,
3626
- "aria-errormessage": errorMessageId
3627
- }, {
3638
+ "aria-errormessage": errorMessageId,
3628
3639
  children: children
3629
- }))
3630
- })), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
3640
+ })
3641
+ }), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
3631
3642
  }));
3632
3643
  };
3633
3644
  var RadioButtonGroup = /*#__PURE__*/React.forwardRef(RadioButtonGroupInner);
@@ -3680,20 +3691,18 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
3680
3691
  'aria-readonly': readOnly
3681
3692
  });
3682
3693
  return jsxRuntime.jsxs(Container$f, Object.assign({}, containerProps, {
3683
- controlType: "checkbox"
3684
- }, {
3694
+ controlType: "checkbox",
3685
3695
  children: [jsxRuntime.jsx(HiddenInput, Object.assign({}, inputProps, {
3686
3696
  type: "checkbox",
3687
3697
  "data-indeterminate": indeterminate
3688
3698
  })), jsxRuntime.jsx(CustomSelectionControl, {
3689
3699
  controlType: "checkbox"
3690
- }), hasLabel && jsxRuntime.jsx(Typography, Object.assign({
3700
+ }), hasLabel && jsxRuntime.jsx(Typography, {
3691
3701
  color: "inherit",
3692
3702
  as: "span",
3693
- typographyType: "bodySans02"
3694
- }, {
3703
+ typographyType: "bodySans02",
3695
3704
  children: label
3696
- }))]
3705
+ })]
3697
3706
  }));
3698
3707
  });
3699
3708
  Checkbox.displayName = 'Checkbox';
@@ -3728,24 +3737,21 @@ var CheckboxGroup = function CheckboxGroup(props) {
3728
3737
  return jsxRuntime.jsxs(OuterGroupContainer, Object.assign({}, getBaseHTMLProps(id, className, Object.assign(Object.assign({}, htmlProps), {
3729
3738
  'aria-required': ariaRequired
3730
3739
  }), rest), {
3731
- children: [jsxRuntime.jsxs(Typography, Object.assign({
3740
+ children: [jsxRuntime.jsxs(Typography, {
3732
3741
  as: "span",
3733
3742
  typographyType: "supportingStyleLabel01",
3734
- id: uniqueGroupId
3735
- }, {
3743
+ id: uniqueGroupId,
3736
3744
  children: [label, " ", showRequiredMarker && jsxRuntime.jsx(RequiredMarker, {})]
3737
- })), renderInputMessage(tip, tipId), jsxRuntime.jsx(CheckboxGroupContext.Provider, Object.assign({
3738
- value: Object.assign({}, contextProps)
3739
- }, {
3740
- children: jsxRuntime.jsx(GroupContainer, Object.assign({
3745
+ }), renderInputMessage(tip, tipId), jsxRuntime.jsx(CheckboxGroupContext.Provider, {
3746
+ value: Object.assign({}, contextProps),
3747
+ children: jsxRuntime.jsx(GroupContainer, {
3741
3748
  role: "group",
3742
3749
  "aria-labelledby": uniqueGroupId,
3743
3750
  "aria-describedby": tip ? tipId : undefined,
3744
- direction: direction
3745
- }, {
3751
+ direction: direction,
3746
3752
  children: children
3747
- }))
3748
- })), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
3753
+ })
3754
+ }), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
3749
3755
  }));
3750
3756
  };
3751
3757
  CheckboxGroup.displayName = 'CheckboxGroup';
@@ -4149,11 +4155,10 @@ function Spinner(props) {
4149
4155
  role: "img",
4150
4156
  "aria-labelledby": uniqueId
4151
4157
  }, spinnerProps, {
4152
- children: [tooltip && jsxRuntime.jsx("title", Object.assign({
4153
- id: uniqueId
4154
- }, {
4158
+ children: [tooltip && jsxRuntime.jsx("title", {
4159
+ id: uniqueId,
4155
4160
  children: tooltip
4156
- })), jsxRuntime.jsx(Circle, Object.assign({}, circleProps, {
4161
+ }), jsxRuntime.jsx(Circle, Object.assign({}, circleProps, {
4157
4162
  cx: "25",
4158
4163
  cy: "25",
4159
4164
  r: "20",
@@ -4293,36 +4298,32 @@ var Button$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
4293
4298
  onBlur: onBlur
4294
4299
  });
4295
4300
  var isIconButton = !hasLabel && hasIcon;
4296
- var iconElement = icon && jsxRuntime.jsx(StyledIconWrapperSpan, Object.assign({
4301
+ var iconElement = icon && jsxRuntime.jsx(StyledIconWrapperSpan, {
4297
4302
  size: size,
4298
4303
  isHidden: hasIcon && loading,
4299
- justIcon: isIconButton
4300
- }, {
4304
+ justIcon: isIconButton,
4301
4305
  children: jsxRuntime.jsx(Icon, {
4302
4306
  icon: icon,
4303
4307
  iconSize: "inherit"
4304
4308
  })
4305
- }));
4309
+ });
4306
4310
  return jsxRuntime.jsxs(ButtonWrapper, Object.assign({}, wrapperProps, {
4307
- "aria-disabled": loading
4308
- }, {
4311
+ "aria-disabled": loading,
4309
4312
  children: [!isIconButton && jsxRuntime.jsxs(jsxRuntime.Fragment, {
4310
- children: [iconPosition === 'left' && iconElement, jsxRuntime.jsx(Label$1, Object.assign({
4313
+ children: [iconPosition === 'left' && iconElement, jsxRuntime.jsx(Label$1, {
4311
4314
  isHidden: loading,
4312
- "aria-hidden": loading
4313
- }, {
4315
+ "aria-hidden": loading,
4314
4316
  children: label
4315
- })), iconPosition === 'right' && iconElement]
4316
- }), isIconButton && iconElement, loading && jsxRuntime.jsx(StyledIconWrapperSpan, Object.assign({
4317
+ }), iconPosition === 'right' && iconElement]
4318
+ }), isIconButton && iconElement, loading && jsxRuntime.jsx(StyledIconWrapperSpan, {
4317
4319
  size: size,
4318
- absolutePosition: hasIcon || hasLabel
4319
- }, {
4320
+ absolutePosition: hasIcon || hasLabel,
4320
4321
  children: jsxRuntime.jsx(Spinner, {
4321
4322
  color: appearances[appearance].purpose[purpose].base.color,
4322
4323
  size: sizes[size].justIcon.icon.fontSize,
4323
4324
  tooltip: loadingTooltip
4324
4325
  })
4325
- }))]
4326
+ })]
4326
4327
  }));
4327
4328
  });
4328
4329
  Button$1.displayName = 'Button';
@@ -4343,8 +4344,7 @@ function CharCounter(props) {
4343
4344
  return jsxRuntime.jsxs(Wrapper$7, Object.assign({}, getBaseHTMLProps(uniqueId, className, htmlProps, rest), {
4344
4345
  forwardedAs: "div",
4345
4346
  typographyType: "supportingStyleHelperText01",
4346
- "aria-label": "".concat(current, " av ").concat(max, " tegn skrevet")
4347
- }, {
4347
+ "aria-label": "".concat(current, " av ").concat(max, " tegn skrevet"),
4348
4348
  children: [current, "/", max]
4349
4349
  }));
4350
4350
  }
@@ -4548,35 +4548,32 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
4548
4548
  });
4549
4549
  } else if (hasAffix) {
4550
4550
  extendedInput = jsxRuntime.jsxs(InputAffixContainer, {
4551
- children: [prefix && jsxRuntime.jsx(Prefix, Object.assign({
4551
+ children: [prefix && jsxRuntime.jsx(Prefix, {
4552
4552
  readOnly: readOnly,
4553
4553
  ref: prefixRef,
4554
- "aria-hidden": true
4555
- }, {
4554
+ "aria-hidden": true,
4556
4555
  children: prefix
4557
- })), jsxRuntime.jsx(StatefulInput, Object.assign({
4556
+ }), jsxRuntime.jsx(StatefulInput, Object.assign({
4558
4557
  ref: ref,
4559
4558
  onChange: onChangeHandler,
4560
4559
  type: type,
4561
4560
  componentSize: componentSize,
4562
4561
  prefixLength: prefixLength,
4563
4562
  suffixLength: suffixLength
4564
- }, generalInputProps)), suffix && jsxRuntime.jsx(Suffix, Object.assign({
4563
+ }, generalInputProps)), suffix && jsxRuntime.jsx(Suffix, {
4565
4564
  readOnly: readOnly,
4566
4565
  ref: suffixRef,
4567
- "aria-hidden": true
4568
- }, {
4566
+ "aria-hidden": true,
4569
4567
  children: suffix
4570
- }))]
4568
+ })]
4571
4569
  });
4572
4570
  }
4573
4571
  return jsxRuntime.jsxs(OuterInputContainer, Object.assign({}, outerInputContainerProps, {
4574
- children: [hasLabel && jsxRuntime.jsx(Label$2, Object.assign({
4572
+ children: [hasLabel && jsxRuntime.jsx(Label$2, {
4575
4573
  htmlFor: uniqueId,
4576
- showRequiredStyling: showRequiredStyling
4577
- }, {
4574
+ showRequiredStyling: showRequiredStyling,
4578
4575
  children: label
4579
- })), extendedInput ? extendedInput : jsxRuntime.jsx(StatefulInput, Object.assign({
4576
+ }), extendedInput ? extendedInput : jsxRuntime.jsx(StatefulInput, Object.assign({
4580
4577
  ref: ref,
4581
4578
  onChange: onChangeHandler,
4582
4579
  type: type,
@@ -4804,13 +4801,12 @@ var ScrollableContainer = function ScrollableContainer(props) {
4804
4801
  rest = tslib.__rest(props, ["children", "id", "className", "contentHeight", "htmlProps"]);
4805
4802
  var ref = React.useRef(null);
4806
4803
  return jsxRuntime.jsxs(StyledScrollableContainer, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
4807
- children: [jsxRuntime.jsx(Content$2, Object.assign({
4804
+ children: [jsxRuntime.jsx(Content$2, {
4808
4805
  height: contentHeight,
4809
4806
  ref: ref,
4810
- tabIndex: 0
4811
- }, {
4807
+ tabIndex: 0,
4812
4808
  children: children
4813
- })), jsxRuntime.jsx(Scrollbar, {
4809
+ }), jsxRuntime.jsx(Scrollbar, {
4814
4810
  contentRef: ref
4815
4811
  })]
4816
4812
  }));
@@ -5266,11 +5262,10 @@ var CustomOption = function CustomOption(props, Element) {
5266
5262
  };
5267
5263
  var CustomSingleValue = function CustomSingleValue(props, id, Element) {
5268
5264
  return jsxRuntime.jsx(SingleValue, Object.assign({}, props, {
5269
- children: jsxRuntime.jsx(InnerSingleValue, Object.assign({
5270
- id: id
5271
- }, {
5265
+ children: jsxRuntime.jsx(InnerSingleValue, {
5266
+ id: id,
5272
5267
  children: Element ? jsxRuntime.jsx(Element, Object.assign({}, props)) : props.children
5273
- }))
5268
+ })
5274
5269
  }));
5275
5270
  };
5276
5271
  var DDSNoOptionsMessage = function DDSNoOptionsMessage(props) {
@@ -5412,12 +5407,11 @@ var SelectInner = function SelectInner(props, ref) {
5412
5407
  required: required
5413
5408
  }, rest);
5414
5409
  return jsxRuntime.jsxs(Container$e, Object.assign({}, containerProps, {
5415
- children: [hasLabel && jsxRuntime.jsx(Label$2, Object.assign({
5410
+ children: [hasLabel && jsxRuntime.jsx(Label$2, {
5416
5411
  htmlFor: uniqueId,
5417
- showRequiredStyling: showRequiredStyling
5418
- }, {
5412
+ showRequiredStyling: showRequiredStyling,
5419
5413
  children: label
5420
- })), jsxRuntime.jsx(ReactSelect__default.default, Object.assign({}, reactSelectProps, {
5414
+ }), jsxRuntime.jsx(ReactSelect__default.default, Object.assign({}, reactSelectProps, {
5421
5415
  ref: ref
5422
5416
  })), renderInputMessage(tip, tipId, errorMessage, errorMessageId)]
5423
5417
  }));
@@ -5530,18 +5524,16 @@ var GlobalMessage = /*#__PURE__*/React.forwardRef(function (props, ref) {
5530
5524
  purpose: purpose
5531
5525
  });
5532
5526
  return !isClosed ? jsxRuntime.jsxs(Container$d, Object.assign({}, containerProps, {
5533
- children: [jsxRuntime.jsxs(ContentContainer$3, Object.assign({
5534
- closable: closable
5535
- }, {
5527
+ children: [jsxRuntime.jsxs(ContentContainer$3, {
5528
+ closable: closable,
5536
5529
  children: [jsxRuntime.jsx(MessageIconWrapper$1, {
5537
5530
  icon: purposeVariants$2[purpose].icon,
5538
5531
  color: icon$5[purpose].color
5539
- }), children !== null && children !== void 0 ? children : jsxRuntime.jsx(Typography, Object.assign({
5540
- as: "span"
5541
- }, {
5532
+ }), children !== null && children !== void 0 ? children : jsxRuntime.jsx(Typography, {
5533
+ as: "span",
5542
5534
  children: message
5543
- }))]
5544
- })), jsxRuntime.jsx(ControlsContainer, {
5535
+ })]
5536
+ }), jsxRuntime.jsx(ControlsContainer, {
5545
5537
  children: closable && jsxRuntime.jsx(Button$1, {
5546
5538
  icon: CloseIcon,
5547
5539
  purpose: purposeVariants$2[purpose].closeButtonPurpose,
@@ -5738,11 +5730,10 @@ var LocalMessage = /*#__PURE__*/React.forwardRef(function (props, ref) {
5738
5730
  icon: purposeVariants[purpose].icon,
5739
5731
  color: icon$3[purpose].color
5740
5732
  }), jsxRuntime.jsx(TextContainer, {
5741
- children: children !== null && children !== void 0 ? children : jsxRuntime.jsx(Typography, Object.assign({
5742
- as: "span"
5743
- }, {
5733
+ children: children !== null && children !== void 0 ? children : jsxRuntime.jsx(Typography, {
5734
+ as: "span",
5744
5735
  children: message
5745
- }))
5736
+ })
5746
5737
  }), closable && jsxRuntime.jsx(CloseButton, {
5747
5738
  icon: CloseIcon,
5748
5739
  purpose: purposeVariants[purpose].closeButtonPurpose,
@@ -5771,8 +5762,7 @@ var VisuallyHidden = function VisuallyHidden(props) {
5771
5762
  rest = tslib.__rest(props, ["children", "id", "className", "htmlProps", "as"]);
5772
5763
  if (as === 'div') {
5773
5764
  return jsxRuntime.jsx(Wrapper$6, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
5774
- as: as
5775
- }, {
5765
+ as: as,
5776
5766
  children: children
5777
5767
  }));
5778
5768
  }
@@ -5989,9 +5979,8 @@ var OverflowMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
5989
5979
  icon: icon
5990
5980
  });
5991
5981
  if (!href && !onClick) {
5992
- return jsxRuntime.jsxs(Span, Object.assign({}, Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
5993
- ref: ref
5994
- }), {
5982
+ return jsxRuntime.jsxs(Span, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
5983
+ ref: ref,
5995
5984
  children: [jsxRuntime.jsx(IconWrapper$1, {
5996
5985
  children: iconElement
5997
5986
  }), title]
@@ -6000,8 +5989,7 @@ var OverflowMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
6000
5989
  if (!href) {
6001
5990
  return jsxRuntime.jsxs(Link$2, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), linkProps, {
6002
5991
  as: "button",
6003
- ref: combinedRef
6004
- }, {
5992
+ ref: combinedRef,
6005
5993
  children: [jsxRuntime.jsx(IconWrapper$1, {
6006
5994
  children: iconElement
6007
5995
  }), title]
@@ -6009,8 +5997,7 @@ var OverflowMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
6009
5997
  }
6010
5998
  return jsxRuntime.jsxs(Link$2, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), linkProps, {
6011
5999
  as: "a",
6012
- ref: combinedRef
6013
- }, {
6000
+ ref: combinedRef,
6014
6001
  children: [jsxRuntime.jsx(IconWrapper$1, {
6015
6002
  children: iconElement
6016
6003
  }), title]
@@ -6060,14 +6047,12 @@ var SearchSuggestions = /*#__PURE__*/React.forwardRef(function (props, ref) {
6060
6047
  focus = _useRoveFocus2[0],
6061
6048
  setFocus = _useRoveFocus2[1];
6062
6049
  var suggestionsToRender = maxSuggestions ? suggestions === null || suggestions === void 0 ? void 0 : suggestions.slice(maxSuggestions) : suggestions;
6063
- var renderedSuggestions = jsxRuntime.jsx(SuggestionsList, Object.assign({
6050
+ var renderedSuggestions = jsxRuntime.jsx(SuggestionsList, {
6064
6051
  role: "listbox",
6065
- "aria-labelledby": suggestionsHeaderId
6066
- }, {
6052
+ "aria-labelledby": suggestionsHeaderId,
6067
6053
  children: suggestionsToRender.map(function (suggestion, index) {
6068
- return jsxRuntime.jsx("li", Object.assign({
6069
- role: "option"
6070
- }, {
6054
+ return jsxRuntime.jsx("li", {
6055
+ role: "option",
6071
6056
  children: jsxRuntime.jsx(MenuItem, {
6072
6057
  index: index,
6073
6058
  focus: focus === index && showSuggestions,
@@ -6079,22 +6064,20 @@ var SearchSuggestions = /*#__PURE__*/React.forwardRef(function (props, ref) {
6079
6064
  "aria-posinset": index,
6080
6065
  size: componentSize
6081
6066
  })
6082
- }), index);
6067
+ }, index);
6083
6068
  })
6084
- }));
6069
+ });
6085
6070
  var isHidden = !showSuggestions;
6086
6071
  return jsxRuntime.jsxs(SuggestionsContainer, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
6087
6072
  ref: ref,
6088
6073
  isHidden: isHidden,
6089
- "aria-hidden": isHidden
6090
- }, {
6091
- children: [jsxRuntime.jsx(SuggestionsHeader, Object.assign({
6074
+ "aria-hidden": isHidden,
6075
+ children: [jsxRuntime.jsx(SuggestionsHeader, {
6092
6076
  typographyType: "supportingStyleTiny01",
6093
6077
  forwardedAs: "span",
6094
- id: suggestionsHeaderId
6095
- }, {
6078
+ id: suggestionsHeaderId,
6096
6079
  children: "S\xF8keforslag"
6097
- })), renderedSuggestions]
6080
+ }), renderedSuggestions]
6098
6081
  }));
6099
6082
  });
6100
6083
  SearchSuggestions.displayName = 'SearchSuggestions';
@@ -6237,11 +6220,10 @@ var Search$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
6237
6220
  var hasSuggestions = !!context.suggestions;
6238
6221
  var showSearchButton = !!buttonProps && !!onClick;
6239
6222
  return jsxRuntime.jsxs(OuterContainer$3, {
6240
- children: [hasLabel && jsxRuntime.jsx(Label$2, Object.assign({
6241
- htmlFor: uniqueId
6242
- }, {
6223
+ children: [hasLabel && jsxRuntime.jsx(Label$2, {
6224
+ htmlFor: uniqueId,
6243
6225
  children: label
6244
- })), jsxRuntime.jsxs("div", {
6226
+ }), jsxRuntime.jsxs("div", {
6245
6227
  children: [jsxRuntime.jsxs(HorisontalContainer, Object.assign({
6246
6228
  hasSearchButton: showSearchButton
6247
6229
  }, containerProps, {
@@ -6264,12 +6246,11 @@ var Search$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
6264
6246
  suggestions: context.suggestions,
6265
6247
  showSuggestions: context.showSuggestions,
6266
6248
  componentSize: componentSize
6267
- }), jsxRuntime.jsx(VisuallyHidden, Object.assign({
6249
+ }), jsxRuntime.jsx(VisuallyHidden, {
6268
6250
  id: suggestionsDescriptionId,
6269
- as: "span"
6270
- }, {
6251
+ as: "span",
6271
6252
  children: "Bla i s\xF8keforslag med piltaster n\xE5r listen er utvidet."
6272
- }))]
6253
+ })]
6273
6254
  }), hasValue && jsxRuntime.jsx(StyledClearButton, {
6274
6255
  icon: CloseSmallIcon,
6275
6256
  size: "tiny",
@@ -6386,11 +6367,10 @@ var SearchAutocompleteWrapper = function SearchAutocompleteWrapper(props) {
6386
6367
  inputValue: inputValue,
6387
6368
  onSugggestionClick: handleSuggestionClick
6388
6369
  };
6389
- return jsxRuntime.jsx(AutocompleteSearchContext.Provider, Object.assign({
6390
- value: contextProps
6391
- }, {
6370
+ return jsxRuntime.jsx(AutocompleteSearchContext.Provider, {
6371
+ value: contextProps,
6392
6372
  children: children
6393
- }));
6373
+ });
6394
6374
  };
6395
6375
  SearchAutocompleteWrapper.displayName = 'SearchAutocompleteWrapper';
6396
6376
 
@@ -6537,17 +6517,16 @@ var CollapsibleTable$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
6537
6517
  density: density,
6538
6518
  isCollapsed: isCollapsed
6539
6519
  }, rest);
6540
- return jsxRuntime.jsx(CollapsibleTableContext.Provider, Object.assign({
6520
+ return jsxRuntime.jsx(CollapsibleTableContext.Provider, {
6541
6521
  value: {
6542
6522
  isCollapsed: isCollapsed,
6543
6523
  headerValues: headerValues,
6544
6524
  definingColumnIndex: definingColumnIndex
6545
- }
6546
- }, {
6525
+ },
6547
6526
  children: jsxRuntime.jsx(StyledTable, Object.assign({}, tableProps, {
6548
6527
  children: children
6549
6528
  }))
6550
- }));
6529
+ });
6551
6530
  });
6552
6531
  CollapsibleTable$1.displayName = 'CollapsibleTable';
6553
6532
 
@@ -6909,17 +6888,15 @@ var CollapsibleRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
6909
6888
  })]
6910
6889
  }, "DL-".concat(index));
6911
6890
  }) : null;
6912
- var collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? jsxRuntime.jsx(StyledRow, Object.assign({
6913
- type: "body"
6914
- }, {
6915
- children: jsxRuntime.jsx(DescriptionListCell, Object.assign({
6916
- colSpan: definingColumnIndex.length + 1
6917
- }, {
6891
+ var collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? jsxRuntime.jsx(StyledRow, {
6892
+ type: "body",
6893
+ children: jsxRuntime.jsx(DescriptionListCell, {
6894
+ colSpan: definingColumnIndex.length + 1,
6918
6895
  children: jsxRuntime.jsx(DescriptionList, {
6919
6896
  children: collapsedRenderedChildren
6920
6897
  })
6921
- }))
6922
- })) : null;
6898
+ })
6899
+ }) : null;
6923
6900
  var definingColumnCells = childrenArray.slice().filter(function (column, index) {
6924
6901
  return definingColumnIndex.indexOf(index) > -1;
6925
6902
  }).sort(function (a, b) {
@@ -6931,16 +6908,14 @@ var CollapsibleRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
6931
6908
  ref: ref
6932
6909
  }, rowProps, {
6933
6910
  children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
6934
- children: [definingColumnCells, jsxRuntime.jsxs(Table.Cell, Object.assign({
6911
+ children: [definingColumnCells, jsxRuntime.jsxs(Table.Cell, {
6935
6912
  type: "head",
6936
- layout: "center"
6937
- }, {
6938
- children: ["Utvid", jsxRuntime.jsx(VisuallyHidden, Object.assign({
6939
- as: "span"
6940
- }, {
6913
+ layout: "center",
6914
+ children: ["Utvid", jsxRuntime.jsx(VisuallyHidden, {
6915
+ as: "span",
6941
6916
  children: "raden"
6942
- }))]
6943
- }))]
6917
+ })]
6918
+ })]
6944
6919
  })
6945
6920
  }));
6946
6921
  };
@@ -6950,22 +6925,20 @@ var CollapsibleRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
6950
6925
  return jsxRuntime.jsxs(StyledRow, Object.assign({
6951
6926
  ref: ref
6952
6927
  }, rowProps, {
6953
- "data-isopencollapsibleheader": !childrenCollapsed && true
6954
- }, {
6928
+ "data-isopencollapsibleheader": !childrenCollapsed && true,
6955
6929
  children: [definingColumnCells, jsxRuntime.jsx(Table.Cell, {
6956
- children: jsxRuntime.jsx(CollapseButton, Object.assign({
6930
+ children: jsxRuntime.jsx(CollapseButton, {
6957
6931
  onClick: function onClick() {
6958
6932
  return setChildrenCollapsed(!childrenCollapsed);
6959
6933
  },
6960
6934
  "aria-expanded": !childrenCollapsed,
6961
- "aria-controls": idList
6962
- }, {
6935
+ "aria-controls": idList,
6963
6936
  children: jsxRuntime.jsx(AnimatedChevronUpDown, {
6964
6937
  isUp: childrenCollapsed ? false : true,
6965
6938
  height: "7.5px",
6966
6939
  width: "12px"
6967
6940
  })
6968
- }))
6941
+ })
6969
6942
  })]
6970
6943
  }));
6971
6944
  };
@@ -7012,12 +6985,11 @@ var SortCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
7012
6985
  type: "head",
7013
6986
  "aria-sort": isSorted && sortOrder ? sortOrder : undefined
7014
6987
  }, rest, {
7015
- children: jsxRuntime.jsxs(StyledButton$3, Object.assign({
6988
+ children: jsxRuntime.jsxs(StyledButton$3, {
7016
6989
  onClick: onClick,
7017
- "aria-description": "Aktiver for \xE5 endre sorteringsrekkef\xF8lge"
7018
- }, {
6990
+ "aria-description": "Aktiver for \xE5 endre sorteringsrekkef\xF8lge",
7019
6991
  children: [children, " ", makeSortIcon(isSorted, sortOrder)]
7020
- }))
6992
+ })
7021
6993
  }));
7022
6994
  });
7023
6995
  SortCell.displayName = 'Table.SortCell';
@@ -7088,22 +7060,20 @@ var Breadcrumb = /*#__PURE__*/React.forwardRef(function (props, ref) {
7088
7060
  var children = props.children,
7089
7061
  rest = tslib.__rest(props, ["children"]);
7090
7062
  if (isAnchorTypographyProps(props)) {
7091
- return jsxRuntime.jsx(Typography, Object.assign({
7063
+ return jsxRuntime.jsx(Typography, {
7092
7064
  htmlProps: rest,
7093
7065
  ref: ref,
7094
- typographyType: "a"
7095
- }, {
7066
+ typographyType: "a",
7096
7067
  children: children
7097
- }));
7068
+ });
7098
7069
  }
7099
- return jsxRuntime.jsx(Typography, Object.assign({
7070
+ return jsxRuntime.jsx(Typography, {
7100
7071
  htmlProps: rest,
7101
7072
  ref: ref,
7102
7073
  as: "span",
7103
- color: "interactive"
7104
- }, {
7074
+ color: "interactive",
7105
7075
  children: children
7106
- }));
7076
+ });
7107
7077
  });
7108
7078
  Breadcrumb.displayName = 'Breadcrumb';
7109
7079
 
@@ -7158,8 +7128,7 @@ var Breadcrumbs = /*#__PURE__*/React.forwardRef(function (props, ref) {
7158
7128
  });
7159
7129
  return jsxRuntime.jsx("nav", Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
7160
7130
  ref: ref,
7161
- "aria-label": "br\xF8dsmulesti"
7162
- }, {
7131
+ "aria-label": "br\xF8dsmulesti",
7163
7132
  children: jsxRuntime.jsx(List$2, {
7164
7133
  children: breadcrumbChildren
7165
7134
  })
@@ -7354,17 +7323,15 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
7354
7323
  "aria-label": "paginering"
7355
7324
  }, navProps, {
7356
7325
  children: jsxRuntime.jsxs(List$1, {
7357
- children: [jsxRuntime.jsx(ListItem$1, Object.assign({
7326
+ children: [jsxRuntime.jsx(ListItem$1, {
7358
7327
  isHidden: isOnFirstPage,
7359
- "aria-hidden": isOnFirstPage
7360
- }, {
7328
+ "aria-hidden": isOnFirstPage,
7361
7329
  children: previousPageButton
7362
- })), listItems, jsxRuntime.jsx(ListItem$1, Object.assign({
7330
+ }), listItems, jsxRuntime.jsx(ListItem$1, {
7363
7331
  isHidden: isOnLastPage,
7364
- "aria-hidden": isOnLastPage
7365
- }, {
7332
+ "aria-hidden": isOnLastPage,
7366
7333
  children: nextPageButton
7367
- }))]
7334
+ })]
7368
7335
  })
7369
7336
  })) : null;
7370
7337
  var smallScreenNavigation = withPagination ? jsxRuntime.jsx(Nav$1, Object.assign({
@@ -7372,10 +7339,9 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
7372
7339
  "aria-label": "paginering"
7373
7340
  }, navProps, {
7374
7341
  children: jsxRuntime.jsxs(List$1, {
7375
- children: [jsxRuntime.jsx(ListItem$1, Object.assign({
7342
+ children: [jsxRuntime.jsx(ListItem$1, {
7376
7343
  isHidden: isOnFirstPage,
7377
- "aria-hidden": isOnFirstPage
7378
- }, {
7344
+ "aria-hidden": isOnFirstPage,
7379
7345
  children: jsxRuntime.jsx(Button$1, {
7380
7346
  purpose: "secondary",
7381
7347
  appearance: "ghost",
@@ -7386,12 +7352,11 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
7386
7352
  },
7387
7353
  "aria-label": "G\xE5 til f\xF8rste siden"
7388
7354
  })
7389
- })), jsxRuntime.jsx(ListItem$1, Object.assign({
7355
+ }), jsxRuntime.jsx(ListItem$1, {
7390
7356
  isHidden: isOnFirstPage,
7391
- "aria-hidden": isOnFirstPage
7392
- }, {
7357
+ "aria-hidden": isOnFirstPage,
7393
7358
  children: previousPageButton
7394
- })), jsxRuntime.jsx(ListItem$1, {
7359
+ }), jsxRuntime.jsx(ListItem$1, {
7395
7360
  children: jsxRuntime.jsx(Button$1, {
7396
7361
  label: activePage.toString(),
7397
7362
  size: "small",
@@ -7399,15 +7364,13 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
7399
7364
  onPageChange(event, activePage);
7400
7365
  }
7401
7366
  })
7402
- }), jsxRuntime.jsx(ListItem$1, Object.assign({
7367
+ }), jsxRuntime.jsx(ListItem$1, {
7403
7368
  isHidden: isOnLastPage,
7404
- "aria-hidden": isOnLastPage
7405
- }, {
7369
+ "aria-hidden": isOnLastPage,
7406
7370
  children: nextPageButton
7407
- })), jsxRuntime.jsx(ListItem$1, Object.assign({
7371
+ }), jsxRuntime.jsx(ListItem$1, {
7408
7372
  isHidden: isOnLastPage,
7409
- "aria-hidden": isOnLastPage
7410
- }, {
7373
+ "aria-hidden": isOnLastPage,
7411
7374
  children: jsxRuntime.jsx(Button$1, {
7412
7375
  purpose: "secondary",
7413
7376
  appearance: "ghost",
@@ -7418,7 +7381,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
7418
7381
  },
7419
7382
  "aria-label": "G\xE5 til siste siden"
7420
7383
  })
7421
- }))]
7384
+ })]
7422
7385
  })
7423
7386
  })) : null;
7424
7387
  var activePageFirstItem = activePage === 1 ? 1 : activePage * itemsPerPage - itemsPerPage + 1;
@@ -7437,12 +7400,11 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
7437
7400
  isClearable: false,
7438
7401
  onChange: handleSelectChange,
7439
7402
  "aria-label": "Antall elementer per side"
7440
- }), withCounter && jsxRuntime.jsxs(Typography, Object.assign({
7403
+ }), withCounter && jsxRuntime.jsxs(Typography, {
7441
7404
  typographyType: "supportingStyleLabel01",
7442
- as: "p"
7443
- }, {
7405
+ as: "p",
7444
7406
  children: ["Viser ", activePageFirstItem, "-", activePageLastItem, " av ", itemsAmount]
7445
- }))]
7407
+ })]
7446
7408
  }), navigationToBeRendered]
7447
7409
  }));
7448
7410
  });
@@ -7642,8 +7604,7 @@ var Card = function Card(props) {
7642
7604
  as: "a",
7643
7605
  ref: cardRef,
7644
7606
  href: href,
7645
- target: target
7646
- }, {
7607
+ target: target,
7647
7608
  children: children
7648
7609
  }));
7649
7610
  }
@@ -7651,8 +7612,7 @@ var Card = function Card(props) {
7651
7612
  cardType: cardType,
7652
7613
  color: color,
7653
7614
  as: "div",
7654
- ref: cardRef
7655
- }, {
7615
+ ref: cardRef,
7656
7616
  children: children
7657
7617
  }));
7658
7618
  };
@@ -7804,19 +7764,17 @@ var CardAccordionHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
7804
7764
  height: cardAccordionTokens.chevron.height
7805
7765
  };
7806
7766
  return jsxRuntime.jsx(HeaderWrapperButton, Object.assign({}, headerWrapperProps, {
7807
- type: "button"
7808
- }, {
7809
- children: jsxRuntime.jsxs(HeaderContainer$2, Object.assign({
7767
+ type: "button",
7768
+ children: jsxRuntime.jsxs(HeaderContainer$2, {
7810
7769
  typographyType: typographyType,
7811
7770
  padding: padding,
7812
- bold: bold
7813
- }, {
7771
+ bold: bold,
7814
7772
  children: [jsxRuntime.jsx(ContentWrapper, {
7815
7773
  children: children
7816
7774
  }), jsxRuntime.jsx(ChevronWrapper, {
7817
7775
  children: jsxRuntime.jsx(AnimatedChevronUpDown, Object.assign({}, chevronProps))
7818
7776
  })]
7819
- }))
7777
+ })
7820
7778
  }));
7821
7779
  });
7822
7780
  CardAccordionHeader.displayName = 'CardAccordionHeader';
@@ -7922,11 +7880,9 @@ var CardAccordionBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
7922
7880
  return jsxRuntime.jsx(Body, Object.assign({}, bodyProps, {
7923
7881
  animate: animate,
7924
7882
  "aria-labelledby": headerId,
7925
- "aria-hidden": !isExpanded
7926
- }, {
7883
+ "aria-hidden": !isExpanded,
7927
7884
  children: jsxRuntime.jsx(BodyContainer, Object.assign({}, bodyContainerProps, {
7928
- animate: animate
7929
- }, {
7885
+ animate: animate,
7930
7886
  children: children
7931
7887
  }))
7932
7888
  }));
@@ -8108,11 +8064,10 @@ var OverflowMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
8108
8064
  })
8109
8065
  }), hasNavItems && hasContextItems && jsxRuntime.jsx(StyledDivider, {
8110
8066
  color: "primaryLighter"
8111
- }), hasContextItems && jsxRuntime.jsx(OverflowMenuList, Object.assign({
8112
- "aria-label": "kontekstmeny"
8113
- }, {
8067
+ }), hasContextItems && jsxRuntime.jsx(OverflowMenuList, {
8068
+ "aria-label": "kontekstmeny",
8114
8069
  children: interactiveItemsList === null || interactiveItemsList === void 0 ? void 0 : interactiveItemsList.slice(contextItemsFirstPos, interactiveItemsList.length)
8115
- }))]
8070
+ })]
8116
8071
  });
8117
8072
  }
8118
8073
  };
@@ -8129,8 +8084,7 @@ var OverflowMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
8129
8084
  role: 'menu'
8130
8085
  });
8131
8086
  return jsxRuntime.jsxs(Container$a, Object.assign({}, containerProps, {
8132
- "aria-label": "bruk piltaster for \xE5 navigere"
8133
- }, {
8087
+ "aria-label": "bruk piltaster for \xE5 navigere",
8134
8088
  children: [hasStaticUser && jsxRuntime.jsx(OverflowMenuItem, {
8135
8089
  title: username,
8136
8090
  icon: PersonIcon
@@ -8255,8 +8209,7 @@ var NavigationItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
8255
8209
  isCurrent: isCurrent
8256
8210
  }, rest);
8257
8211
  return jsxRuntime.jsx(Link$1, Object.assign({}, linkProps, {
8258
- "aria-current": isCurrent ? 'page' : undefined
8259
- }, {
8212
+ "aria-current": isCurrent ? 'page' : undefined,
8260
8213
  children: title
8261
8214
  }));
8262
8215
  });
@@ -8311,9 +8264,8 @@ var InternalHeader = function InternalHeader(props) {
8311
8264
  var hasNavigationElements = !!navigationElements && navigationElements.length > 0;
8312
8265
  var hasContextMenuElements = !!contextMenuElements && contextMenuElements.length > 0;
8313
8266
  var hasNavInContextMenu = smallScreen && hasNavigationElements;
8314
- var navigation = hasNavigationElements && !smallScreen ? jsxRuntime.jsx(Navigation, Object.assign({
8315
- "aria-label": "sidenavigasjon"
8316
- }, {
8267
+ var navigation = hasNavigationElements && !smallScreen ? jsxRuntime.jsx(Navigation, {
8268
+ "aria-label": "sidenavigasjon",
8317
8269
  children: jsxRuntime.jsx(NavigationList, {
8318
8270
  children: navigationElements.map(function (item, index) {
8319
8271
  var href = item.href,
@@ -8331,31 +8283,28 @@ var InternalHeader = function InternalHeader(props) {
8331
8283
  }, index);
8332
8284
  })
8333
8285
  })
8334
- })) : null;
8286
+ }) : null;
8335
8287
  var hasContextMenu = hasContextMenuElements || !!userProps || hasNavInContextMenu;
8336
8288
  return jsxRuntime.jsxs(OuterContainer$1, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
8337
- children: [jsxRuntime.jsx(BannerWrapper, Object.assign({
8338
- hasContextMenu: hasContextMenu
8339
- }, {
8289
+ children: [jsxRuntime.jsx(BannerWrapper, {
8290
+ hasContextMenu: hasContextMenu,
8340
8291
  children: jsxRuntime.jsxs(BannerLeftWrapper, {
8341
8292
  children: [jsxRuntime.jsx(LovisaWrapper, {
8342
- children: jsxRuntime.jsx(Typography, Object.assign({
8293
+ children: jsxRuntime.jsx(Typography, {
8343
8294
  typographyType: "bodySans02",
8344
8295
  bold: true,
8345
- as: "span"
8346
- }, {
8296
+ as: "span",
8347
8297
  children: applicationName
8348
- }))
8298
+ })
8349
8299
  }), jsxRuntime.jsx(ApplicationNameWrapper, {
8350
- children: jsxRuntime.jsx(Typography, Object.assign({
8300
+ children: jsxRuntime.jsx(Typography, {
8351
8301
  typographyType: "bodySans02",
8352
- as: "span"
8353
- }, {
8302
+ as: "span",
8354
8303
  children: applicationDesc
8355
- }))
8304
+ })
8356
8305
  })]
8357
8306
  })
8358
- })), navigation, hasContextMenu && jsxRuntime.jsxs(ContextMenuGroup, {
8307
+ }), navigation, hasContextMenu && jsxRuntime.jsxs(ContextMenuGroup, {
8359
8308
  children: [jsxRuntime.jsx(Button$1, {
8360
8309
  ref: buttonRef,
8361
8310
  icon: hasNavInContextMenu ? MenuIcon : MoreVerticalIcon,
@@ -8468,12 +8417,11 @@ var Datepicker = /*#__PURE__*/React.forwardRef(function (_a, ref) {
8468
8417
  className: className
8469
8418
  };
8470
8419
  return jsxRuntime.jsxs(OuterInputContainer, Object.assign({}, outerinputContainerProps, {
8471
- children: [hasLabel && jsxRuntime.jsx(Label$2, Object.assign({
8420
+ children: [hasLabel && jsxRuntime.jsx(Label$2, {
8472
8421
  htmlFor: uniqueId,
8473
- showRequiredStyling: showRequiredStyling
8474
- }, {
8422
+ showRequiredStyling: showRequiredStyling,
8475
8423
  children: label
8476
- })), jsxRuntime.jsx(StyledInput, Object.assign({}, inputProps)), renderInputMessage(tip, tipId, errorMessage, errorMessageId)]
8424
+ }), jsxRuntime.jsx(StyledInput, Object.assign({}, inputProps)), renderInputMessage(tip, tipId, errorMessage, errorMessageId)]
8477
8425
  }));
8478
8426
  });
8479
8427
  Datepicker.displayName = 'Datepicker';
@@ -8556,8 +8504,7 @@ var SkipToContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
8556
8504
  };
8557
8505
  return jsxRuntime.jsx(Wrapper$3, Object.assign({}, wrapperProps, {
8558
8506
  children: jsxRuntime.jsx(Link, Object.assign({}, getBaseHTMLProps(id, restHtmlProps, rest), {
8559
- ref: ref
8560
- }, {
8507
+ ref: ref,
8561
8508
  children: text
8562
8509
  }))
8563
8510
  }));
@@ -8718,8 +8665,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
8718
8665
  return jsxRuntime.jsxs(Container$9, Object.assign({}, containerProps, {
8719
8666
  children: [anchorElement, jsxRuntime.jsxs(TooltipWrapper, Object.assign({}, wrapperProps, {
8720
8667
  elevation: 1,
8721
- border: "light"
8722
- }, {
8668
+ border: "light",
8723
8669
  children: [text, jsxRuntime.jsx(ArrowWrapper, Object.assign({}, arrowWrapperProps, {
8724
8670
  children: jsxRuntime.jsxs(SvgArrow, {
8725
8671
  children: [jsxRuntime.jsx("path", {
@@ -8829,15 +8775,13 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
8829
8775
  };
8830
8776
  return isOpen || hasTransitionedIn ? /*#__PURE__*/reactDom$1.createPortal(jsxRuntime.jsx(Backdrop, Object.assign({}, backdropProps, {
8831
8777
  children: jsxRuntime.jsxs(Container$8, Object.assign({}, containerProps, {
8832
- elevation: 4
8833
- }, {
8778
+ elevation: 4,
8834
8779
  children: [jsxRuntime.jsxs(ContentContainer$2, {
8835
8780
  children: [header && jsxRuntime.jsx(HeaderContainer$1, Object.assign({}, headerContainerProps, {
8836
- children: typeof header === 'string' ? jsxRuntime.jsx(Typography, Object.assign({
8837
- typographyType: "headingSans03"
8838
- }, {
8781
+ children: typeof header === 'string' ? jsxRuntime.jsx(Typography, {
8782
+ typographyType: "headingSans03",
8839
8783
  children: header
8840
- })) : header
8784
+ }) : header
8841
8785
  })), children]
8842
8786
  }), onClose && jsxRuntime.jsx(StyledButton$2, {
8843
8787
  size: "small",
@@ -8868,11 +8812,10 @@ var ModalBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
8868
8812
  ref: ref
8869
8813
  });
8870
8814
  return scrollable ? jsxRuntime.jsx(Container$7, Object.assign({}, containerProps, {
8871
- children: jsxRuntime.jsx(ScrollableContainer, Object.assign({
8872
- contentHeight: height
8873
- }, {
8815
+ children: jsxRuntime.jsx(ScrollableContainer, {
8816
+ contentHeight: height,
8874
8817
  children: children
8875
- }))
8818
+ })
8876
8819
  })) : jsxRuntime.jsx(Container$7, Object.assign({}, containerProps, {
8877
8820
  children: children
8878
8821
  }));
@@ -8990,16 +8933,14 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
8990
8933
  id: headerId
8991
8934
  };
8992
8935
  return isOpen || hasTransitionedIn ? /*#__PURE__*/reactDom$1.createPortal(jsxRuntime.jsxs(Container$5, Object.assign({}, containerProps, {
8993
- elevation: 4
8994
- }, {
8936
+ elevation: 4,
8995
8937
  children: [jsxRuntime.jsx(ScrollableContainer, {
8996
8938
  children: jsxRuntime.jsxs(ContentContainer$1, {
8997
8939
  children: [hasHeader && jsxRuntime.jsx(HeaderContainer, Object.assign({}, headerContainerProps, {
8998
- children: typeof header === 'string' ? jsxRuntime.jsx(Typography, Object.assign({
8999
- typographyType: "headingSans03"
9000
- }, {
8940
+ children: typeof header === 'string' ? jsxRuntime.jsx(Typography, {
8941
+ typographyType: "headingSans03",
9001
8942
  children: header
9002
- })) : header
8943
+ }) : header
9003
8944
  })), children]
9004
8945
  })
9005
8946
  }), jsxRuntime.jsx(StyledButton$1, {
@@ -9167,20 +9108,17 @@ var Popover = /*#__PURE__*/React.forwardRef(function (props, ref) {
9167
9108
  });
9168
9109
  return isOpen || hasTransitionedIn ? jsxRuntime.jsxs(Wrapper$2, Object.assign({}, wrapperProps, {
9169
9110
  elevation: 3,
9170
- border: "light"
9171
- }, {
9111
+ border: "light",
9172
9112
  children: [title && jsxRuntime.jsx(TitleContainer, {
9173
- children: typeof title === 'string' ? jsxRuntime.jsx(Typography, Object.assign({
9174
- typographyType: "headingSans02"
9175
- }, {
9113
+ children: typeof title === 'string' ? jsxRuntime.jsx(Typography, {
9114
+ typographyType: "headingSans02",
9176
9115
  children: title
9177
- })) : title
9178
- }), jsxRuntime.jsx(ContentContainer, Object.assign({
9116
+ }) : title
9117
+ }), jsxRuntime.jsx(ContentContainer, {
9179
9118
  hasTitle: !!title,
9180
- withCloseButton: withCloseButton
9181
- }, {
9119
+ withCloseButton: withCloseButton,
9182
9120
  children: children
9183
- })), withCloseButton && jsxRuntime.jsx(StyledButton, {
9121
+ }), withCloseButton && jsxRuntime.jsx(StyledButton, {
9184
9122
  icon: CloseIcon,
9185
9123
  appearance: "borderless",
9186
9124
  purpose: "secondary",
@@ -9307,14 +9245,13 @@ var ToggleButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
9307
9245
  htmlFor: uniqueId
9308
9246
  };
9309
9247
  return jsxRuntime.jsxs(Container$4, Object.assign({}, containerProps, {
9310
- children: [jsxRuntime.jsx(HiddenInput, Object.assign({}, inputProps)), jsxRuntime.jsxs(Content$1, Object.assign({
9311
- hasIcon: !!icon
9312
- }, {
9248
+ children: [jsxRuntime.jsx(HiddenInput, Object.assign({}, inputProps)), jsxRuntime.jsxs(Content$1, {
9249
+ hasIcon: !!icon,
9313
9250
  children: [icon && jsxRuntime.jsx(Icon, {
9314
9251
  icon: icon,
9315
9252
  iconSize: "inherit"
9316
9253
  }), " ", label]
9317
- }))]
9254
+ })]
9318
9255
  }));
9319
9256
  });
9320
9257
  ToggleButton.displayName = 'ToggleButton';
@@ -9350,13 +9287,12 @@ var ToggleButtonGroup = function ToggleButtonGroup(props) {
9350
9287
  'aria-labelledby': label ? uniqueLabelId : undefined
9351
9288
  });
9352
9289
  return jsxRuntime.jsxs(Container$3, Object.assign({}, containerProps, {
9353
- children: [!!label && jsxRuntime.jsx(Typography, Object.assign({
9290
+ children: [!!label && jsxRuntime.jsx(Typography, {
9354
9291
  as: "span",
9355
9292
  typographyType: "supportingStyleLabel01",
9356
- id: uniqueLabelId
9357
- }, {
9293
+ id: uniqueLabelId,
9358
9294
  children: label
9359
- })), jsxRuntime.jsx(Group$1, Object.assign({}, groupProps, {
9295
+ }), jsxRuntime.jsx(Group$1, Object.assign({}, groupProps, {
9360
9296
  children: children
9361
9297
  }))]
9362
9298
  }));
@@ -9423,7 +9359,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
9423
9359
  var containerProps = Object.assign(Object.assign({}, getBaseHTMLProps(uniqueId, className, htmlProps, rest)), {
9424
9360
  ref: ref
9425
9361
  });
9426
- return jsxRuntime.jsx(TabsContext.Provider, Object.assign({
9362
+ return jsxRuntime.jsx(TabsContext.Provider, {
9427
9363
  value: {
9428
9364
  tabsId: uniqueId,
9429
9365
  activeTab: thisActiveTab,
@@ -9433,14 +9369,12 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
9433
9369
  hasTabFocus: hasTabFocus,
9434
9370
  setHasTabFocus: setHasTabFocus,
9435
9371
  tabContentDirection: tabContentDirection
9436
- }
9437
- }, {
9372
+ },
9438
9373
  children: jsxRuntime.jsx(Container$2, Object.assign({}, containerProps, {
9439
- width: width
9440
- }, {
9374
+ width: width,
9441
9375
  children: children
9442
9376
  }))
9443
- }));
9377
+ });
9444
9378
  });
9445
9379
  Tabs.displayName = 'Tabs';
9446
9380
 
@@ -9727,8 +9661,7 @@ var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
9727
9661
  rest = tslib.__rest(props, ["text", "purpose", "id", "className", "htmlProps"]);
9728
9662
  return jsxRuntime.jsx(Wrapper$1, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
9729
9663
  ref: ref,
9730
- purpose: purpose
9731
- }, {
9664
+ purpose: purpose,
9732
9665
  children: jsxRuntime.jsx(TextOverflowEllipsisInner, {
9733
9666
  children: text
9734
9667
  })
@@ -9780,8 +9713,7 @@ var Chip = /*#__PURE__*/React.forwardRef(function (props, ref) {
9780
9713
  };
9781
9714
  return isOpen ? jsxRuntime.jsxs(Container$1, Object.assign({}, getBaseHTMLProps(id, className, restHTMLprops, rest), {
9782
9715
  ref: ref,
9783
- as: "div"
9784
- }, {
9716
+ as: "div",
9785
9717
  children: [jsxRuntime.jsx(TextOverflowEllipsisInner, {
9786
9718
  children: text
9787
9719
  }), jsxRuntime.jsx(Button$1, {
@@ -9810,8 +9742,7 @@ var ChipGroup = /*#__PURE__*/React.forwardRef(function (_a, ref) {
9810
9742
  }, "chip-".concat(index));
9811
9743
  });
9812
9744
  return jsxRuntime.jsx(Group, Object.assign({}, rest, {
9813
- ref: ref
9814
- }, {
9745
+ ref: ref,
9815
9746
  children: groupChildren
9816
9747
  }));
9817
9748
  });
@@ -9958,29 +9889,26 @@ var ToggleBar = function ToggleBar(props) {
9958
9889
  return onChange && onChange(e, e.target.value);
9959
9890
  });
9960
9891
  var labelId = label && "".concat(uniqueId, "-label");
9961
- return jsxRuntime.jsx(ToggleBarContext.Provider, Object.assign({
9892
+ return jsxRuntime.jsx(ToggleBarContext.Provider, {
9962
9893
  value: {
9963
9894
  size: size,
9964
9895
  onChange: handleChange,
9965
9896
  name: name,
9966
9897
  value: groupValue
9967
- }
9968
- }, {
9898
+ },
9969
9899
  children: jsxRuntime.jsxs(OuterContainer, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
9970
9900
  role: "radiogroup",
9971
9901
  "aria-labelledby": labelId !== null && labelId !== void 0 ? labelId : htmlProps === null || htmlProps === void 0 ? void 0 : htmlProps['aria-labelledby'],
9972
- width: width
9973
- }, {
9974
- children: [label && jsxRuntime.jsx(Typography, Object.assign({
9902
+ width: width,
9903
+ children: [label && jsxRuntime.jsx(Typography, {
9975
9904
  typographyType: "supportingStyleLabel01",
9976
- id: labelId
9977
- }, {
9905
+ id: labelId,
9978
9906
  children: label
9979
- })), jsxRuntime.jsx(Bar, {
9907
+ }), jsxRuntime.jsx(Bar, {
9980
9908
  children: children
9981
9909
  })]
9982
9910
  }))
9983
- }));
9911
+ });
9984
9912
  };
9985
9913
  ToggleBar.displayName = 'ToggleBar';
9986
9914
 
@@ -10036,10 +9964,9 @@ var ToggleRadio = /*#__PURE__*/React.forwardRef(function (props, ref) {
10036
9964
  onChange && onChange(event);
10037
9965
  group && group.onChange && group.onChange(event);
10038
9966
  };
10039
- return jsxRuntime.jsxs(Label, Object.assign({
9967
+ return jsxRuntime.jsxs(Label, {
10040
9968
  size: group.size,
10041
- htmlFor: uniqueId
10042
- }, {
9969
+ htmlFor: uniqueId,
10043
9970
  children: [jsxRuntime.jsx(HiddenInput, Object.assign({}, getBaseHTMLProps(uniqueId, className, htmlProps, rest), {
10044
9971
  type: "radio",
10045
9972
  ref: ref,
@@ -10047,18 +9974,17 @@ var ToggleRadio = /*#__PURE__*/React.forwardRef(function (props, ref) {
10047
9974
  onChange: handleChange,
10048
9975
  value: value,
10049
9976
  checked: calculateChecked(value, group, checked)
10050
- })), jsxRuntime.jsxs(Content, Object.assign({
9977
+ })), jsxRuntime.jsxs(Content, {
10051
9978
  size: group.size,
10052
- justIcon: !!icon && !!!label
10053
- }, {
9979
+ justIcon: !!icon && !!!label,
10054
9980
  children: [icon && jsxRuntime.jsx(Icon, {
10055
9981
  icon: icon,
10056
9982
  iconSize: "inherit"
10057
9983
  }), label && jsxRuntime.jsx("span", {
10058
9984
  children: label
10059
9985
  })]
10060
- }))]
10061
- }));
9986
+ })]
9987
+ });
10062
9988
  });
10063
9989
  ToggleRadio.displayName = 'ToggleRadio';
10064
9990
 
@@ -10182,22 +10108,19 @@ var Grid = function Grid(props) {
10182
10108
  as = props.as,
10183
10109
  rest = tslib.__rest(props, ["id", "className", "children", "htmlProps", "as"]);
10184
10110
  var screenSize = useScreenSize();
10185
- return jsxRuntime.jsx(GridContext.Provider, Object.assign({
10111
+ return jsxRuntime.jsx(GridContext.Provider, {
10186
10112
  value: {
10187
10113
  screenSize: screenSize
10188
- }
10189
- }, {
10114
+ },
10190
10115
  children: as === 'div' ? jsxRuntime.jsx(StyledGrid, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
10191
- screenSize: screenSize
10192
- }, {
10116
+ screenSize: screenSize,
10193
10117
  children: children
10194
10118
  })) : jsxRuntime.jsx(StyledGrid, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
10195
10119
  screenSize: screenSize,
10196
- as: as
10197
- }, {
10120
+ as: as,
10198
10121
  children: children
10199
10122
  }))
10200
- }));
10123
+ });
10201
10124
  };
10202
10125
  Grid.displayName = 'Grid';
10203
10126
 
@@ -10230,8 +10153,7 @@ var GridChild = function GridChild(props) {
10230
10153
  var _useGridContext = useGridContext(),
10231
10154
  screenSize = _useGridContext.screenSize;
10232
10155
  return jsxRuntime.jsx(StyledGridChild, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
10233
- screenSize: screenSize
10234
- }, {
10156
+ screenSize: screenSize,
10235
10157
  children: children
10236
10158
  }));
10237
10159
  };
@@ -10414,29 +10336,25 @@ var ProgressTrackerItem = function ProgressTrackerItem(props) {
10414
10336
  }
10415
10337
  return index + 1;
10416
10338
  }, [completed, icon, index]);
10417
- return jsxRuntime.jsx(ItemWrapper, Object.assign({
10418
- "aria-current": active ? 'step' : undefined
10419
- }, {
10339
+ return jsxRuntime.jsx(ItemWrapper, {
10340
+ "aria-current": active ? 'step' : undefined,
10420
10341
  children: jsxRuntime.jsxs(ItemContentWrapper, Object.assign({}, styleProps, {
10421
10342
  as: handleStepChange ? 'button' : 'div',
10422
10343
  onClick: !disabled && handleStepChange ? function () {
10423
10344
  return handleStepChange(index);
10424
10345
  } : undefined,
10425
- disabled: disabled
10426
- }, {
10346
+ disabled: disabled,
10427
10347
  children: [jsxRuntime.jsx(ItemNumber, Object.assign({}, styleProps, {
10428
- "aria-hidden": true
10429
- }, {
10348
+ "aria-hidden": true,
10430
10349
  children: stepNumberContent
10431
10350
  })), jsxRuntime.jsxs(ItemText, Object.assign({}, styleProps, {
10432
- children: [jsxRuntime.jsx(VisuallyHidden, Object.assign({
10433
- as: "span"
10434
- }, {
10351
+ children: [jsxRuntime.jsx(VisuallyHidden, {
10352
+ as: "span",
10435
10353
  children: getVisuallyHiddenText(active, completed, index)
10436
- })), children]
10354
+ }), children]
10437
10355
  }))]
10438
10356
  }))
10439
- }));
10357
+ });
10440
10358
  };
10441
10359
  ProgressTrackerItem.displayName = 'ProgressTracker.Item';
10442
10360
 
@@ -10480,12 +10398,11 @@ var ProgressTracker = function () {
10480
10398
  var itemsWithConnectorsBetween = intersperseItemsWithConnector(itemsWithIndex);
10481
10399
  return itemsWithConnectorsBetween;
10482
10400
  }, [children]);
10483
- return jsxRuntime.jsx(ProgressTrackerContext.Provider, Object.assign({
10401
+ return jsxRuntime.jsx(ProgressTrackerContext.Provider, {
10484
10402
  value: {
10485
10403
  activeStep: thisActiveStep,
10486
10404
  handleStepChange: handleChange
10487
- }
10488
- }, {
10405
+ },
10489
10406
  children: jsxRuntime.jsx("div", Object.assign({
10490
10407
  role: "group",
10491
10408
  "aria-label": "progress"
@@ -10494,7 +10411,7 @@ var ProgressTracker = function () {
10494
10411
  children: steps
10495
10412
  })
10496
10413
  }))
10497
- }));
10414
+ });
10498
10415
  });
10499
10416
  Res.Item = ProgressTrackerItem;
10500
10417
  Res.displayName = 'ProgressTracker';
@@ -10633,12 +10550,11 @@ var IconWrapper = styled__default.default.span.withConfig({
10633
10550
  })(["position:absolute;left:", ";top:", ";z-index:1;&:hover{cursor:text;}"], iconWrapper.left, iconWrapper.top);
10634
10551
 
10635
10552
  var inlineEditVisuallyHidden = function inlineEditVisuallyHidden(id, emptiable) {
10636
- return jsxRuntime.jsxs(VisuallyHidden, Object.assign({
10553
+ return jsxRuntime.jsxs(VisuallyHidden, {
10637
10554
  id: id,
10638
- as: "span"
10639
- }, {
10555
+ as: "span",
10640
10556
  children: ["Escape, Enter eller Tab for \xE5 lagre.", ' ', !emptiable && 'Inputfeltet er ikke tømmbar.']
10641
- }));
10557
+ });
10642
10558
  };
10643
10559
 
10644
10560
  var InlineTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -10659,21 +10575,19 @@ var InlineTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
10659
10575
  var descId = derivativeIdGenerator(uniqueId, 'desc');
10660
10576
  var inputRef = React.useRef(null);
10661
10577
  var combinedRef = useCombinedRef(ref, inputRef);
10662
- return jsxRuntime.jsxs(OuterInputContainer, Object.assign({
10663
- width: width
10664
- }, {
10578
+ return jsxRuntime.jsxs(OuterInputContainer, {
10579
+ width: width,
10665
10580
  children: [jsxRuntime.jsxs(InputContainer$1, {
10666
- children: [!isEditing && !hideIcon && jsxRuntime.jsx(IconWrapper, Object.assign({
10581
+ children: [!isEditing && !hideIcon && jsxRuntime.jsx(IconWrapper, {
10667
10582
  onClick: function onClick() {
10668
10583
  var _a;
10669
10584
  (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
10670
- }
10671
- }, {
10585
+ },
10672
10586
  children: jsxRuntime.jsx(Icon, {
10673
10587
  icon: EditIcon,
10674
10588
  iconSize: "small"
10675
10589
  })
10676
- })), jsxRuntime.jsx(StyledInlineTextArea, Object.assign({}, rest, {
10590
+ }), jsxRuntime.jsx(StyledInlineTextArea, Object.assign({}, rest, {
10677
10591
  as: "textarea",
10678
10592
  id: uniqueId,
10679
10593
  ref: combinedRef,
@@ -10683,7 +10597,7 @@ var InlineTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
10683
10597
  "aria-describedby": spaceSeparatedIdListGenerator([hasErrorMessage ? errorMessageId : undefined, descId, ariaDescribedby])
10684
10598
  }))]
10685
10599
  }), inlineEditVisuallyHidden(descId, emptiable), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
10686
- }));
10600
+ });
10687
10601
  });
10688
10602
  InlineTextArea.displayName = 'InlineTextArea';
10689
10603
 
@@ -10697,19 +10611,18 @@ var InlineEditTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
10697
10611
  rest = tslib.__rest(props, ["onSetValue", "emptiable", "value", "onFocus", "onChange", "onBlur"]);
10698
10612
  var textareaRef = React.useRef(null);
10699
10613
  var combinedRef = useCombinedRef(ref, textareaRef);
10700
- return jsxRuntime.jsx(InlineEdit, Object.assign({
10614
+ return jsxRuntime.jsx(InlineEdit, {
10701
10615
  onSetValue: onSetValue,
10702
10616
  emptiable: emptiable,
10703
10617
  inputRef: textareaRef,
10704
10618
  value: value,
10705
10619
  onFocus: onFocus,
10706
10620
  onChange: onChange,
10707
- onBlur: onBlur
10708
- }, {
10621
+ onBlur: onBlur,
10709
10622
  children: jsxRuntime.jsx(InlineTextArea, Object.assign({
10710
10623
  ref: combinedRef
10711
10624
  }, rest))
10712
- }));
10625
+ });
10713
10626
  });
10714
10627
 
10715
10628
  var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -10732,21 +10645,19 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
10732
10645
  var descId = derivativeIdGenerator(uniqueId, 'desc');
10733
10646
  var inputRef = React.useRef(null);
10734
10647
  var combinedRef = useCombinedRef(ref, inputRef);
10735
- return jsxRuntime.jsxs(OuterInputContainer, Object.assign({
10736
- width: width
10737
- }, {
10648
+ return jsxRuntime.jsxs(OuterInputContainer, {
10649
+ width: width,
10738
10650
  children: [jsxRuntime.jsxs(InputContainer$1, {
10739
- children: [!isEditing && !hideIcon && jsxRuntime.jsx(IconWrapper, Object.assign({
10651
+ children: [!isEditing && !hideIcon && jsxRuntime.jsx(IconWrapper, {
10740
10652
  onClick: function onClick() {
10741
10653
  var _a;
10742
10654
  (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
10743
- }
10744
- }, {
10655
+ },
10745
10656
  children: jsxRuntime.jsx(Icon, {
10746
10657
  icon: EditIcon,
10747
10658
  iconSize: "small"
10748
10659
  })
10749
- })), jsxRuntime.jsx(StyledInlineInput, Object.assign({}, rest, {
10660
+ }), jsxRuntime.jsx(StyledInlineInput, Object.assign({}, rest, {
10750
10661
  id: uniqueId,
10751
10662
  ref: combinedRef,
10752
10663
  hasErrorMessage: hasErrorState,
@@ -10756,7 +10667,7 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
10756
10667
  "aria-invalid": hasErrorState
10757
10668
  }))]
10758
10669
  }), inlineEditVisuallyHidden(descId, emptiable), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
10759
- }));
10670
+ });
10760
10671
  });
10761
10672
  InlineInput.displayName = 'InlineInput';
10762
10673
 
@@ -10770,19 +10681,18 @@ var InlineEditInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
10770
10681
  rest = tslib.__rest(props, ["onSetValue", "emptiable", "value", "onFocus", "onChange", "onBlur"]);
10771
10682
  var inputRef = React.useRef(null);
10772
10683
  var combinedRef = useCombinedRef(ref, inputRef);
10773
- return jsxRuntime.jsx(InlineEdit, Object.assign({
10684
+ return jsxRuntime.jsx(InlineEdit, {
10774
10685
  onSetValue: onSetValue,
10775
10686
  emptiable: emptiable,
10776
10687
  inputRef: inputRef,
10777
10688
  value: value,
10778
10689
  onFocus: onFocus,
10779
10690
  onChange: onChange,
10780
- onBlur: onBlur
10781
- }, {
10691
+ onBlur: onBlur,
10782
10692
  children: jsxRuntime.jsx(InlineInput, Object.assign({}, rest, {
10783
10693
  ref: combinedRef
10784
10694
  }))
10785
- }));
10695
+ });
10786
10696
  });
10787
10697
 
10788
10698
  var spacing$4 = ddsDesignTokens.ddsBaseTokens.spacing;
@@ -10859,12 +10769,11 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
10859
10769
  'aria-invalid': hasErrorMessage ? true : undefined
10860
10770
  }, rest);
10861
10771
  return jsxRuntime.jsxs(OuterInputContainer, Object.assign({}, containerProps, {
10862
- children: [hasLabel && jsxRuntime.jsx(Label$2, Object.assign({
10772
+ children: [hasLabel && jsxRuntime.jsx(Label$2, {
10863
10773
  showRequiredStyling: showRequiredStyling,
10864
- htmlFor: uniqueId
10865
- }, {
10774
+ htmlFor: uniqueId,
10866
10775
  children: label
10867
- })), jsxRuntime.jsx(StyledTextArea, Object.assign({}, textAreaProps, {
10776
+ }), jsxRuntime.jsx(StyledTextArea, Object.assign({}, textAreaProps, {
10868
10777
  as: "textarea"
10869
10778
  })), renderInputMessage(tip, tipId, errorMessage, errorMessageId)]
10870
10779
  }));
@@ -10911,16 +10820,14 @@ var SplitButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
10911
10820
  purpose: purpose,
10912
10821
  size: size
10913
10822
  };
10914
- return jsxRuntime.jsxs(Container, Object.assign({
10915
- ref: ref
10916
- }, {
10823
+ return jsxRuntime.jsxs(Container, {
10824
+ ref: ref,
10917
10825
  children: [jsxRuntime.jsx(MainButton, Object.assign({}, buttonStyleProps, primaryAction, {
10918
10826
  iconPosition: "left"
10919
- })), jsxRuntime.jsxs(OverflowMenuGroup, Object.assign({
10827
+ })), jsxRuntime.jsxs(OverflowMenuGroup, {
10920
10828
  onToggle: function onToggle() {
10921
10829
  return setIsOpen(!isOpen);
10922
- }
10923
- }, {
10830
+ },
10924
10831
  children: [jsxRuntime.jsx(OptionButton, Object.assign({}, buttonStyleProps, {
10925
10832
  icon: isOpen ? ChevronUpIcon : ChevronDownIcon,
10926
10833
  "aria-label": "\xC5pne liste med flere valg",
@@ -10929,8 +10836,8 @@ var SplitButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
10929
10836
  items: secondaryActions,
10930
10837
  placement: "bottom-end"
10931
10838
  })]
10932
- }))]
10933
- }));
10839
+ })]
10840
+ });
10934
10841
  });
10935
10842
  SplitButton.displayName = 'SplitButton';
10936
10843
 
@@ -11484,27 +11391,23 @@ var FileUploader = function FileUploader(props) {
11484
11391
  message: e
11485
11392
  };
11486
11393
  });
11487
- return jsxRuntime.jsxs(Wrapper, Object.assign({
11488
- width: width
11489
- }, {
11490
- children: [hasLabel && jsxRuntime.jsx(Label$2, Object.assign({
11394
+ return jsxRuntime.jsxs(Wrapper, {
11395
+ width: width,
11396
+ children: [hasLabel && jsxRuntime.jsx(Label$2, {
11491
11397
  showRequiredStyling: showRequiredMarker,
11492
- htmlFor: uniqueId
11493
- }, {
11398
+ htmlFor: uniqueId,
11494
11399
  children: label
11495
- })), hasTip && jsxRuntime.jsx(InputMessage, {
11400
+ }), hasTip && jsxRuntime.jsx(InputMessage, {
11496
11401
  id: tipId,
11497
11402
  message: tip,
11498
11403
  messageType: "tip"
11499
11404
  }), jsxRuntime.jsxs(Root, Object.assign({}, getRootProps(), {
11500
11405
  isDragActive: isDragActive,
11501
- hasRootErrors: hasRootErrors
11502
- }, {
11503
- children: [jsxRuntime.jsx(FileUploaderInput, Object.assign({}, getInputProps())), "Dra og slipp filer her eller", ' ', jsxRuntime.jsx(VisuallyHidden, Object.assign({
11504
- as: "span"
11505
- }, {
11406
+ hasRootErrors: hasRootErrors,
11407
+ children: [jsxRuntime.jsx(FileUploaderInput, Object.assign({}, getInputProps())), "Dra og slipp filer her eller", ' ', jsxRuntime.jsx(VisuallyHidden, {
11408
+ as: "span",
11506
11409
  children: "velg fil med p\xE5f\xF8lgende knapp"
11507
- })), jsxRuntime.jsx(Button$1, Object.assign({}, getButtonProps(), {
11410
+ }), jsxRuntime.jsx(Button$1, Object.assign({}, getButtonProps(), {
11508
11411
  id: uniqueId,
11509
11412
  size: "medium",
11510
11413
  type: "button",
@@ -11524,7 +11427,7 @@ var FileUploader = function FileUploader(props) {
11524
11427
  }), jsxRuntime.jsx(FileListElement, {
11525
11428
  children: fileListElements
11526
11429
  })]
11527
- }));
11430
+ });
11528
11431
  };
11529
11432
  FileUploader.displayName = 'FileUploader';
11530
11433
 
@@ -11544,15 +11447,13 @@ function EmptyContent(_a) {
11544
11447
  rest = tslib.__rest(_a, ["title", "message"]);
11545
11448
  return jsxRuntime.jsx(StyledEmptyContent, Object.assign({}, rest, {
11546
11449
  children: jsxRuntime.jsxs(StyledEmptyContentText, {
11547
- children: [title && jsxRuntime.jsx(Typography, Object.assign({
11548
- typographyType: "headingSans02"
11549
- }, {
11450
+ children: [title && jsxRuntime.jsx(Typography, {
11451
+ typographyType: "headingSans02",
11550
11452
  children: title
11551
- })), jsxRuntime.jsx(Typography, Object.assign({
11552
- typographyType: "bodySans02"
11553
- }, {
11453
+ }), jsxRuntime.jsx(Typography, {
11454
+ typographyType: "bodySans02",
11554
11455
  children: message
11555
- }))]
11456
+ })]
11556
11457
  })
11557
11458
  }));
11558
11459
  }
@@ -11580,22 +11481,21 @@ var StyledIcon = styled__default.default(Icon).withConfig({
11580
11481
  componentId: "sc-lzrkx8-1"
11581
11482
  })(["color:", ";"], backLinkTokens.icon.color);
11582
11483
  var BackLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
11583
- return jsxRuntime.jsxs(Nav, Object.assign({
11584
- ref: ref
11585
- }, {
11484
+ return jsxRuntime.jsxs(Nav, {
11485
+ ref: ref,
11586
11486
  children: [jsxRuntime.jsx(StyledIcon, {
11587
11487
  icon: ArrowLeftIcon,
11588
11488
  iconSize: "small"
11589
- }), jsxRuntime.jsx(Typography, Object.assign({
11489
+ }), jsxRuntime.jsx(Typography, {
11590
11490
  typographyType: "a",
11591
- href: props.href
11592
- }, {
11491
+ href: props.href,
11593
11492
  children: props.label
11594
- }))]
11595
- }));
11493
+ })]
11494
+ });
11596
11495
  });
11597
11496
  BackLink.displayName = 'BackLink';
11598
11497
 
11498
+ exports.AgreementIcon = AgreementIcon;
11599
11499
  exports.AppsIcon = AppsIcon;
11600
11500
  exports.ArchiveIcon = ArchiveIcon;
11601
11501
  exports.ArrowDownIcon = ArrowDownIcon;
@@ -11624,6 +11524,7 @@ exports.Card = Card;
11624
11524
  exports.CardAccordion = CardAccordion;
11625
11525
  exports.CardAccordionBody = CardAccordionBody;
11626
11526
  exports.CardAccordionHeader = CardAccordionHeader;
11527
+ exports.CaringIcon = CaringIcon;
11627
11528
  exports.ChatIcon = ChatIcon;
11628
11529
  exports.CheckCircledIcon = CheckCircledIcon;
11629
11530
  exports.CheckIcon = CheckIcon;
@@ -11750,6 +11651,7 @@ exports.OverflowMenuGroup = OverflowMenuGroup;
11750
11651
  exports.OverflowMenuList = OverflowMenuList;
11751
11652
  exports.Pagination = Pagination;
11752
11653
  exports.Paragraph = Paragraph;
11654
+ exports.PayoutIcon = PayoutIcon;
11753
11655
  exports.PdfIcon = PdfIcon;
11754
11656
  exports.PersonAddIcon = PersonAddIcon;
11755
11657
  exports.PersonIcon = PersonIcon;