@vygruppen/spor-react 12.14.1 → 12.14.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.14.1 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.14.2 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           320.36 KB
-CJS dist/icons/index.cjs     381.00 B
-CJS dist/index.cjs.map       637.96 KB
-CJS dist/icons/index.cjs.map 157.00 B
-CJS ⚡️ Build success in 2498ms
-ESM dist/index.mjs           298.78 KB
+ESM dist/index.mjs           298.93 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs.map       637.96 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM ⚡️ Build success in 2498ms
-DTS ⚡️ Build success in 19261ms
+ESM dist/index.mjs.map       638.54 KB
+ESM ⚡️ Build success in 2541ms
+CJS dist/index.cjs           320.53 KB
+CJS dist/icons/index.cjs     381.00 B
+CJS dist/icons/index.cjs.map 157.00 B
+CJS dist/index.cjs.map       638.54 KB
+CJS ⚡️ Build success in 2541ms
+DTS ⚡️ Build success in 18296ms
 DTS dist/icons/index.d.ts  44.00 B
 DTS dist/index.d.ts        157.08 KB
 DTS dist/icons/index.d.cts 44.00 B

package/.turbo/turbo-postinstall.log

@@ -1,8 +1,8 @@
 
-> @vygruppen/spor-react@12.14.1 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.14.2 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
-[dotenv@17.2.2] injecting env (0) from .env -- tip: ⚙️  suppress all logs with { quiet: true }
+[dotenv@17.2.2] injecting env (0) from .env -- tip: ⚙️  enable debug logging with { debug: true }
 ┌  Chakra CLI ⚡️
 [?25l│
 ◒  Generating conditions types...

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @vygruppen/spor-react
 
+## 12.14.2
+
+### Patch Changes
+
+- 02bdd99: Fix issue where switch without label has empty space on right
+- 2b611fa: Fix layout on full screen drawer header.
+
 ## 12.14.1
 
 ### Patch Changes

package/dist/index.cjs

@@ -2375,6 +2375,20 @@ var DialogTitle = react.Dialog.Title;
 var DialogDescription = react.Dialog.Description;
 var DialogTrigger = react.Dialog.Trigger;
 var DialogActionTrigger = react.Dialog.ActionTrigger;
+var ResponsiveButton = ({ label, icon, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Button, { display: ["none", "flex"], leftIcon: icon, ...props, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      IconButton,
+      {
+        display: ["flex", "none"],
+        "aria-label": label,
+        icon,
+        ...props
+      }
+    )
+  ] });
+};
 var [RootDrawerProvider, useRootDrawerProps] = react.createContext({
   name: "RootDrawerProvider"
 });
@@ -2421,20 +2435,37 @@ CloseDrawerLine.displayName = "CloseDrawerLine";
 var DrawerCloseTrigger = React27.forwardRef(function DrawerCloseTrigger2(props, ref) {
   const { size } = useRootDrawerProps();
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Drawer.CloseTrigger, { ref, ...props, asChild: true, children: size === "full" ? /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", leftIcon: /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.CloseFill24Icon, {}), children: t(texts12.close) }) : /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { size: "md" }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Drawer.CloseTrigger, { ref, ...props, asChild: true, children: size === "full" ? /* @__PURE__ */ jsxRuntime.jsx(
+    ResponsiveButton,
+    {
+      variant: "ghost",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.CloseFill24Icon, {}),
+      label: t(texts12.close)
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { size: "md" }) });
 });
 var DrawerBackTrigger = React27.forwardRef((props, ref) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Drawer.CloseTrigger, { asChild: true, ...props, ref, top: "0", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", leftIcon: /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.ArrowLeftFill24Icon, {}), children: t(texts12.back) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Drawer.CloseTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ jsxRuntime.jsx(
+    ResponsiveButton,
+    {
+      variant: "ghost",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.ArrowLeftFill24Icon, {}),
+      label: t(texts12.back)
+    }
+  ) });
 });
 DrawerBackTrigger.displayName = "DrawerBackTrigger";
 var DrawerFullScreenHeader = React27.forwardRef((props, ref) => {
   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: 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" }) })
-  ] }) });
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Drawer.Header, { ...props, ref, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react.Box, { children: backTrigger && /* @__PURE__ */ jsxRuntime.jsx(DrawerBackTrigger, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(DrawerTitle, { children }),
+    /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { children: [
+      " ",
+      closeTrigger && /* @__PURE__ */ jsxRuntime.jsx(DrawerCloseTrigger, {})
+    ] })
+  ] });
 });
 DrawerFullScreenHeader.displayName = "DrawerFullScreenHeader";
 var Drawer = (props) => {
@@ -3691,7 +3722,7 @@ var Switch = React27.forwardRef(
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(react.Switch.HiddenInput, { ref }),
               /* @__PURE__ */ jsxRuntime.jsx(react.Switch.Control, { css: styles.control, children: /* @__PURE__ */ jsxRuntime.jsx(react.Switch.Thumb, {}) }),
-              /* @__PURE__ */ jsxRuntime.jsx(react.Switch.Label, { children: label })
+              label && /* @__PURE__ */ jsxRuntime.jsx(react.Switch.Label, { children: label })
             ]
           }
         )
@@ -7681,7 +7712,8 @@ var drawerSlotRecipe = react.defineSlotRecipe({
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
-      paddingX: ["3", null, null, "5"],
+      paddingX: ["2", null, null, "5"],
+      gap: "1",
       paddingBottom: "1"
     },
     body: {