@vygruppen/spor-react 13.1.2 → 13.1.4

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@13.1.2 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@13.1.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
-CJS dist/index.cjs           361.36 KB
-CJS dist/icons/index.cjs     381.00 B
-CJS dist/index.cjs.map       719.37 KB
-CJS dist/icons/index.cjs.map 157.00 B
-CJS ⚡️ Build success in 2677ms
-ESM dist/index.mjs           337.34 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs.map       719.37 KB
+ESM dist/index.mjs           338.58 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM ⚡️ Build success in 2682ms
-DTS ⚡️ Build success in 20448ms
+ESM dist/index.mjs.map       721.19 KB
+ESM ⚡️ Build success in 2721ms
+CJS dist/index.cjs           362.66 KB
+CJS dist/icons/index.cjs     381.00 B
+CJS dist/index.cjs.map       721.19 KB
+CJS dist/icons/index.cjs.map 157.00 B
+CJS ⚡️ Build success in 2721ms
+DTS ⚡️ Build success in 21770ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        143.27 KB
+DTS dist/index.d.ts        143.31 KB
 DTS dist/icons/index.d.cts 44.00 B
-DTS dist/index.d.cts       143.27 KB
+DTS dist/index.d.cts       143.31 KB

package/.turbo/turbo-postinstall.log

@@ -1,8 +1,8 @@
 
