@norges-domstoler/dds-components 23.2.0 → 23.2.2

package/dist/index.mjs

@@ -2725,8 +2725,8 @@ function FileSignedIcon(props) {
     /* @__PURE__ */ jsx82(
       "path",
       {
-        "fill-rule": "evenodd",
-        "clip-rule": "evenodd",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
         d: "M3.25 4V20C3.25 20.7293 3.53994 21.4286 4.05566 21.9443C4.57139 22.4601 5.27065 22.75 6 22.75H18C18.7293 22.75 19.4286 22.4601 19.9443 21.9443C20.4601 21.4286 20.75 20.7293 20.75 20V8C20.7505 7.58448 20.669 7.17288 20.5098 6.78906C20.3503 6.40474 20.1154 6.05507 19.8203 5.76172L16.2344 2.17578C15.9414 1.88199 15.5932 1.64911 15.21 1.49024C14.8265 1.33136 14.4151 1.24949 14 1.25H6C5.27066 1.25 4.57139 1.53994 4.05566 2.05567C3.53994 2.57139 3.25 3.27066 3.25 4ZM14.8232 7.17676C14.7764 7.12988 14.75 7.0663 14.75 7V2.92969C14.9059 3.00878 15.0491 3.11116 15.1729 3.23535L18.7637 6.82617C18.8883 6.95016 18.991 7.0937 19.0703 7.25H15C14.9337 7.25 14.8701 7.22364 14.8232 7.17676ZM5.11621 20.8838C4.88179 20.6494 4.75 20.3315 4.75 20V4C4.75 3.66848 4.88179 3.35063 5.11621 3.11621C5.35063 2.88179 5.66848 2.75 6 2.75H13.25V7C13.25 7.46413 13.4345 7.90912 13.7627 8.23731C14.0909 8.5655 14.5359 8.75 15 8.75H19.25V20C19.25 20.3315 19.1182 20.6494 18.8838 20.8838C18.6494 21.1182 18.3315 21.25 18 21.25H6C5.66848 21.25 5.35063 21.1182 5.11621 20.8838Z"
       }
     ),
@@ -3032,8 +3032,8 @@ function LockFilledIcon(props) {
   return /* @__PURE__ */ jsx116(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx116(
     "path",
     {
-      "fill-rule": "evenodd",
-      "clip-rule": "evenodd",
+      fillRule: "evenodd",
+      clipRule: "evenodd",
       d: "M12 1C13.5913 1 15.117 1.63259 16.2422 2.75781C17.3674 3.88303 18 5.4087 18 7V9.25H18.2227C19.7547 9.25028 20.7499 10.7135 20.75 12.1816V19.8184C20.7499 21.2865 19.7547 22.7497 18.2227 22.75H5.77734C4.24534 22.7497 3.25008 21.2865 3.25 19.8184V12.1816C3.25008 10.7135 4.24534 9.25028 5.77734 9.25H6V7C6 5.4087 6.63259 3.88303 7.75781 2.75781C8.88303 1.63259 10.4087 1 12 1ZM12 13.25C11.0335 13.25 10.25 14.0335 10.25 15C10.25 15.5943 10.5471 16.1183 11 16.4346V17.5C11 18.0523 11.4477 18.5 12 18.5C12.5523 18.5 13 18.0523 13 17.5V16.4346C13.4529 16.1183 13.75 15.5943 13.75 15C13.75 14.0335 12.9665 13.25 12 13.25ZM12 3C10.9391 3 9.92202 3.42173 9.17188 4.17188C8.42173 4.92202 8 5.93913 8 7V9.25H16V7C16 5.93913 15.5783 4.92202 14.8281 4.17188C14.078 3.42173 13.0609 3 12 3Z"
     }
   ) });
@@ -3677,8 +3677,8 @@ function MoonIcon(props) {
   return /* @__PURE__ */ jsx190(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx190(
     "path",
     {
-      "fill-rule": "evenodd",
-      "clip-rule": "evenodd",
+      fillRule: "evenodd",
+      clipRule: "evenodd",
       d: "M9.17618 3.11544C8.96372 2.90299 8.64498 2.83783 8.36619 2.94987C4.78244 4.39007 2.25004 7.89837 2.25004 12C2.25004 17.3847 6.61526 21.75 12 21.75C16.1016 21.75 19.6099 19.2176 21.0501 15.6338C21.1622 15.355 21.097 15.0363 20.8846 14.8238C20.6721 14.6114 20.3534 14.5462 20.0746 14.6582C19.1254 15.0397 18.0882 15.25 17 15.25C12.4437 15.25 8.75004 11.5563 8.75004 6.99996C8.75004 5.91181 8.96032 4.87461 9.34176 3.92544C9.4538 3.64665 9.38864 3.3279 9.17618 3.11544ZM7.42919 5.13067C7.3116 5.736 7.25004 6.36102 7.25004 6.99996C7.25004 12.3847 11.6153 16.75 17 16.75C17.639 16.75 18.264 16.6884 18.8693 16.5708C17.39 18.7895 14.865 20.25 12 20.25C7.44369 20.25 3.75004 16.5563 3.75004 12C3.75004 9.13502 5.21054 6.60997 7.42919 5.13067Z"
     }
   ) });
@@ -4901,7 +4901,6 @@ var Toggle = ({
       }
     )
   ] }) : /* @__PURE__ */ jsx216(Icon, { className: Toggle_default.checkmark, icon: CheckIcon, iconSize });
