@vygruppen/spor-react 12.14.2 → 12.15.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.14.2 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.15.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
-ESM dist/index.mjs           298.93 KB
-ESM dist/icons/index.mjs     110.00 B
-ESM dist/icons/index.mjs.map 157.00 B
-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/index.cjs           321.40 KB
 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
+CJS dist/index.cjs.map       639.88 KB
+CJS ⚡️ Build success in 2787ms
+ESM dist/index.mjs           299.67 KB
+ESM dist/icons/index.mjs     110.00 B
+ESM dist/icons/index.mjs.map 157.00 B
+ESM dist/index.mjs.map       639.88 KB
+ESM ⚡️ Build success in 2787ms
+DTS ⚡️ Build success in 19000ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        157.08 KB
+DTS dist/index.d.ts        157.14 KB
 DTS dist/icons/index.d.cts 44.00 B
-DTS dist/index.d.cts       157.08 KB
+DTS dist/index.d.cts       157.14 KB

package/.turbo/turbo-postinstall.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.14.2 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.15.0 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: ⚙️  enable debug logging with { debug: true }

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @vygruppen/spor-react
 
+## 12.15.0
+
+### Minor Changes
+
+- a07b8f6: Prevent calendar cell button from performing form submittion by setting type to button.
+
+### Patch Changes
+
+- 181fdcd: Update design of Alerts to support darkmode.
+- b422895: Add props showText to DrawerCloseTrigger and hideHandle to DrawerContent
+
 ## 12.14.2
 
 ### Patch Changes

package/dist/index.cjs

@@ -962,46 +962,56 @@ var useScrollDirection = () => {
   return scrollDirection;
 };
 var AlertIcon = React27.forwardRef(
-  ({ variant, customIcon }, ref) => {
+  ({ variant, customIcon: CustomAlertIcon }, ref) => {
     const { t } = useTranslation();
-    const Icon3 = customIcon ?? getIcon(variant);
     return /* @__PURE__ */ jsxRuntime.jsx(
       react.Box,
       {
-        as: Icon3,
+        asChild: true,
         ref,
         "aria-label": t(texts5[variant]),
-        color: customIcon ? `alert.${variant}.icon` : void 0
+        children: CustomAlertIcon ? /* @__PURE__ */ jsxRuntime.jsx(CustomAlertIcon, { color: `alert.${variant}.icon` }) : /* @__PURE__ */ jsxRuntime.jsx(BaseAlertIcon, { variant })
       }
     );
   }
 );
 AlertIcon.displayName = "AlertIcon";
-var getIcon = (variant) => {
+var BaseAlertIcon = ({ variant }) => {
+  const css = {
+    "& path:first-of-type": {
+      fill: `alert.${variant}.icon`
+    },
+    "& path:not(:first-of-type)": {
+      fill: `alert.${variant}.surface`
+    }
+  };
   switch (variant) {
     case "info": {
-      return sporIconReact.InformationFill24Icon;
+      return /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.InformationFill24Icon, { css });
     }
     case "success": {
-      return sporIconReact.SuccessFill24Icon;
+      return /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.SuccessFill24Icon, { css });
     }
     case "important": {
-      return sporIconReact.WarningFill24Icon;
+      return /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.WarningFill24Icon, {});
     }
     case "alt": {
-      return sporIconReact.AltTransportFill24Icon;
+      return /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.AltTransportFill24Icon, { css });
     }
     case "error": {
-      return sporIconReact.ErrorFill24Icon;
+      return /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.ErrorFill24Icon, { css });
     }
     case "error-secondary": {
-      return sporIconReact.ErrorOutline24Icon;
+      return /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.ErrorOutline24Icon, { css });
     }
     case "neutral": {
-      return sporIconReact.QuestionFill24Icon;
+      return /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.QuestionFill24Icon, { css });
     }
     case "service": {
-      return sporIconReact.ServiceFill24Icon;
+      return /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.ServiceFill24Icon, {});
+    }
+    default: {
+      return /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.InformationFill24Icon, { css });
     }
   }
 };
@@ -1406,6 +1416,20 @@ var FieldErrorText = React27__namespace.forwardRef((props, ref) => {
 });
 FieldErrorText.displayName = "FieldErrorText";
 var FieldLabel = react.Field.Label;
