@vygruppen/spor-react 12.8.10 → 12.10.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.10.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/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
+ESM dist/index.mjs           294.10 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs           293.75 KB
+ESM dist/index.mjs.map       630.10 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 3192ms
+CJS dist/index.cjs           315.51 KB
+CJS dist/icons/index.cjs     381.00 B
+CJS dist/icons/index.cjs.map 157.00 B
+CJS dist/index.cjs.map       630.10 KB
+CJS ⚡️ Build success in 3193ms
+DTS ⚡️ Build success in 31693ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        156.40 KB
+DTS dist/index.d.ts        156.80 KB
 DTS dist/icons/index.d.cts 44.00 B
-DTS dist/index.d.cts       156.40 KB
+DTS dist/index.d.cts       156.80 KB

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.10.0 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
 ┌  Chakra CLI ⚡️

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @vygruppen/spor-react
 
+## 12.10.0
+
+### Minor Changes
+
+- c367662: Bump to 12.10.0 - error with previous changeset.
+
+## 12.9.0
+
+### Minor Changes
+
+- 5e4f450: Drawer: Make it possible to close a drawer by swiping
+
+### Patch Changes
+
+- e375b23: Make it possible to turn off automatic system detection for color mode
+- a4ed71b: Add gap between icon and text in ChoiceChip
+- Updated dependencies [33ffcc7]
+  - @vygruppen/spor-design-tokens@4.0.8
+
 ## 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
     }
   );
 });
@@ -5133,9 +5134,10 @@ var texts25 = createTexts({
 var SporProvider = ({
   language = "nb" /* NorwegianBokmal */,
   theme = system,
+  enableSystemColorMode = true,
   children
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(LanguageProvider, { language, children: /* @__PURE__ */ jsxRuntime.jsx(react.ChakraProvider, { value: theme, children: /* @__PURE__ */ jsxRuntime.jsxs(ColorModeProvider, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(LanguageProvider, { language, children: /* @__PURE__ */ jsxRuntime.jsx(react.ChakraProvider, { value: theme, children: /* @__PURE__ */ jsxRuntime.jsxs(ColorModeProvider, { enableSystem: enableSystemColorMode, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Toaster, {}),
     /* @__PURE__ */ jsxRuntime.jsx(react$1.Global, { styles: fontFaces }),
     children
@@ -6904,6 +6906,7 @@ var choiceChipSlotRecipe = react.defineSlotRecipe({
     label: {
       display: "flex",
       alignItems: "center",
+      gap: "1",
       fontSize: "xs"
     }
   },