@vygruppen/spor-react 12.6.2 → 12.6.4

package/dist/index.mjs

@@ -2661,7 +2661,8 @@ var Combobox = (props) => {
     emptyContent,
     inputRef: externalInputRef,
     children,
-    variant
+    variant,
+    ...restProps
   } = props;
   const { contains } = useFilter({ sensitivity: "base" });
   const fallbackInputRef = useRef(null);
@@ -2709,6 +2710,7 @@ var Combobox = (props) => {
     /* @__PURE__ */ jsx(
       Input,
       {
+        ...restProps,
         ...styleProps(comboBoxProps),
         "aria-haspopup": "listbox",
         ref: inputRef,
@@ -5536,8 +5538,6 @@ var buttonRecipe = defineRecipe({
     cursor: "pointer",
     textWrap: "wrap",
     width: "fit-content",
-    paddingX: 3,
-    paddingY: 1,
     _disabled: {
       cursor: "not-allowed",
       pointerEvents: "none",
@@ -5617,27 +5617,30 @@ var buttonRecipe = defineRecipe({
       xs: {
         minHeight: 5,
         minWidth: 5,
-        paddingY: 0.5,
-        fontSize: "xs",
+        paddingX: 1.5,
+        fontSize: "mobile.xs",
         fontWeight: "normal"
       },
       sm: {
         minHeight: 6,
         minWidth: 6,
-        fontSize: "xs",
+        paddingX: 2,
+        fontSize: "mobile.sm",
         fontWeight: "normal"
       },
       md: {
         minHeight: 7,
         minWidth: 7,
-        fontSize: "sm",
-        fontWeight: "bold"
+        fontSize: "mobile.md",
+        fontWeight: "bold",
+        paddingX: 3
       },
       lg: {
         minHeight: 8,
         minWidth: 8,
-        fontSize: "sm",
-        fontWeight: "bold"
+        fontSize: "mobile.md",
+        fontWeight: "bold",
+        paddingX: 3
       }
     }
   },
@@ -7274,37 +7277,43 @@ var dialogSlotRecipe = defineSlotRecipe({
     size: {
       xs: {
         content: {
-          maxWidth: "sm"
+          maxWidth: "sm",
+          height: "auto"
         }
       },
       sm: {
         content: {
-          maxWidth: "md"
+          maxWidth: "md",
+          height: "auto"
         }
       },
       md: {
         content: {
-          maxWidth: "lg"
+          maxWidth: "lg",
+          height: "auto"
         }
       },
       lg: {
         content: {
-          maxWidth: "2xl"
+          maxWidth: "2xl",
+          height: "auto"
         }
       },
       xl: {
         content: {
-          maxWidth: "4xl"
+          maxWidth: "4xl",
+          height: "auto"
         }
       },
       cover: {
         positioner: {
-          padding: "10"
+          padding: "4"
         },
         content: {
           width: "100%",
           height: "100%",
-          "--dialog-margin": "0"
+          "--dialog-margin": "0",
+          margin: "0"
         }
       }
     },
@@ -7583,15 +7592,13 @@ var fieldSlotRecipe = defineSlotRecipe({
       _after: {
         content: "''",
         position: "absolute",
-        marginTop: "-0.45em",
+        top: 0,
         left: "1em",
-        width: 0,
-        height: 0,
-        transform: "rotate(45deg)",
-        borderLeft: "0.5em solid transparent",
-        borderRight: "0.5em solid transparent",
-        borderBottom: "0.5em solid",
-        borderColor: "lightRed"
+        width: "0.5rem",
+        height: "0.5rem",
+        backgroundColor: "lightRed",
+        transform: "translateY(-50%) rotate(45deg)",
+        pointerEvents: "none"
       }
     }
   }
@@ -9541,7 +9548,10 @@ var tabsSlotRecipe = defineSlotRecipe({
           },
           _selected: {
             backgroundColor: "brand.surface",
-            color: "brand.text"
+            color: "brand.text",
+            _hover: {
+              outline: "none"
+            }
           },
           _disabled: {
             backgroundColor: "surface.disabled",
@@ -9572,7 +9582,8 @@ var tabsSlotRecipe = defineSlotRecipe({
             color: "brand.text",
             _hover: {
               backgroundColor: "brand.surface.hover",
-              color: "brand.text"
+              color: "brand.text",
+              outline: "none"
             }
           }
         }