@vygruppen/spor-react 12.10.5 → 12.11.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.10.5 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.11.0 build /home/runner/work/spor/spor/packages/spor-react
 > tsup
 
 CLI Building entry: src/index.tsx, src/icons/index.tsx
@@ -11,17 +11,17 @@ CLI Cleaning output folder
 ESM Build start
 CJS Build start
 DTS Build start
-CJS dist/index.cjs           315.20 KB
-CJS dist/icons/index.cjs     381.00 B
-CJS dist/index.cjs.map       629.75 KB
-CJS dist/icons/index.cjs.map 157.00 B
-CJS ⚡️ Build success in 2506ms
-ESM dist/index.mjs           293.80 KB
+ESM dist/index.mjs           294.05 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs.map       629.75 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM ⚡️ Build success in 2507ms
-DTS ⚡️ Build success in 18032ms
+ESM dist/index.mjs.map       630.12 KB
+ESM ⚡️ Build success in 2549ms
+CJS dist/index.cjs           315.45 KB
+CJS dist/icons/index.cjs     381.00 B
+CJS dist/index.cjs.map       630.12 KB
+CJS dist/icons/index.cjs.map 157.00 B
+CJS ⚡️ Build success in 2550ms
+DTS ⚡️ Build success in 18729ms
 DTS dist/icons/index.d.ts  44.00 B
 DTS dist/index.d.ts        156.18 KB
 DTS dist/icons/index.d.cts 44.00 B

package/.turbo/turbo-postinstall.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.10.5 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.11.0 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
 ┌  Chakra CLI ⚡️

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @vygruppen/spor-react
 
+## 12.11.0
+
+### Minor Changes
+
+- c095719: Drawer: Change title in DrawerFullScreenHeader from being type string, to being child.
+
+## 12.10.6
+
+### Patch Changes
+
+- a11fd6a: attached-input: Fix errorLabel so it properly overlaps other elements
+  textarea: Prevent missing props warning in console
+  drawer: Ensure start and end drawers have full height
+
 ## 12.10.5
 
 ### Patch Changes

package/dist/index.cjs

@@ -2377,7 +2377,7 @@ var DrawerContent = React27.forwardRef(
       swipeDuration: 250
     });
     const sizeNotFull = size !== "full";
-    return /* @__PURE__ */ jsxRuntime.jsx(react.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsxRuntime.jsx(react.Drawer.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Box, { ...handlers, width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(react.Drawer.Content, { ref, ...rest, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(react.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsxRuntime.jsx(react.Drawer.Positioner, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(react.Box, { ...handlers, width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(react.Drawer.Content, { ref, ...rest, children: [
       sizeNotFull && placement === "bottom" && /* @__PURE__ */ jsxRuntime.jsx(CloseDrawerLine, {}),
       children,
       sizeNotFull && placement === "top" && /* @__PURE__ */ jsxRuntime.jsx(CloseDrawerLine, {})
@@ -2413,10 +2413,10 @@ var DrawerBackTrigger = React27.forwardRef((props, ref) => {
 });
 DrawerBackTrigger.displayName = "DrawerBackTrigger";
 var DrawerFullScreenHeader = React27.forwardRef((props, ref) => {
-  const { backTrigger = true, closeTrigger = true, title } = props;
+  const { backTrigger = true, closeTrigger = true, children } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(react.Drawer.Header, { ...props, ref, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(react.Grid, { templateColumns: "1fr auto 1fr", height: "auto", paddingX: "8", children: [
     /* @__PURE__ */ jsxRuntime.jsx(react.GridItem, { width: "full", alignSelf: "center", children: backTrigger && /* @__PURE__ */ jsxRuntime.jsx(DrawerBackTrigger, {}) }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.GridItem, { width: "full", alignSelf: "end", asChild: true, children: title && /* @__PURE__ */ jsxRuntime.jsx(DrawerTitle, { children: title }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(react.GridItem, { width: "full", alignSelf: "end", asChild: true, children: children && /* @__PURE__ */ jsxRuntime.jsx(DrawerTitle, { children }) }),
     closeTrigger && /* @__PURE__ */ jsxRuntime.jsx(react.GridItem, { width: "full", alignSelf: "end", children: /* @__PURE__ */ jsxRuntime.jsx(DrawerCloseTrigger, { justifySelf: "end", top: "0" }) })
   ] }) });
 });
@@ -2454,7 +2454,7 @@ var AttachedInputs = React27.forwardRef(
     const recipe = react.useRecipe({ key: "attachedInputs" });
     const [recipeProps, restProps] = recipe.splitVariantProps(props);
     const styles = recipe(recipeProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(react.Group, { ref, css: styles, attached: true, ...restProps });
+    return /* @__PURE__ */ jsxRuntime.jsx(react.Group, { ref, css: styles, attached: true, isolation: "auto", ...restProps });
   }
 );
 AttachedInputs.displayName = "AttachedInputs";
@@ -3427,12 +3427,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 = React27.forwardRef((props, ref) => {
@@ -3686,24 +3680,47 @@ var useLabelHeight = (label) => {
 };
 var Textarea = React27.forwardRef(
   (props, ref) => {
-    const { label, variant = "core", ...fieldProps } = props;
+    const {
+      label,
+      variant = "core",
+      invalid,
+      required,
+      errorText,
+      readOnly,
+      helperText,
+      floatingLabel,
+      ...restProps
+    } = props;
     const recipe = react.useRecipe({ key: "textarea" });
     const styles = recipe({ variant });
     const { labelRef, labelHeight } = useLabelHeight(label);
-    return /* @__PURE__ */ jsxRuntime.jsxs(Field3, { ...fieldProps, position: "relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        react.Textarea,
-        {
-          ...props,
-          css: styles,
-          className: "peer",
-          ref,
-          style: { "--label-height": `${labelHeight}px` },
-          placeholder: " "
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(FloatingLabel, { ref: labelRef, children: label })
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Field3,
+      {
+        label,
+        errorText,
+        helperText,
+        invalid,
+        required,
+        readOnly,
+        floatingLabel,
+        position: "relative",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            react.Textarea,
+            {
+              ...restProps,
+              css: styles,
+              className: "peer",
+              ref,
+              style: { "--label-height": `${labelHeight}px` },
+              placeholder: " "
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(FloatingLabel, { ref: labelRef, children: label })
+        ]
+      }
+    );
   }
 );
 Textarea.displayName = "Textarea";