@vygruppen/spor-react 12.4.12 → 12.4.14

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.4.12 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.4.14 build /home/runner/work/spor/spor/packages/spor-react
 > tsup
 
 CLI Building entry: src/index.tsx, src/icons/index.tsx
@@ -10,18 +10,18 @@ CLI Target: node16
 CJS Build start
 ESM Build start
 DTS Build start
-ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs           289.92 KB
-ESM dist/icons/index.mjs.map 157.00 B
-ESM dist/index.mjs.map       621.88 KB
-ESM ⚡️ Build success in 2632ms
-CJS dist/index.js           310.46 KB
+CJS dist/index.js           311.06 KB
 CJS dist/icons/index.js     380.00 B
-CJS dist/index.js.map       621.88 KB
+CJS dist/index.js.map       622.88 KB
 CJS dist/icons/index.js.map 157.00 B
-CJS ⚡️ Build success in 2641ms
-DTS ⚡️ Build success in 28243ms
+CJS ⚡️ Build success in 2700ms
+ESM dist/icons/index.mjs     110.00 B
+ESM dist/index.mjs           290.52 KB
+ESM dist/icons/index.mjs.map 157.00 B
+ESM dist/index.mjs.map       622.88 KB
+ESM ⚡️ Build success in 2701ms
+DTS ⚡️ Build success in 26476ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        154.57 KB
+DTS dist/index.d.ts        153.73 KB
 DTS dist/icons/index.d.mts 44.00 B
-DTS dist/index.d.mts       154.57 KB
+DTS dist/index.d.mts       153.73 KB

package/.turbo/turbo-postinstall.log

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

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @vygruppen/spor-react
 
+## 12.4.14
+
+### Patch Changes
+
+- 1d54a59: - Remove 100% width from field as this caused visual errors.
+  - Fix sizes for textlinks.
+
+## 12.4.13
+
+### Patch Changes
+
+- 321972c: Changed lefticon to leftIcon and added it to Input
+
 ## 12.4.12
 
 ### Patch Changes

package/dist/index.d.mts

@@ -1144,8 +1144,8 @@ type ComboboxProps<T> = Exclude<InputProps, "variant" | "colorPalette" | "size">
     inputRef?: React__default.RefObject<HTMLInputElement>;
     /** If you want to allow an empty collection */
     allowsEmptyCollection?: boolean;
-    lefticon?: ReactNode;
-    righticon?: ReactNode;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
     variant?: "core" | "floating";
     children?: React__default.ReactNode;
 };
