@norges-domstoler/dds-components 9.0.0 → 9.1.0

package/dist/bundle.css

@@ -59,6 +59,36 @@
     url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff') format('woff');
 }
 
+@font-face {
+  font-family: IBM Plex Mono;
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local('IBM Plex Mono'), local('IBMPlexMono'),
+    url('../assets/fonts/IBMPlexMono-Regular.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexMono-Regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Mono;
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local('IBM Plex Mono Light'), local('IBMPlexMono-Light'),
+    url('../assets/fonts/IBMPlexMono-Light.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexMono-Light.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Mono;
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: local('IBM Plex Mono SemiBold'), local('IBMPlexMono-SemiBold'),
+    url('../assets/fonts/IBMPlexMono-SemiBold.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexMono-SemiBold.woff') format('woff');
+}
+
 @import '~@norges-domstoler/dds-design-tokens/dist/css/colors.css';
 
 *::selection {

package/dist/cjs/bundle.css

@@ -59,6 +59,36 @@
     url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff') format('woff');
 }
 
+@font-face {
+  font-family: IBM Plex Mono;
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local('IBM Plex Mono'), local('IBMPlexMono'),
+    url('../assets/fonts/IBMPlexMono-Regular.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexMono-Regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Mono;
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local('IBM Plex Mono Light'), local('IBMPlexMono-Light'),
+    url('../assets/fonts/IBMPlexMono-Light.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexMono-Light.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Mono;
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: local('IBM Plex Mono SemiBold'), local('IBMPlexMono-SemiBold'),
+    url('../assets/fonts/IBMPlexMono-SemiBold.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexMono-SemiBold.woff') format('woff');
+}
+
 @import '~@norges-domstoler/dds-design-tokens/dist/css/colors.css';
 
 *::selection {

package/dist/cjs/components/Checkbox/CheckboxGroupContext.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-export interface CheckboxGroup {
+export interface CheckboxGroupContextProps {
     error?: boolean;
     errorMessageId?: string;
     uniqueGroupId?: string;
     tipId?: string;
 }
-export declare const CheckboxGroupContext: React.Context<Nullable<CheckboxGroup>>;
-export declare const useCheckboxGroup: () => Nullable<CheckboxGroup>;
+export declare const CheckboxGroupContext: React.Context<Nullable<CheckboxGroupContextProps>>;
+export declare const useCheckboxGroup: () => Nullable<CheckboxGroupContextProps>;

package/dist/cjs/index.js

@@ -3191,22 +3191,12 @@ var combineHandlers = function combineHandlers(handler1, handler2) {
   return callback;
 };
 
-var derivativeIdGenerator = function derivativeIdGenerator(prefix, suffix, value) {
-  return value ? "".concat(prefix, "-").concat(suffix) : undefined;
-};
-var idArrayGenerator = function idArrayGenerator(values) {
-  var array = [];
-  values.forEach(function (e) {
-    if (e) {
-      array.push(e);
-    }
-  });
-  return array.length > 0 ? array : undefined;
+var derivativeIdGenerator = function derivativeIdGenerator(prefix, suffix) {
+  return "".concat(prefix, "-").concat(suffix);
 };
 var spaceSeparatedIdListGenerator = function spaceSeparatedIdListGenerator(values) {
-  var _a;
-
-  return (_a = idArrayGenerator(values)) === null || _a === void 0 ? void 0 : _a.join(' ');
+  var filtered = values.filter(Boolean);
+  return filtered.length > 0 ? filtered.join(' ') : undefined;
 };
 
 var calculateHeightWithLineHeight = function calculateHeightWithLineHeight(lineHeight, fontSize) {
@@ -4439,13 +4429,13 @@ var CheckboxGroup = function CheckboxGroup(props) {
   var uniqueGroupId = groupId !== null && groupId !== void 0 ? groupId : "".concat(generatedId, "-checkboxGroup");
   var hasErrorMessage = !!errorMessage;
   var showRequiredMarker = required || ariaRequired;
-  var errorMessageId = derivativeIdGenerator(uniqueGroupId, 'errorMessage', errorMessage);
-  var tipId = derivativeIdGenerator(uniqueGroupId, 'tip', tip);
+  var errorMessageId = derivativeIdGenerator(uniqueGroupId, 'errorMessage');
+  var tipId = derivativeIdGenerator(uniqueGroupId, 'tip');
   var contextProps = {
     error: hasErrorMessage,
-    errorMessageId: errorMessageId,
+    errorMessageId: errorMessage ? errorMessageId : undefined,
     uniqueGroupId: uniqueGroupId,
-    tipId: tipId
+    tipId: tip ? tipId : undefined
   };
   return jsxRuntime.jsxs(Container$f, Object.assign({}, getBaseHTMLProps(id, className, Object.assign(Object.assign({}, htmlProps), {
     'aria-required': ariaRequired
@@ -4462,7 +4452,7 @@ var CheckboxGroup = function CheckboxGroup(props) {
       children: jsxRuntime.jsx(GroupContainer, Object.assign({
         role: "group",
         "aria-labelledby": uniqueGroupId,
-        "aria-describedby": tipId,
+        "aria-describedby": tip ? tipId : undefined,
         direction: direction
       }, {
         children: children
@@ -5282,9 +5272,9 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var hasLabel = !!label;
   var hasMessage = hasErrorMessage || hasTip || !!maxLength;
   var hasIcon = !!icon;
-  var characterCounterId = derivativeIdGenerator(uniqueId, 'characterCounter', maxLength && withCharacterCounter);
-  var tipId = derivativeIdGenerator(uniqueId, 'tip', tip);
-  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage', errorMessage);
+  var characterCounterId = derivativeIdGenerator(uniqueId, 'characterCounter');
+  var tipId = derivativeIdGenerator(uniqueId, 'tip');
+  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage');
   var generalInputProps = Object.assign({
     id: uniqueId,
     errorMessage: errorMessage,
@@ -5297,7 +5287,7 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     value: value,
     defaultValue: defaultValue,
     'aria-required': ariaRequired,
-    'aria-describedby': spaceSeparatedIdListGenerator([tipId, errorMessageId, characterCounterId, ariaDescribedby]),
+    'aria-describedby': spaceSeparatedIdListGenerator([hasTip ? tipId : undefined, hasErrorMessage ? errorMessageId : undefined, maxLength && withCharacterCounter ? characterCounterId : undefined, ariaDescribedby]),
     'aria-invalid': hasErrorMessage ? true : undefined
   }, rest);
   var outerInputContainerProps = {
@@ -6173,8 +6163,8 @@ var SelectInner = function SelectInner(props, ref) {
   var hasLabel = !!label;
   var hasErrorMessage = !!errorMessage;
   var showRequiredStyling = !!(required || ariaRequired);
-  var tipId = derivativeIdGenerator(uniqueId, 'tip', tip);
-  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage', errorMessage);
+  var tipId = derivativeIdGenerator(uniqueId, 'tip');
+  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage');
   var containerProps = {
     width: width,
     componentSize: componentSize,
@@ -6211,7 +6201,7 @@ var SelectInner = function SelectInner(props, ref) {
         return DDSInput(Object.assign(Object.assign({}, props), {
           required: required,
           'aria-required': ariaRequired
-        }), hasErrorMessage, spaceSeparatedIdListGenerator([singleValueId, tipId, errorMessageId]));
+        }), hasErrorMessage, spaceSeparatedIdListGenerator([singleValueId, tip ? tipId : undefined, errorMessage ? errorMessageId : undefined]));
       },
       SingleValue: function SingleValue(props) {
         return CustomSingleValue(props, singleValueId, customSingleValueElement);
@@ -6767,7 +6757,7 @@ var Search = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var generatedId = React.useId();
   var uniqueId = id !== null && id !== void 0 ? id : "".concat(generatedId, "-searchInput");
   var hasLabel = !!label;
-  var tipId = derivativeIdGenerator(uniqueId, 'tip', tip);
+  var tipId = derivativeIdGenerator(uniqueId, 'tip');
   var containerProps = {
     className: className,
     style: style
@@ -6779,7 +6769,7 @@ var Search = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     name: name,
     type: 'search',
     id: uniqueId,
-    'aria-describedby': spaceSeparatedIdListGenerator([tipId, ariaDescribedby])
+    'aria-describedby': spaceSeparatedIdListGenerator([tip ? tipId : undefined, ariaDescribedby])
   });
 
   var _b = buttonProps || {},
@@ -9345,8 +9335,8 @@ var Datepicker = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var hasLabel = !!label;
   var hasErrorMessage = !!errorMessage;
   var showRequiredStyling = !!(required || ariaRequired);
-  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage', errorMessage);
-  var tipId = derivativeIdGenerator(uniqueId, 'tip', tip);
+  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage');
+  var tipId = derivativeIdGenerator(uniqueId, 'tip');
   var inputProps = Object.assign({
     id: uniqueId,
     hasErrorMessage: hasErrorMessage,
@@ -9357,7 +9347,7 @@ var Datepicker = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     disabled: disabled,
     componentSize: componentSize,
     type: type,
-    'aria-describedby': spaceSeparatedIdListGenerator([tipId, errorMessageId, ariaDescribedby]),
+    'aria-describedby': spaceSeparatedIdListGenerator([tip ? tipId : undefined, errorMessage ? errorMessageId : undefined, ariaDescribedby]),
     'aria-required': ariaRequired,
     'aria-invalid': hasErrorMessage ? true : undefined,
     max: getMax(type, max)
@@ -11714,8 +11704,8 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var hasErrorMessage = !!errorMessage;
   var hasLabel = !!label;
-  var tipId = derivativeIdGenerator(uniqueId, 'tip', tip);
-  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage', errorMessage);
+  var tipId = derivativeIdGenerator(uniqueId, 'tip');
+  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage');
   var showRequiredStyling = required || !!ariaRequired;
   var containerProps = {
     width: width,
@@ -11732,7 +11722,7 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
     hasErrorMessage: hasErrorMessage,
     required: required,
     'aria-required': ariaRequired,
-    'aria-describedby': spaceSeparatedIdListGenerator([tipId, errorMessageId, ariaDescribedby]),
+    'aria-describedby': spaceSeparatedIdListGenerator([tip ? tipId : undefined, errorMessage ? errorMessageId : undefined, ariaDescribedby]),
     'aria-invalid': hasErrorMessage ? true : undefined
   }, rest);
   return jsxRuntime.jsxs(OuterInputContainer, Object.assign({}, containerProps, {

package/dist/cjs/utils/idGenerator.d.ts

@@ -1,3 +1,2 @@
-export declare const derivativeIdGenerator: (prefix: string, suffix: string, value?: string | number | boolean) => string | undefined;
-export declare const idArrayGenerator: (values: (string | undefined)[]) => string[] | undefined;
+export declare const derivativeIdGenerator: (prefix: string, suffix: string) => string;
 export declare const spaceSeparatedIdListGenerator: (values: (string | undefined)[]) => string | undefined;

package/dist/components/Checkbox/CheckboxGroup.js

@@ -51,13 +51,13 @@ var CheckboxGroup = function CheckboxGroup(props) {
   var uniqueGroupId = groupId !== null && groupId !== void 0 ? groupId : "".concat(generatedId, "-checkboxGroup");
   var hasErrorMessage = !!errorMessage;
   var showRequiredMarker = required || ariaRequired;
-  var errorMessageId = derivativeIdGenerator(uniqueGroupId, 'errorMessage', errorMessage);
-  var tipId = derivativeIdGenerator(uniqueGroupId, 'tip', tip);
+  var errorMessageId = derivativeIdGenerator(uniqueGroupId, 'errorMessage');
+  var tipId = derivativeIdGenerator(uniqueGroupId, 'tip');
   var contextProps = {
     error: hasErrorMessage,
-    errorMessageId: errorMessageId,
+    errorMessageId: errorMessage ? errorMessageId : undefined,
     uniqueGroupId: uniqueGroupId,
-    tipId: tipId
+    tipId: tip ? tipId : undefined
   };
   return jsxs(Container, Object.assign({}, getBaseHTMLProps(id, className, Object.assign(Object.assign({}, htmlProps), {
     'aria-required': ariaRequired
@@ -74,7 +74,7 @@ var CheckboxGroup = function CheckboxGroup(props) {
       children: jsx(GroupContainer, Object.assign({
         role: "group",
         "aria-labelledby": uniqueGroupId,
-        "aria-describedby": tipId,
+        "aria-describedby": tip ? tipId : undefined,
         direction: direction
       }, {
         children: children

package/dist/components/Checkbox/CheckboxGroupContext.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-export interface CheckboxGroup {
+export interface CheckboxGroupContextProps {
     error?: boolean;
     errorMessageId?: string;
     uniqueGroupId?: string;
     tipId?: string;
 }
-export declare const CheckboxGroupContext: React.Context<Nullable<CheckboxGroup>>;
-export declare const useCheckboxGroup: () => Nullable<CheckboxGroup>;
+export declare const CheckboxGroupContext: React.Context<Nullable<CheckboxGroupContextProps>>;
+export declare const useCheckboxGroup: () => Nullable<CheckboxGroupContextProps>;

package/dist/components/Datepicker/Datepicker.js

@@ -57,8 +57,8 @@ var Datepicker = /*#__PURE__*/forwardRef(function (_a, ref) {
   var hasLabel = !!label;
   var hasErrorMessage = !!errorMessage;
   var showRequiredStyling = !!(required || ariaRequired);
-  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage', errorMessage);
-  var tipId = derivativeIdGenerator(uniqueId, 'tip', tip);
+  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage');
+  var tipId = derivativeIdGenerator(uniqueId, 'tip');
   var inputProps = Object.assign({
     id: uniqueId,
     hasErrorMessage: hasErrorMessage,
@@ -69,7 +69,7 @@ var Datepicker = /*#__PURE__*/forwardRef(function (_a, ref) {
     disabled: disabled,
     componentSize: componentSize,
     type: type,
-    'aria-describedby': spaceSeparatedIdListGenerator([tipId, errorMessageId, ariaDescribedby]),
+    'aria-describedby': spaceSeparatedIdListGenerator([tip ? tipId : undefined, errorMessage ? errorMessageId : undefined, ariaDescribedby]),
     'aria-required': ariaRequired,
     'aria-invalid': hasErrorMessage ? true : undefined,
     max: getMax(type, max)

package/dist/components/Search/Search.js

@@ -81,7 +81,7 @@ var Search = /*#__PURE__*/forwardRef(function (_a, ref) {
   var generatedId = useId();
   var uniqueId = id !== null && id !== void 0 ? id : "".concat(generatedId, "-searchInput");
   var hasLabel = !!label;
-  var tipId = derivativeIdGenerator(uniqueId, 'tip', tip);
+  var tipId = derivativeIdGenerator(uniqueId, 'tip');
   var containerProps = {
     className: className,
     style: style
@@ -93,7 +93,7 @@ var Search = /*#__PURE__*/forwardRef(function (_a, ref) {
     name: name,
     type: 'search',
     id: uniqueId,
-    'aria-describedby': spaceSeparatedIdListGenerator([tipId, ariaDescribedby])
+    'aria-describedby': spaceSeparatedIdListGenerator([tip ? tipId : undefined, ariaDescribedby])
   });
 
   var _b = buttonProps || {},

package/dist/components/Select/Select.js

@@ -159,8 +159,8 @@ var SelectInner = function SelectInner(props, ref) {
   var hasLabel = !!label;
   var hasErrorMessage = !!errorMessage;
   var showRequiredStyling = !!(required || ariaRequired);
-  var tipId = derivativeIdGenerator(uniqueId, 'tip', tip);
-  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage', errorMessage);
+  var tipId = derivativeIdGenerator(uniqueId, 'tip');
+  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage');
   var containerProps = {
     width: width,
     componentSize: componentSize,
@@ -197,7 +197,7 @@ var SelectInner = function SelectInner(props, ref) {
         return DDSInput(Object.assign(Object.assign({}, props), {
           required: required,
           'aria-required': ariaRequired
-        }), hasErrorMessage, spaceSeparatedIdListGenerator([singleValueId, tipId, errorMessageId]));
+        }), hasErrorMessage, spaceSeparatedIdListGenerator([singleValueId, tip ? tipId : undefined, errorMessage ? errorMessageId : undefined]));
       },
       SingleValue: function SingleValue(props) {
         return CustomSingleValue(props, singleValueId, customSingleValueElement);

package/dist/components/TextArea/TextArea.js

@@ -69,8 +69,8 @@ var TextArea = /*#__PURE__*/forwardRef(function (props, ref) {
 
   var hasErrorMessage = !!errorMessage;
   var hasLabel = !!label;
-  var tipId = derivativeIdGenerator(uniqueId, 'tip', tip);
-  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage', errorMessage);
+  var tipId = derivativeIdGenerator(uniqueId, 'tip');
+  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage');
   var showRequiredStyling = required || !!ariaRequired;
   var containerProps = {
     width: width,
@@ -87,7 +87,7 @@ var TextArea = /*#__PURE__*/forwardRef(function (props, ref) {
     hasErrorMessage: hasErrorMessage,
     required: required,
     'aria-required': ariaRequired,
-    'aria-describedby': spaceSeparatedIdListGenerator([tipId, errorMessageId, ariaDescribedby]),
+    'aria-describedby': spaceSeparatedIdListGenerator([tip ? tipId : undefined, errorMessage ? errorMessageId : undefined, ariaDescribedby]),
     'aria-invalid': hasErrorMessage ? true : undefined
   }, rest);
   return jsxs(OuterInputContainer, Object.assign({}, containerProps, {

package/dist/components/TextInput/TextInput.js

@@ -77,9 +77,9 @@ var TextInput = /*#__PURE__*/forwardRef(function (_a, ref) {
   var hasLabel = !!label;
   var hasMessage = hasErrorMessage || hasTip || !!maxLength;
   var hasIcon = !!icon;
-  var characterCounterId = derivativeIdGenerator(uniqueId, 'characterCounter', maxLength && withCharacterCounter);
-  var tipId = derivativeIdGenerator(uniqueId, 'tip', tip);
-  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage', errorMessage);
+  var characterCounterId = derivativeIdGenerator(uniqueId, 'characterCounter');
+  var tipId = derivativeIdGenerator(uniqueId, 'tip');
+  var errorMessageId = derivativeIdGenerator(uniqueId, 'errorMessage');
   var generalInputProps = Object.assign({
     id: uniqueId,
     errorMessage: errorMessage,
@@ -92,7 +92,7 @@ var TextInput = /*#__PURE__*/forwardRef(function (_a, ref) {
     value: value,
     defaultValue: defaultValue,
     'aria-required': ariaRequired,
-    'aria-describedby': spaceSeparatedIdListGenerator([tipId, errorMessageId, characterCounterId, ariaDescribedby]),
+    'aria-describedby': spaceSeparatedIdListGenerator([hasTip ? tipId : undefined, hasErrorMessage ? errorMessageId : undefined, maxLength && withCharacterCounter ? characterCounterId : undefined, ariaDescribedby]),
     'aria-invalid': hasErrorMessage ? true : undefined
   }, rest);
   var outerInputContainerProps = {

package/dist/styles/fontStyles.css

@@ -58,3 +58,33 @@
     url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff2') format('woff2'),
     url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff') format('woff');
 }
+
+@font-face {
+  font-family: IBM Plex Mono;
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local('IBM Plex Mono'), local('IBMPlexMono'),
+    url('../assets/fonts/IBMPlexMono-Regular.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexMono-Regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Mono;
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local('IBM Plex Mono Light'), local('IBMPlexMono-Light'),
+    url('../assets/fonts/IBMPlexMono-Light.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexMono-Light.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Mono;
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: local('IBM Plex Mono SemiBold'), local('IBMPlexMono-SemiBold'),
+    url('../assets/fonts/IBMPlexMono-SemiBold.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexMono-SemiBold.woff') format('woff');
+}

package/dist/utils/idGenerator.d.ts

@@ -1,3 +1,2 @@
-export declare const derivativeIdGenerator: (prefix: string, suffix: string, value?: string | number | boolean) => string | undefined;
-export declare const idArrayGenerator: (values: (string | undefined)[]) => string[] | undefined;
+export declare const derivativeIdGenerator: (prefix: string, suffix: string) => string;
 export declare const spaceSeparatedIdListGenerator: (values: (string | undefined)[]) => string | undefined;

package/dist/utils/idGenerator.js

@@ -1,19 +1,9 @@
-var derivativeIdGenerator = function derivativeIdGenerator(prefix, suffix, value) {
-  return value ? "".concat(prefix, "-").concat(suffix) : undefined;
-};
-var idArrayGenerator = function idArrayGenerator(values) {
-  var array = [];
-  values.forEach(function (e) {
-    if (e) {
-      array.push(e);
-    }
-  });
-  return array.length > 0 ? array : undefined;
+var derivativeIdGenerator = function derivativeIdGenerator(prefix, suffix) {
+  return "".concat(prefix, "-").concat(suffix);
 };
 var spaceSeparatedIdListGenerator = function spaceSeparatedIdListGenerator(values) {
-  var _a;
-
-  return (_a = idArrayGenerator(values)) === null || _a === void 0 ? void 0 : _a.join(' ');
+  var filtered = values.filter(Boolean);
+  return filtered.length > 0 ? filtered.join(' ') : undefined;
 };
 
-export { derivativeIdGenerator, idArrayGenerator, spaceSeparatedIdListGenerator };
+export { derivativeIdGenerator, spaceSeparatedIdListGenerator };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "9.0.0",
+  "version": "9.1.0",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",
@@ -51,10 +51,10 @@
     "@babel/preset-env": "^7.19.1",
     "@babel/preset-react": "^7.18.6",
     "@mdx-js/react": "^2.1.3",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^22.0.2",
-    "@rollup/plugin-image": "^2.1.1",
-    "@rollup/plugin-node-resolve": "^14.1.0",
+    "@rollup/plugin-babel": "^6.0.0",
+    "@rollup/plugin-commonjs": "^23.0.0",
+    "@rollup/plugin-image": "^3.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
     "@storybook/addon-essentials": "^6.5.12",
     "@storybook/addons": "^6.5.12",
     "@storybook/mdx2-csf": "^0.0.3",