@vygruppen/spor-react 12.8.10 → 12.9.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.8.10 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.9.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.42 KB
 CJS dist/icons/index.cjs     381.00 B
 CJS dist/icons/index.cjs.map 157.00 B
-CJS dist/index.cjs           315.14 KB
-CJS dist/index.cjs.map       629.02 KB
-CJS ⚡️ Build success in 3030ms
+CJS dist/index.cjs.map       629.60 KB
+CJS ⚡️ Build success in 3398ms
+ESM dist/index.mjs           294.02 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs           293.75 KB
+ESM dist/index.mjs.map       629.60 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM dist/index.mjs.map       629.02 KB
-ESM ⚡️ Build success in 3037ms
-DTS ⚡️ Build success in 30729ms
+ESM ⚡️ Build success in 3402ms
+DTS ⚡️ Build success in 32388ms
 DTS dist/icons/index.d.ts  44.00 B
 DTS dist/index.d.ts        156.40 KB
 DTS dist/icons/index.d.cts 44.00 B

package/.turbo/turbo-postinstall.log

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

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @vygruppen/spor-react
 
+## 12.9.0
+
+### Minor Changes
+
+- 5e4f450: Drawer: Make it possible to close a drawer by swiping
+
 ## 12.8.10
 
 ### Patch Changes

package/dist/index.cjs

@@ -12,6 +12,7 @@ var nextThemes = require('next-themes');
 var lu = require('react-icons/lu');
 var reactStately = require('react-stately');
 var date = require('@internationalized/date');
+var reactSwipeable = require('react-swipeable');
 var awesomePhonenumber = require('awesome-phonenumber');
 var react$1 = require('@emotion/react');
 var tokens23 = require('@vygruppen/spor-design-tokens');
@@ -2376,38 +2377,38 @@ var DrawerContent = React27.forwardRef(
   (props, ref) => {
     const { children, portalled = true, portalRef, ...rest } = props;
     const { size, placement } = useRootDrawerProps();
+    const { setOpen } = react.useDialogContext();
+    const handlers = reactSwipeable.useSwipeable({
+      onSwiped: (e) => {
+        const shouldClose = placement === "bottom" && e.dir === "Down" || placement === "top" && e.dir === "Up" || placement === "end" && e.dir === "Right" || placement === "start" && e.dir === "Left";
+        if (shouldClose) {
+          setOpen(false);
+        }
+      },
+      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.jsxs(react.Drawer.Content, { ref, ...rest, children: [
+    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: [
       sizeNotFull && placement === "bottom" && /* @__PURE__ */ jsxRuntime.jsx(CloseDrawerLine, {}),
       children,
       sizeNotFull && placement === "top" && /* @__PURE__ */ jsxRuntime.jsx(CloseDrawerLine, {})
-    ] }) }) });
+    ] }) }) }) });
   }
 );
 DrawerContent.displayName = "DrawerContent";
 var CloseDrawerLine = React27.forwardRef((props, ref) => {
-  const { t } = useTranslation();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    react.Drawer.CloseTrigger,
+    react.Box,
     {
-      ...props,
-      ref,
-      position: "relative",
-      insetEnd: "unset",
-      "aria-label": t(texts12.close),
-      cursor: "pointer",
+      width: 7,
+      minHeight: 1,
       top: 0,
-      paddingY: 2,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        react.Box,
-        {
-          width: 7,
-          height: 1,
-          backgroundColor: "silver",
-          borderRadius: "xs",
-          marginX: "auto"
-        }
-      )
+      marginY: 2,
+      marginX: "auto",
+      backgroundColor: "silver",
+      borderRadius: "xs",
+      ...props,
+      ref
     }
   );
 });