@norges-domstoler/dds-components 0.0.0-dev-20260911104406 → 0.0.0-dev-20260923130942

package/dist/index.cjs

@@ -6412,19 +6412,15 @@ const texts$22 = createTexts({
 function DateSegment({ segment, state, componentSize, errorMessageId, tipId }) {
 	const ref = (0, react.useRef)(null);
 	const { segmentProps } = (0, _react_aria_datepicker.useDateSegment)(segment, state, ref);
+	const isSeparator = segment.type === "literal";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Box, {
 		...segmentProps,
-		padding: "0 0.05rem",
-		width: "max-content",
-		height: "max-content",
 		marginBlock: "auto",
+		marginInline: isSeparator ? "-0.15ch" : void 0,
 		"aria-describedby": spaceSeparatedIdListGenerator([errorMessageId ? errorMessageId : void 0, tipId ? tipId : void 0]),
 		ref,
 		className: cn(segmentProps.className, DateInput_module_default.segment, typographyStyles_module_default[`body-short-${componentSize}`]),
-		style: {
-			...segmentProps.style,
-			minWidth: segment.maxValue != null ? String(segment.maxValue).length + "ch" : void 0
-		},
+		style: { ...segmentProps.style },
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			"aria-hidden": "true",
 			className: cn(DateInput_module_default.segment__placeholder, !segment.isPlaceholder && DateInput_module_default["segment__placeholder--invisible"]),
@@ -9508,15 +9504,23 @@ const getCustomStyles = (size, hasError, isReadOnly) => ({
 //#endregion
 //#region src/components/Select/SelectComponents.tsx
 const { Option, NoOptionsMessage, Input, SingleValue, ClearIndicator, DropdownIndicator, MultiValueRemove, Control } = react_select.components;
-const DDSOption = ({ ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Option, {
+const DDSOption = ({ testId, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Option, {
 	...props,
+	innerProps: {
+		...props.innerProps,
+		"data-testid": testId
+	},
 	children: [props.isSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
 		icon: CheckIcon,
 		iconSize: "small"
 	}), props.children]
 });
-const CustomOption = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Option, {
+const CustomOption = ({ testId, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Option, {
 	...props,
+	innerProps: {
+		...props.innerProps,
+		"data-testid": testId
+	},
 	children: react.default.createElement(props.customElement, props)
 });
 const CustomSingleValue = ({ id, Element, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SingleValue, {
@@ -9629,12 +9633,21 @@ function Select({ id, label, componentSize = "medium", errorMessage, tip, "aria-
 		dataTestId
 	]);
 	const customOptionComponent = (0, react.useCallback)((props) => {
+		const optionTestId = dataTestId ? `${dataTestId}-option-${String(rest.getOptionValue?.(props.data) ?? props.data.value)}` : void 0;
 		if (customOptionElement) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomOption, {
 			...props,
-			customElement: customOptionElement
+			customElement: customOptionElement,
+			testId: optionTestId
 		});
-		else return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DDSOption, { ...props });
-	}, [customOptionElement, componentSize]);
+		else return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DDSOption, {
+			...props,
+			testId: optionTestId
+		});
+	}, [
+		customOptionElement,
+		dataTestId,
+		rest.getOptionValue
+	]);
 	const reactSelectProps = {
 		options,
 		value,