@vygruppen/spor-react 12.10.4 → 12.10.6

package/dist/index.d.cts

@@ -896,7 +896,7 @@ declare const DrawerBackTrigger: React$1.ForwardRefExoticComponent<Drawer$1.Clos
 declare const DrawerFullScreenHeader: React$1.ForwardRefExoticComponent<Drawer$1.HeaderProps & {
     backTrigger?: boolean;
     closeTrigger?: boolean;
-    title?: string;
+    title?: React$1.ReactNode;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const Drawer: (props: DrawerProps) => react_jsx_runtime.JSX.Element;
 declare const DrawerTrigger: React$1.ForwardRefExoticComponent<Drawer$1.TriggerProps & React$1.RefAttributes<HTMLButtonElement>>;

package/dist/index.d.ts

@@ -896,7 +896,7 @@ declare const DrawerBackTrigger: React$1.ForwardRefExoticComponent<Drawer$1.Clos
 declare const DrawerFullScreenHeader: React$1.ForwardRefExoticComponent<Drawer$1.HeaderProps & {
     backTrigger?: boolean;
     closeTrigger?: boolean;
-    title?: string;
+    title?: React$1.ReactNode;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const Drawer: (props: DrawerProps) => react_jsx_runtime.JSX.Element;
 declare const DrawerTrigger: React$1.ForwardRefExoticComponent<Drawer$1.TriggerProps & React$1.RefAttributes<HTMLButtonElement>>;

package/dist/index.mjs

@@ -2357,7 +2357,7 @@ var DrawerContent = forwardRef(
       swipeDuration: 250
     });
     const sizeNotFull = size !== "full";
-    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(Drawer$1.Positioner, { children: /* @__PURE__ */ jsx(Box, { ...handlers, width: "100%", children: /* @__PURE__ */ jsxs(Drawer$1.Content, { ref, ...rest, children: [
+    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(Drawer$1.Positioner, { asChild: true, children: /* @__PURE__ */ jsx(Box, { ...handlers, width: "100%", children: /* @__PURE__ */ jsxs(Drawer$1.Content, { ref, ...rest, children: [
       sizeNotFull && placement === "bottom" && /* @__PURE__ */ jsx(CloseDrawerLine, {}),
       children,
       sizeNotFull && placement === "top" && /* @__PURE__ */ jsx(CloseDrawerLine, {})
@@ -2434,7 +2434,7 @@ var AttachedInputs = forwardRef(
     const recipe = useRecipe({ key: "attachedInputs" });
     const [recipeProps, restProps] = recipe.splitVariantProps(props);
     const styles = recipe(recipeProps);
-    return /* @__PURE__ */ jsx(Group, { ref, css: styles, attached: true, ...restProps });
+    return /* @__PURE__ */ jsx(Group, { ref, css: styles, attached: true, isolation: "auto", ...restProps });
   }
 );
 AttachedInputs.displayName = "AttachedInputs";
@@ -3407,12 +3407,6 @@ var texts16 = createTexts({
     nn: "Telefonnummer (valgfritt)",
     en: "Phone number (optional)",
     sv: "Telefonnummer (valfritt)"
-  },
-  countryCodeLabel: {
-    nb: "Landskode",
-    nn: "Landskode",
-    en: "Country code",
-    sv: "Landskod"
   }
 });
 var Radio = forwardRef((props, ref) => {
@@ -3666,24 +3660,47 @@ var useLabelHeight = (label) => {
 };
 var Textarea = forwardRef(
   (props, ref) => {
-    const { label, variant = "core", ...fieldProps } = props;
+    const {
+      label,
+      variant = "core",
+      invalid,
+      required,
+      errorText,
+      readOnly,
+      helperText,
+      floatingLabel,
+      ...restProps
+    } = props;
     const recipe = useRecipe({ key: "textarea" });
     const styles = recipe({ variant });
     const { labelRef, labelHeight } = useLabelHeight(label);
-    return /* @__PURE__ */ jsxs(Field3, { ...fieldProps, position: "relative", children: [
-      /* @__PURE__ */ jsx(
-        Textarea$1,
-        {
-          ...props,
-          css: styles,
-          className: "peer",
-          ref,
-          style: { "--label-height": `${labelHeight}px` },
-          placeholder: " "
-        }
-      ),
-      /* @__PURE__ */ jsx(FloatingLabel, { ref: labelRef, children: label })
-    ] });
+    return /* @__PURE__ */ jsxs(
+      Field3,
+      {
+        label,
+        errorText,
+        helperText,
+        invalid,
+        required,
+        readOnly,
+        floatingLabel,
+        position: "relative",
+        children: [
+          /* @__PURE__ */ jsx(
+            Textarea$1,
+            {
+              ...restProps,
+              css: styles,
+              className: "peer",
+              ref,
+              style: { "--label-height": `${labelHeight}px` },
+              placeholder: " "
+            }
+          ),
+          /* @__PURE__ */ jsx(FloatingLabel, { ref: labelRef, children: label })
+        ]
+      }
+    );
   }
 );
 Textarea.displayName = "Textarea";
@@ -3928,6 +3945,7 @@ var TravelTag = forwardRef(
         "aria-disabled": disabled,
         ref,
         className: clsx_default("light", rest.className),
+        backgroundColor,
         ...rest,
         children: [
           /* @__PURE__ */ jsx(
@@ -5104,7 +5122,7 @@ var createToast = ({
   text,
   variant,
   id,
-  duration = 6e5
+  duration = 6e3
 }) => toaster.create({
   description: text,
   type: variant,