-> @vygruppen/spor-react@13.1.2 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@13.1.4 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
-◇ injected env (0) from .env // tip: ⌘ multiple files { path: ['.env.local', '.env'] }
+◇ injected env (0) from .env // tip: ⌁ auth for agents [www.vestauth.com]
 ┌  Chakra CLI ⚡️
 [?25l│
 ◒  Generating conditions types...

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @vygruppen/spor-react
 
+## 13.1.4
+
+### Patch Changes
+
+- ab364d0: Fix positioning of popover/tooltip-content when used together with more advanced components as triggers.
+- 126094e: Table: fix table cells width to avoid render conflict with tableLayout fixed
+- cd92694: Make cursor showing pointer in the menu component
+
+## 13.1.3
+
+### Patch Changes
+
+- 15b5e35: Update Vy-logo to use correct colors in darkmode
+- Updated dependencies [65651f0]
+  - @vygruppen/spor-design-tokens@5.0.2
+
 ## 13.1.2
 
 ### Patch Changes

package/dist/index.cjs

@@ -4600,7 +4600,7 @@ var PasswordInput = ({
     Input,
     {
       ref,
-      startElement: startElement && startElement,
+      startElement,
       label,
       type: visible ? "text" : "password",
       endElement: /* @__PURE__ */ jsxRuntime.jsx(
@@ -5652,7 +5652,18 @@ var VyLogo = ({
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M98.49.07h-1.82c-2.98 0-4.6 1.49-5.63 5.06l-6.52 21.79a18.22 18.22 0 0 1-1.67 3.96c.57.78 1.17 1.26 1.76 1.38 1.13-.96 2.06-2.75 2.89-5.46l6.49-21.67c.9-3.1 2.23-4.63 4.5-4.98a.04.04 0 0 0 0-.08Z",
-        fill: fillForAccent
+        fill: fillForAccent,
+        display: { _light: "block", _dark: "none" }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Path,
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M98.49.07h-1.82c-2.98 0-4.6 1.49-5.63 5.06l-6.52 21.79a18.22 18.22 0 0 1-1.67 3.96c.57.78 1.17 1.26 1.76 1.38 1.13-.96 2.06-2.75 2.89-5.46l6.49-21.67c.9-3.1 2.23-4.63 4.5-4.98a.04.04 0 0 0 0-.08Z",
+        fill: "main",
+        display: { _light: "none", _dark: "block" }
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -5704,7 +5715,16 @@ var VyLogo = ({
         Path,
         {
           d: "M53.78 1.44a4.64 4.64 0 0 0-4.17.93A10.79 10.79 0 0 0 46.19 8L34.53 47.72c-.58 1.93-1.2 3.75-2.56 4.87-.62.5-1.4.86-2.39 1.01a.04.04 0 0 0 0 .08h1.8c1.57 0 2.69-.41 3.53-1.1 1.36-1.1 1.98-2.93 2.56-4.86L49.05 8.3c.73-2.74 1.95-4.63 3.43-5.9.43-.36.88-.68 1.35-.95l-.05-.01Z",
-          fill: fillForAccent
+          fill: fillForAccent,
+          display: { _light: "block", _dark: "none" }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Path,
+        {
+          d: "M53.78 1.44a4.64 4.64 0 0 0-4.17.93A10.79 10.79 0 0 0 46.19 8L34.53 47.72c-.58 1.93-1.2 3.75-2.56 4.87-.62.5-1.4.86-2.39 1.01a.04.04 0 0 0 0 .08h1.8c1.57 0 2.69-.41 3.53-1.1 1.36-1.1 1.98-2.93 2.56-4.86L49.05 8.3c.73-2.74 1.95-4.63 3.43-5.9.43-.36.88-.68 1.35-.95l-.05-.01Z",
+          fill: "main",
+          display: { _light: "none", _dark: "block" }
         }
       )
     ] }),
@@ -6375,7 +6395,16 @@ var PopoverTrigger = ({
   ...props
 }) => {
   const isStringChild = typeof children === "string";
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Popover.Trigger, { ...props, ref, asChild: !isStringChild, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Popover.Trigger,
+    {
+      ref,
+      asChild: !isStringChild,
+      width: isStringChild ? void 0 : "fit-content",
+      ...props,
+      children: isStringChild ? children : /* @__PURE__ */ jsxRuntime.jsx(react.Box, { children })
+    }
+  );
 };
 var PopoverContent = ({
   ref,
@@ -6393,14 +6422,14 @@ var PopoverContent = ({
   }, [showCloseButton, open]);
   return /* @__PURE__ */ jsxRuntime.jsx(react.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Popover.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Popover.Content, { ref, ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(react.Popover.Arrow, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(react.Popover.Body, { ...props, children }),
     showCloseButton && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(react.Popover.CloseTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       CloseButton,
       {
         className: colorMode === "dark" ? "light" : "dark",
         ref: closeButtonRef
       }
-    ) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.Popover.Body, { ...props, children })
+    ) }) })
   ] }) }) });
 };
 var ProgressDot = ({ isActive }) => {
@@ -10360,6 +10389,7 @@ var menuSlotRecipe = react.defineSlotRecipe({
       display: "flex",
       justifyContent: "space-between",
       gap: 1.5,
+      cursor: "pointer",
       _hover: {
         backgroundColor: "surface.accent.hover"
       },
@@ -10387,19 +10417,22 @@ var menuSlotRecipe = react.defineSlotRecipe({
     radioItem: {
       display: "flex",
       justifyContent: "space-between",
-      gap: 2
+      gap: 2,
+      cursor: "pointer"
     },
     triggerItem: {
       display: "flex",
       justifyContent: "space-between",
       gap: 1.5,
-      alignItems: "center"
+      alignItems: "center",
+      cursor: "pointer"
     },
     checkboxItem: {
       display: "flex",
       gap: 2,
       alignItems: "center",
-      width: "full"
+      width: "full",
+      cursor: "pointer"
     }
   },
   variants: {
@@ -10597,7 +10630,7 @@ var popoverSlotRecipe = react.defineSlotRecipe({
     content: {
       position: "relative",
       display: "flex",
-      flexDirection: "row-reverse",
+      flexDirection: "row",
       color: "text.brand",
       gap: "0.625rem",
       padding: "0.563rem 0.75rem",
@@ -11382,8 +11415,7 @@ var tableSlotRecipe = react.defineSlotRecipe({
     cell: {
       ...numericStyles,
       paddingX: 1.5,
-      paddingY: 1,
-      width: "100%"
+      paddingY: 1
     },
     footer: {
       fontWeight: "medium"
@@ -12628,16 +12660,17 @@ var TooltipTrigger = ({
   ...props
 }) => {
   const isStringChild = typeof children === "string";
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip.Trigger, { ...props, ref, asChild: !isStringChild, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip.Trigger, { ref, asChild: !isStringChild, ...props, children: isStringChild ? children : /* @__PURE__ */ jsxRuntime.jsx(react.Box, { width: "fit-content", children }) });
 };
 var TooltipContent = ({
   ref,
   children,
+  showArrow = false,
   ...props
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(react.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Tooltip.Content, { ref, ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip.Arrow, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip.Content, { ...props, children })
+    showArrow && /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip.Arrow, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip.ArrowTip, {}) }),
+    children
   ] }) }) });
 };