@vygruppen/spor-react 12.10.2 → 12.10.4

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.10.2 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.10.4 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           293.03 KB
-ESM dist/icons/index.mjs     110.00 B
-ESM dist/icons/index.mjs.map 157.00 B
-ESM dist/index.mjs.map       628.47 KB
-ESM ⚡️ Build success in 2673ms
-CJS dist/index.cjs           314.43 KB
+CJS dist/index.cjs           315.17 KB
 CJS dist/icons/index.cjs     381.00 B
-CJS dist/index.cjs.map       628.47 KB
+CJS dist/index.cjs.map       629.70 KB
 CJS dist/icons/index.cjs.map 157.00 B
-CJS ⚡️ Build success in 2674ms
-DTS ⚡️ Build success in 18779ms
+CJS ⚡️ Build success in 2647ms
+ESM dist/index.mjs           293.78 KB
+ESM dist/icons/index.mjs     110.00 B
+ESM dist/index.mjs.map       629.70 KB
+ESM dist/icons/index.mjs.map 157.00 B
+ESM ⚡️ Build success in 2649ms
+DTS ⚡️ Build success in 18639ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        156.01 KB
+DTS dist/index.d.ts        156.18 KB
 DTS dist/icons/index.d.cts 44.00 B
-DTS dist/index.d.cts       156.01 KB
+DTS dist/index.d.cts       156.18 KB

package/.turbo/turbo-postinstall.log

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

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @vygruppen/spor-react
 
+## 12.10.4
+
+### Patch Changes
+
+- 220e413: Update border style for LineIcon and adjust travel tag position
+
+## 12.10.3
+
+### Patch Changes
+
+- 3329fa1: TextLink: Open in a new tab when `external` is true
+  Drawer: Correct close button placement and mobile padding. Add prop to conditionally show closeTrigger on fullscreeen drawer.
+- 2be55a9: TimePicker: Fix label overlapping buttons and center it
+  RadioCard: Fix value read by screen reader, not content of radio button.
+
 ## 12.10.2
 
 ### Patch Changes

package/dist/index.cjs

@@ -1082,6 +1082,7 @@ var Alert = React27.forwardRef((props, ref) => {
       children && /* @__PURE__ */ jsxRuntime.jsx(
         react.Alert.Description,
         {
+          width: "100%",
           paddingLeft: title ? 0.5 : 0,
           paddingRight: closable ? 6 : 0,
           children
@@ -2166,9 +2167,16 @@ var TimeField = ({ state, ...props }) => {
         style: {
           marginBottom: 0,
           fontSize: "mobile.xs",
+          top: 0,
           cursor: "text",
+          left: "50%",
+          transform: "translateX(-50%)",
           position: "absolute",
-          paddingTop: "2px"
+          paddingTop: "2px",
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          maxWidth: "80%"
         },
         children: props.label
       }
@@ -2255,6 +2263,7 @@ var TimePicker = ({
       "aria-disabled": isDisabled,
       "aria-live": "assertive",
       "aria-label": ariaLabel,
+      position: "relative",
       ...boxProps,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -2268,7 +2277,8 @@ var TimePicker = ({
             icon: /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.DropdownLeftFill18Icon, {}),
             onClick: handleBackwardsClick,
             disabled: isDisabled,
-            style: isDisabled ? { backgroundColor: "transparent" } : {}
+            style: isDisabled ? { backgroundColor: "transparent" } : {},
+            zIndex: 1
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(TimeField, { label, state, name }),
@@ -2283,7 +2293,8 @@ var TimePicker = ({
             icon: /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.DropdownRightFill18Icon, {}),
             onClick: handleForwardClick,
             disabled: isDisabled,
-            style: isDisabled ? { backgroundColor: "transparent" } : {}
+            style: isDisabled ? { backgroundColor: "transparent" } : {},
+            zIndex: 1
           }
         )
       ]
@@ -2402,11 +2413,11 @@ var DrawerBackTrigger = React27.forwardRef((props, ref) => {
 });
 DrawerBackTrigger.displayName = "DrawerBackTrigger";
 var DrawerFullScreenHeader = React27.forwardRef((props, ref) => {
-  const { backTrigger = true, title } = props;
+  const { backTrigger = true, closeTrigger = true, title } = 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: title && /* @__PURE__ */ jsxRuntime.jsx(DrawerTitle, { children: title }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.GridItem, { width: "full", alignSelf: "end", children: /* @__PURE__ */ jsxRuntime.jsx(DrawerCloseTrigger, { justifySelf: "end", top: "0" }) })
+    closeTrigger && /* @__PURE__ */ jsxRuntime.jsx(react.GridItem, { width: "full", alignSelf: "end", children: /* @__PURE__ */ jsxRuntime.jsx(DrawerCloseTrigger, { justifySelf: "end", top: "0" }) })
   ] }) });
 });
 DrawerFullScreenHeader.displayName = "DrawerFullScreenHeader";