-  console.log("disabled", disabled);
   return /* @__PURE__ */ jsxs75(
     "label",
     {
@@ -6096,7 +6095,6 @@ Provide \`cardType\` either via a parent <CardSelectableGroup> or directly on th
     error = group == null ? void 0 : group.error,
     name = radioGroup == null ? void 0 : radioGroup.name,
     value = radioGroup == null ? void 0 : radioGroup.value,
-    defaultValue = radioGroup == null ? void 0 : radioGroup.defaultValue,
     required = radioGroup == null ? void 0 : radioGroup.required
   } = { ...group, ...rest };
   const classNames = cn(
@@ -6109,8 +6107,7 @@ Provide \`cardType\` either via a parent <CardSelectableGroup> or directly on th
   const radioContextProps = {
     name,
     required,
-    value,
-    defaultValue
+    value
   };
   const customStyles = {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -6261,8 +6258,7 @@ var Chip = ({
             onClick,
             "aria-label": ariaLabel != null ? ariaLabel : t(texts4.removeChip) + (children ? ` ${children}` : ""),
             bleedMarginBlock: "x0.25",
-            reflectivePadding: true,
-            absolute: false
+            reflectivePadding: true
           }
         )
       ]
@@ -6460,6 +6456,8 @@ import { useRef as useRef11 } from "react";
 
 // src/components/date-inputs/common/DateInput.module.css
 var DateInput_default = {
+  "date-group": "DateInput_date-group",
+  "input-group": "DateInput_input-group",
   "date-segment-container": "DateInput_date-segment-container",
   segment: "DateInput_segment",
   segment__placeholder: "DateInput_segment__placeholder",
@@ -7345,7 +7343,7 @@ function DateInput({
     "div",
     {
       ...groupProps,
-      className: cn(className, Input_default.container),
+      className: cn(className, Input_default.container, DateInput_default["date-group"]),
       ref,
       children: [
         renderLabel({
@@ -7362,7 +7360,8 @@ function DateInput({
             width: getInputWidth(width, "fit-content"),
             className: cn(
               Input_default["input-group"],
-              typographyStyles_default[`body-short-${componentSize}`]
+              typographyStyles_default[`body-short-${componentSize}`],
+              DateInput_default["input-group"]
             ),
             children: [
               button,
@@ -11109,7 +11108,8 @@ var NewsPopover = ({
                       iconSize: "small",
                       icon: CircleFilledIcon,
                       color: active ? "brand-tertiary-default" : "brand-tertiary-subtle"
-                    }
+                    },
+                    `${slide.heading}-${i}`
                   );
                 }),
                 /* @__PURE__ */ jsx306(
@@ -11404,6 +11404,7 @@ var getCustomStyles = (size2, hasError, isReadOnly) => ({
     overflowY: "auto",
     position: "relative",
     boxSizing: "border-box",
+    padding: "var(--dds-spacing-x0-125)",
     ...scrollbarStyling
   }),
   option: (provided, state) => ({
@@ -11413,16 +11414,13 @@ var getCustomStyles = (size2, hasError, isReadOnly) => ({
     alignItems: "center",
     gap: "var(--dds-spacing-x0-25)",
     padding: "var(--dds-spacing-x0-75)",
+    borderRadius: "var(--dds-border-radius-surface)",
     backgroundColor: "var(--dds-color-surface-default)",
     ...typography.option[size2],
     color: "var(--dds-color-text-default)",
     "@media (prefers-reduced-motion: no-preference)": {
       transition: "color var(--dds-motion-micro-state), background-color var(--dds-motion-micro-state)"
     },
-    "&:hover": {
-      color: "var(--dds-color-text-default)",
-      backgroundColor: "var(--dds-color-surface-hover-subtle)"
-    },
     ...state.isSelected && {
       backgroundColor: "var(--dds-color-surface-selected-default)"
     },
@@ -14267,7 +14265,7 @@ var Table = ({
         withStripes && Table_default["table--with-stripes"],
         stickyHeader && Table_default["table--sticky-header"],
         scrollbar,
-        typographyStyles_default[`body-short-${tgSize()}`]
+        typographyStyles_default[`body-long-${tgSize()}`]
       ),
       children
     }