@vygruppen/spor-react 12.8.9 → 12.9.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.8.9 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,18 +11,18 @@ CLI Cleaning output folder
 ESM Build start
 CJS Build start
 DTS Build start
-CJS dist/index.cjs           314.57 KB
+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.map       628.88 KB
-CJS ⚡️ Build success in 2988ms
-ESM dist/index.mjs           293.69 KB
+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.map       628.88 KB
+ESM dist/index.mjs.map       629.60 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM ⚡️ Build success in 2990ms
-DTS ⚡️ Build success in 29591ms
+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.34 KB
+DTS dist/index.d.ts        156.40 KB
 DTS dist/icons/index.d.cts 44.00 B
-DTS dist/index.d.cts       156.34 KB
+DTS dist/index.d.cts       156.40 KB

package/.turbo/turbo-postinstall.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.8.9 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,17 @@
 # @vygruppen/spor-react
 
+## 12.9.0
+
+### Minor Changes
+
+- 5e4f450: Drawer: Make it possible to close a drawer by swiping
+
+## 12.8.10
+
+### Patch Changes
+
+- 6fc5a24: Export some more externals from chakra-ui
+
 ## 12.8.9
 
 ### 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');
@@ -982,11 +983,11 @@ var useScrollDirection = () => {
 var AlertIcon = React27.forwardRef(
   ({ variant, customIcon }, ref) => {
     const { t } = useTranslation();
-    const Icon2 = customIcon ?? getIcon(variant);
+    const Icon3 = customIcon ?? getIcon(variant);
     return /* @__PURE__ */ jsxRuntime.jsx(
       react.Box,
       {
-        as: Icon2,
+        as: Icon3,
         ref,
         "aria-label": t(texts5[variant]),
         color: customIcon ? `alert.${variant}.icon` : void 0
@@ -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
     }
   );
 });
@@ -3849,14 +3850,14 @@ var LineIcon = React27.forwardRef(
     const borderContainer = () => {
       return variant === "walk" && target === "travelTag" ? 0 : 0.5;
     };
-    const Icon2 = getCorrectIcon({
+    const Icon3 = getCorrectIcon({
       variant: variant === "custom" && "customIconVariant" in rest ? rest.customIconVariant : (
         // eslint-disable-next-line unicorn/no-nested-ternary
         variant === "custom" ? "local-train" : variant
       ),
       size
     });
-    if (!Icon2) {
+    if (!Icon3) {
       return null;
     }
     if (foregroundColor) {
@@ -3871,7 +3872,7 @@ var LineIcon = React27.forwardRef(
         borderColor: variant === "walk" ? "core.outline" : "transparent",
         "aria-label": label,
         ref,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { css: styles.icon })
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon3, { css: styles.icon })
       }
     );
   }
@@ -10651,6 +10652,10 @@ var TooltipContent = React27.forwardRef(
 );
 TooltipContent.displayName = "TooltipContent";
 
+Object.defineProperty(exports, "AspectRatio", {
+  enumerable: true,
+  get: function () { return react.AspectRatio; }
+});
 Object.defineProperty(exports, "Box", {
   enumerable: true,
   get: function () { return react.Box; }
@@ -10715,6 +10720,10 @@ Object.defineProperty(exports, "HStack", {
   enumerable: true,
   get: function () { return react.HStack; }
 });
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function () { return react.Icon; }
+});
 Object.defineProperty(exports, "Image", {
   enumerable: true,
   get: function () { return react.Image; }
@@ -10799,6 +10808,10 @@ Object.defineProperty(exports, "VisuallyHidden", {
   enumerable: true,
   get: function () { return react.VisuallyHidden; }
 });
+Object.defineProperty(exports, "createIcon", {
+  enumerable: true,
+  get: function () { return react.createIcon; }
+});
 Object.defineProperty(exports, "createListCollection", {
   enumerable: true,
   get: function () { return react.createListCollection; }
@@ -10847,6 +10860,14 @@ Object.defineProperty(exports, "useMediaQuery", {
   enumerable: true,
   get: function () { return react.useMediaQuery; }
 });
+Object.defineProperty(exports, "useRecipe", {
+  enumerable: true,
+  get: function () { return react.useRecipe; }
+});
+Object.defineProperty(exports, "useSlotRecipe", {
+  enumerable: true,
+  get: function () { return react.useSlotRecipe; }
+});
 Object.defineProperty(exports, "useToken", {
   enumerable: true,
   get: function () { return react.useToken; }