@@ -3707,16 +3718,9 @@ var PressableCard = React27.forwardRef(
 PressableCard.displayName = "PressableCard";
 var RadioCard = React27.forwardRef(
   (props, ref) => {
-    const { inputProps, children, value, ariaLabel } = props;
+    const { inputProps, children } = props;
     return /* @__PURE__ */ jsxRuntime.jsxs(react.RadioCard.Item, { ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        react.RadioCard.ItemHiddenInput,
-        {
-          "aria-label": ariaLabel ?? value,
-          ref,
-          ...inputProps
-        }
-      ),
+      /* @__PURE__ */ jsxRuntime.jsx(react.RadioCard.ItemHiddenInput, { ref, ...inputProps }),
       /* @__PURE__ */ jsxRuntime.jsx(react.RadioCard.ItemControl, { children })
     ] });
   }
@@ -3858,7 +3862,7 @@ var LineIcon = React27.forwardRef(
       return target === "travelTag" ? 0.5 : 1;
     };
     const borderContainer = () => {
-      return variant === "walk" && target === "travelTag" ? 0 : 0.5;
+      return variant === "walk" && target === "travelTag" ? 0 : "1px";
     };
     const Icon3 = getCorrectIcon({
       variant: (
@@ -4003,18 +4007,42 @@ var TextLink = React27.forwardRef(
     const isExternal = external ?? Boolean((href == null ? void 0 : href.startsWith("http://")) || (href == null ? void 0 : href.startsWith("https://")));
     const externalLabel = t ? t(texts18.externalLink) : texts18.externalLink.en;
     if (props.asChild && React27.isValidElement(children)) {
-      return /* @__PURE__ */ jsxRuntime.jsx(react.Link, { href, ...props, ref, children: React27.cloneElement(children, {
-        ...children.props,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          children.props.children,
-          isExternal && /* @__PURE__ */ jsxRuntime.jsx(ExternalIcon, { label: externalLabel, size: props.size })
-        ] })
-      }) });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        react.Link,
+        {
+          href,
+          ...props,
+          ref,
+          ...isExternal && {
+            target: "_blank",
+            rel: "noopener noreferrer"
+          },
+          children: React27.cloneElement(children, {
+            ...children.props,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              children.props.children,
+              isExternal && /* @__PURE__ */ jsxRuntime.jsx(ExternalIcon, { label: externalLabel, size: props.size })
+            ] })
+          })
+        }
+      );
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(react.Link, { href, ...props, ref, children: [
-      children,
-      isExternal && /* @__PURE__ */ jsxRuntime.jsx(ExternalIcon, { label: externalLabel, size: props.size })
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      react.Link,
+      {
+        href,
+        ...props,
+        ref,
+        ...isExternal && {
+          target: "_blank",
+          rel: "noopener noreferrer"
+        },
+        children: [
+          children,
+          isExternal && /* @__PURE__ */ jsxRuntime.jsx(ExternalIcon, { label: externalLabel, size: props.size })
+        ]
+      }
+    );
   }
 );
 TextLink.displayName = "TextLink";
@@ -7505,7 +7533,7 @@ var drawerSlotRecipe = react.defineSlotRecipe({
       maxHeight: "100dvh",
       color: "inherit",
       boxShadow: "lg",
-      minHeight: ["50vh", null, null, "auto"],
+      minHeight: ["10rem", null, null, "auto"],
       _open: {
         animationDuration: "slowest",
         animationTimingFunction: "ease-in-smooth"
@@ -7519,16 +7547,16 @@ var drawerSlotRecipe = react.defineSlotRecipe({
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
-      paddingX: "5",
+      paddingX: ["3", null, null, "5"],
       paddingBottom: "1"
     },
     body: {
-      paddingX: "5",
+      paddingX: ["3", null, null, "5"],
       paddingY: ["1", null, null, "2"],
       flex: "1",
       overflow: "auto",
       fontSize: ["xs", null, null, "sm"],
-      minHeight: ["12", null, null, "auto"]
+      minHeight: ["2", null, null, "auto"]
     },
     footer: {
       display: "flex",
@@ -7545,8 +7573,8 @@ var drawerSlotRecipe = react.defineSlotRecipe({
     },
     closeTrigger: {
       position: "absolute",
-      top: "2",
-      insetEnd: "2"
+      top: "0",
+      right: "0"
     }
   },
   variants: {
@@ -7972,7 +8000,7 @@ var travelTagSlotRecipe = react.defineSlotRecipe({
       walk: {
         textContainer: {
           position: "absolute",
-          left: "1.3rem",
+          left: "0.875rem",
           bottom: 0
         },
         title: {
@@ -8170,6 +8198,12 @@ var lineIconSlotRecipe = react.defineSlotRecipe({
       walk: {
         title: {
           color: "text"
+        },
+        iconContainer: {
+          backgroundColor: "none"
+        },
+        icon: {
+          color: "text"
         }
       },
       custom: {