@@ -2333,42 +2333,13 @@ type TravelTagProps = TagProps & BoxProps & PropsWithChildren<TravelTagVariantPr
  */
 declare const TravelTag: React$1.ForwardRefExoticComponent<TravelTagProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const linkRecipe: _chakra_ui_react.RecipeDefinition<{
-    variant: {
-        primary: {
-            color: "core.text";
-            _hover: {
-                color: "text.default";
-                _active: {
-                    color: "text.disabled";
-                };
-            };
-        };
-        secondary: {
-            color: "text.hightlight";
-            padding: "2px";
-            _hover: {
-                color: "text.hightlight";
-                _active: {
-                    color: "text.disabled";
-                };
-            };
-        };
-    };
-}>;
-
-type linkVariantProps = RecipeVariantProps<typeof linkRecipe>;
-type LinkProps = Exclude<LinkProps$1, "variant"> & PropsWithChildren<linkVariantProps> & {
+type LinkProps = LinkProps$1 & {
     /** Defaults to primary */
     variant?: "primary" | "secondary";
     /** Define if the link shows an icon on the right that indicate it is an external link */
     external?: boolean;
 };
 declare const TextLink: React__default.ForwardRefExoticComponent<LinkProps$1 & {
-    variant?: _chakra_ui_react.ConditionalValue<"primary" | "secondary" | undefined>;
-} & {
-    children?: React__default.ReactNode | undefined;
-} & {
     /** Defaults to primary */
     variant?: "primary" | "secondary";
     /** Define if the link shows an icon on the right that indicate it is an external link */

package/dist/index.d.ts

@@ -1144,8 +1144,8 @@ type ComboboxProps<T> = Exclude<InputProps, "variant" | "colorPalette" | "size">
     inputRef?: React__default.RefObject<HTMLInputElement>;
     /** If you want to allow an empty collection */
     allowsEmptyCollection?: boolean;
-    lefticon?: ReactNode;
-    righticon?: ReactNode;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
     variant?: "core" | "floating";
     children?: React__default.ReactNode;
 };
@@ -2333,42 +2333,13 @@ type TravelTagProps = TagProps & BoxProps & PropsWithChildren<TravelTagVariantPr
  */
 declare const TravelTag: React$1.ForwardRefExoticComponent<TravelTagProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const linkRecipe: _chakra_ui_react.RecipeDefinition<{
-    variant: {
-        primary: {
-            color: "core.text";
-            _hover: {
-                color: "text.default";
-                _active: {
-                    color: "text.disabled";
-                };
-            };
-        };
-        secondary: {
-            color: "text.hightlight";
-            padding: "2px";
-            _hover: {
-                color: "text.hightlight";
-                _active: {
-                    color: "text.disabled";
-                };
-            };
-        };
-    };
-}>;
-
-type linkVariantProps = RecipeVariantProps<typeof linkRecipe>;
-type LinkProps = Exclude<LinkProps$1, "variant"> & PropsWithChildren<linkVariantProps> & {
+type LinkProps = LinkProps$1 & {
     /** Defaults to primary */
     variant?: "primary" | "secondary";
     /** Define if the link shows an icon on the right that indicate it is an external link */
     external?: boolean;
 };
 declare const TextLink: React__default.ForwardRefExoticComponent<LinkProps$1 & {
-    variant?: _chakra_ui_react.ConditionalValue<"primary" | "secondary" | undefined>;
-} & {
-    children?: React__default.ReactNode | undefined;
-} & {
     /** Defaults to primary */
     variant?: "primary" | "secondary";
     /** Define if the link shows an icon on the right that indicate it is an external link */

package/dist/index.js

@@ -1456,7 +1456,7 @@ var Field3 = React28__namespace.forwardRef(
     } = props;
     const recipe = react.useSlotRecipe({ key: "field" });
     const styles = recipe();
-    return /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { gap: "2", ref, ...rest, width: "100%", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { gap: "2", ref, ...rest, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         react.Field.Root,
         {
@@ -3164,8 +3164,8 @@ var Combobox = (props) => {
   const {
     label,
     loading,
-    lefticon,
-    righticon,
+    leftIcon,
+    rightIcon,
     borderBottomLeftRadius = "sm",
     borderBottomRightRadius = "sm",
     borderTopLeftRadius = "sm",
@@ -3214,7 +3214,7 @@ var Combobox = (props) => {
     paddingLeft,
     paddingX,
     paddingY,
-    lefticon
+    leftIcon
   };
   const {
     inputProps: { ...inputProps },
@@ -3251,6 +3251,7 @@ var Combobox = (props) => {
         borderBottomRightRadius: state.isOpen && !loading ? 0 : borderBottomRightRadius,
         _active: { backgroundColor: "core.surface.active" },
         ...inputProps,
+        startElement: leftIcon,
         endElement: loading ? /* @__PURE__ */ jsxRuntime.jsx(
           ColorSpinner,
           {
@@ -3264,7 +3265,7 @@ var Combobox = (props) => {
               }
             }
           }
-        ) : righticon,
+        ) : rightIcon,
         placeholder: ""
       }
     ),
@@ -4874,8 +4875,11 @@ var getDeviationLevelIcon = ({
     }
   }
 };
-var ExternalIcon = ({ label }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.LinkOutOutline24Icon, { "aria-hidden": true }),
+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 }),
   /* @__PURE__ */ jsxRuntime.jsx(react.VisuallyHidden, { children: label })
 ] });
 var TextLink = React28.forwardRef(
@@ -4888,13 +4892,13 @@ var TextLink = React28.forwardRef(
         ...children.props,
         children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           children.props.children,
-          isExternal && /* @__PURE__ */ jsxRuntime.jsx(ExternalIcon, { label: externalLabel })
+          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 })
+      isExternal && /* @__PURE__ */ jsxRuntime.jsx(ExternalIcon, { label: externalLabel, size: props.size })
     ] });
   }
 );
@@ -6606,6 +6610,7 @@ var linkRecipe = react.defineRecipe({
     paddingY: "0",
     color: "inherit",
     display: "inline-flex",
+    alignItems: "center",
     gap: "0",
     position: "relative",
     boxDecorationBreak: "clone",
@@ -6647,7 +6652,25 @@ var linkRecipe = react.defineRecipe({
           }
         }
       }
+    },
+    size: {
+      xs: {
+        fontSize: { base: "mobile.xs", sm: "desktop.xs" }
+      },
+      sm: {
+        fontSize: { base: "mobile.sm", sm: "desktop.sm" }
+      },
+      md: {
+        fontSize: { base: "mobile.md", sm: "desktop.md" }
+      },
+      lg: {
+        fontSize: { base: "mobile.lg", sm: "desktop.lg" }
+      }
     }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "sm"
   }
 });
 var _a3, _b2;