+
+// src/util/slugify.tsx
+function slugify(text, maxLength = 50) {
+  if (!text) {
+    return text;
+  }
+  if (Array.isArray(text)) {
+    text = text.join(" ");
+  }
+  if (maxLength < 1) {
+    throw new Error("The maxLength parameter must be a positive number");
+  }
+  return text.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[\u00C6\u00E6]/g, "ae").replaceAll(/[\u00D8\u00F8]/g, "oe").replaceAll(/[\u00C5\u00E5]/g, "aa").toLowerCase().replaceAll(/\s+/g, "-").replaceAll(/[^\w-]+/g, "").replaceAll(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, "").slice(0, Math.max(0, maxLength));
+}
 function CalendarCell({
   state,
   date: date$1,
@@ -1450,9 +1474,9 @@ function CalendarCell({
     );
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "td", ...cellProps, textAlign: "center", css: styles.cell, children: /* @__PURE__ */ jsxRuntime.jsx(
-    react.Box,
+    react.chakra.button,
     {
-      as: "button",
+      type: "button",
       ...buttonProps,
       ...stateProps,
       ref,
@@ -2159,20 +2183,6 @@ function DateRangePicker({
     ] })
   ] }) });
 }
-
-// src/util/slugify.tsx
-function slugify(text, maxLength = 50) {
-  if (!text) {
-    return text;
-  }
-  if (Array.isArray(text)) {
-    text = text.join(" ");
-  }
-  if (maxLength < 1) {
-    throw new Error("The maxLength parameter must be a positive number");
-  }
-  return text.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[\u00C6\u00E6]/g, "ae").replaceAll(/[\u00D8\u00F8]/g, "oe").replaceAll(/[\u00C5\u00E5]/g, "aa").toLowerCase().replaceAll(/\s+/g, "-").replaceAll(/[^\w-]+/g, "").replaceAll(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, "").slice(0, Math.max(0, maxLength));
-}
 var TimeField = ({ state, ...props }) => {
   const ref = React27.useRef(null);
   const { labelProps, fieldProps } = reactAria.useTimeField(props, state, ref);
@@ -2394,7 +2404,13 @@ var [RootDrawerProvider, useRootDrawerProps] = react.createContext({
 });
 var DrawerContent = React27.forwardRef(
   (props, ref) => {
-    const { children, portalled = true, portalRef, ...rest } = props;
+    const {
+      children,
+      portalled = true,
+      portalRef,
+      hideHandle = false,
+      ...rest
+    } = props;
     const { size, placement } = useRootDrawerProps();
     const { setOpen } = react.useDialogContext();
     const handlers = reactSwipeable.useSwipeable({
@@ -2407,10 +2423,11 @@ var DrawerContent = React27.forwardRef(
       swipeDuration: 250
     });
     const sizeNotFull = size !== "full";
+    const showHandle = !hideHandle;
     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, {}),
+      showHandle && sizeNotFull && placement === "bottom" && /* @__PURE__ */ jsxRuntime.jsx(CloseDrawerLine, {}),
       children,
-      sizeNotFull && placement === "top" && /* @__PURE__ */ jsxRuntime.jsx(CloseDrawerLine, {})
+      showHandle && sizeNotFull && placement === "top" && /* @__PURE__ */ jsxRuntime.jsx(CloseDrawerLine, {})
     ] }) }) }) });
   }
 );
@@ -2433,9 +2450,10 @@ var CloseDrawerLine = React27.forwardRef((props, ref) => {
 });
 CloseDrawerLine.displayName = "CloseDrawerLine";
 var DrawerCloseTrigger = React27.forwardRef(function DrawerCloseTrigger2(props, ref) {
+  const { showText = false, ...rest } = props;
   const { size } = useRootDrawerProps();
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Drawer.CloseTrigger, { ref, ...props, asChild: true, children: size === "full" ? /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Drawer.CloseTrigger, { ref, ...rest, asChild: true, children: showText || size === "full" ? /* @__PURE__ */ jsxRuntime.jsx(
     ResponsiveButton,
     {
       variant: "ghost",