@vygruppen/spor-react 12.8.6 → 12.8.7

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.8.6 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.8.7 build /home/runner/work/spor/spor/packages/spor-react
 > tsup
 
 CLI Building entry: src/index.tsx, src/icons/index.tsx
@@ -11,17 +11,17 @@ CLI Cleaning output folder
 ESM Build start
 CJS Build start
 DTS Build start
-ESM dist/index.mjs           293.20 KB
-ESM dist/icons/index.mjs     110.00 B
-ESM dist/icons/index.mjs.map 157.00 B
-ESM dist/index.mjs.map       628.09 KB
-ESM ⚡️ Build success in 3384ms
-CJS dist/index.cjs           314.03 KB
+CJS dist/index.cjs           313.77 KB
 CJS dist/icons/index.cjs     381.00 B
+CJS dist/index.cjs.map       627.68 KB
 CJS dist/icons/index.cjs.map 157.00 B
-CJS dist/index.cjs.map       628.09 KB
-CJS ⚡️ Build success in 3385ms
-DTS ⚡️ Build success in 30082ms
+CJS ⚡️ Build success in 2979ms
+ESM dist/index.mjs           292.93 KB
+ESM dist/icons/index.mjs     110.00 B
+ESM dist/index.mjs.map       627.68 KB
+ESM dist/icons/index.mjs.map 157.00 B
+ESM ⚡️ Build success in 2979ms
+DTS ⚡️ Build success in 29664ms
 DTS dist/icons/index.d.ts  44.00 B
 DTS dist/index.d.ts        156.34 KB
 DTS dist/icons/index.d.cts 44.00 B

package/.turbo/turbo-postinstall.log

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

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @vygruppen/spor-react
 
+## 12.8.7
+
+### Patch Changes
+
+- f697959: - Checkbox: Prevent input control box from shrinking.
+  - TextLink: Simplify styling and ensure underline appears correctly on multiline links.
+
 ## 12.8.6
 
 ### Patch Changes

package/dist/index.cjs

@@ -3949,7 +3949,7 @@ var ExternalIcon = ({
   label,
   size
 }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  size === "lg" || size === "md" ? /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.LinkOutOutline24Icon, { "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.LinkOutOutline18Icon, { "aria-hidden": true }),
+  size === "lg" || size === "md" ? /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.LinkOutOutline24Icon, { "aria-hidden": true, display: "inline" }) : /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.LinkOutOutline18Icon, { "aria-hidden": true, display: "inline" }),
   /* @__PURE__ */ jsxRuntime.jsx(react.VisuallyHidden, { children: label })
 ] });
 var TextLink = React27.forwardRef(
@@ -5614,32 +5614,22 @@ var inputRecipe = react.defineRecipe({
 });
 var linkRecipe = react.defineRecipe({
   base: {
-    transitionProperty: "common",
-    transitionDuration: "fast",
-    transitionTimingFunction: "ease-out",
-    cursor: "pointer",
-    backgroundImage: "linear-gradient(currentColor, currentColor)",
-    backgroundSize: "100% 1px",
-    backgroundPosition: "0 100%",
-    backgroundRepeat: "no-repeat",
-    borderRadius: "none",
-    paddingX: "2px",
-    paddingY: "0",
+    display: "inline",
     color: "inherit",
-    display: "inline-flex",
-    alignItems: "center",
-    gap: "0",
-    position: "relative",
-    boxDecorationBreak: "clone",
-    textUnderlineOffset: "0",
-    "&:focus, &:focus-visible, &:active, &:hover": {
-      backgroundImage: "none",
-      backgroundSize: "100%",
-      outline: "none",
-      borderRadius: "xs"
+    cursor: "pointer",
+    textDecorationLine: "underline",
+    textDecorationSkipInk: "none",
+    textUnderlineOffset: "auto",
+    textUnderlinePosition: "from-font",
+    gap: "0.5",
+    borderRadius: "xs",
+    paddingX: "0.5",
+    whiteSpace: "normal",
+    wordBreak: "break-word",
+    _hover: {
+      textDecoration: "none"
     },
     "& svg": {
-      display: "inline-block",
       width: "1.125em",
       height: "1.125em",
       position: "relative",
@@ -6748,6 +6738,8 @@ var checkboxSlotRecipe = react.defineSlotRecipe({
   slots: checkboxAnatomy.keys(),
   base: {
     root: {
+      whiteSpace: "normal",
+      wordBreak: "break-word",
       display: "flex",
       gap: 1.5,
       _hover: {
@@ -6774,6 +6766,7 @@ var checkboxSlotRecipe = react.defineSlotRecipe({
     control: {
       width: 4,
       height: 4,
+      flexShrink: 0,
       transitionProperty: "background, border-color",
       transitionDuration: "moderate",
       border: "2px solid",
@@ -6813,7 +6806,6 @@ var checkboxSlotRecipe = react.defineSlotRecipe({
       }
     },
     label: {
-      userSelect: "none",
       _disabled: { opacity: 0.4 }
     }
   }