@vygruppen/spor-react 12.6.1 → 12.6.3

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.6.1 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.6.3 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/index.mjs           290.58 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs.map       623.05 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM ⚡️ Build success in 2656ms
-CJS dist/index.js           311.23 KB
+ESM dist/index.mjs           290.87 KB
+ESM dist/index.mjs.map       623.48 KB
+ESM ⚡️ Build success in 2688ms
 CJS dist/icons/index.js     380.00 B
-CJS dist/index.js.map       623.05 KB
 CJS dist/icons/index.js.map 157.00 B
-CJS ⚡️ Build success in 2657ms
-DTS ⚡️ Build success in 28506ms
+CJS dist/index.js           311.51 KB
+CJS dist/index.js.map       623.48 KB
+CJS ⚡️ Build success in 2689ms
+DTS ⚡️ Build success in 28559ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        153.38 KB
+DTS dist/index.d.ts        153.41 KB
 DTS dist/icons/index.d.mts 44.00 B
-DTS dist/index.d.mts       153.38 KB
+DTS dist/index.d.mts       153.41 KB

package/.turbo/turbo-postinstall.log

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

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @vygruppen/spor-react
 
+## 12.6.3
+
+### Patch Changes
+
+- 552118e: Combobox: Fix forwarding of props so styles, like background, can be applied
+  Dialog: Fix resonspive sizes, and shrink margin of fullscreen, "cover", modal
+  Tabs: Fix hover style for active tab
+- Updated dependencies [3414328]
+  - @vygruppen/spor-icon-react@4.2.1
+
+## 12.6.2
+
+### Patch Changes
+
+- cad7ba5: Fix NumericStepper props: onChange correct type and children not mandatory.
+
 ## 12.6.1
 
 ### Patch Changes

package/dist/index.d.mts

@@ -1362,8 +1362,8 @@ declare const NativeSelect: React$1.ForwardRefExoticComponent<{
 declare const numericStepperRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "container" | "input" | "text" | "button", _chakra_ui_react.SlotRecipeVariantRecord<"root" | "container" | "input" | "text" | "button">>;
 
 type NumericStepperVariants = RecipeVariantProps<typeof numericStepperRecipe>;
-type NumericStepperProps = BoxProps & FieldBaseProps & PropsWithChildren<NumericStepperVariants> & {
-    children: React__default.ReactNode;
+type NumericStepperProps = FieldBaseProps & NumericStepperVariants & {
+    children?: React__default.ReactNode;
     /** The name of the input field */
     name?: string;
     /** The current value */
@@ -1413,10 +1413,8 @@ type NumericStepperProps = BoxProps & FieldBaseProps & PropsWithChildren<Numeric
  * ```
  * @see https://spor.vy.no/components/numeric-stepper
  */
-declare const NumericStepper: React__default.ForwardRefExoticComponent<BoxProps & FieldBaseProps & {
-    children?: React__default.ReactNode | undefined;
-} & {
-    children: React__default.ReactNode;
+declare const NumericStepper: React__default.ForwardRefExoticComponent<FieldBaseProps & {
+    children?: React__default.ReactNode;
     /** The name of the input field */
     name?: string;
     /** The current value */
@@ -3086,6 +3084,9 @@ declare const tabsSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "in
                 _selected: {
                     backgroundColor: "brand.surface";
                     color: "brand.text";
+                    _hover: {
+                        outline: "none";
+                    };
                 };
                 _disabled: {
                     backgroundColor: "surface.disabled";
@@ -3117,6 +3118,7 @@ declare const tabsSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "in
                     _hover: {
                         backgroundColor: "brand.surface.hover";
                         color: "brand.text";
+                        outline: "none";
                     };
                 };
             };

package/dist/index.d.ts

@@ -1362,8 +1362,8 @@ declare const NativeSelect: React$1.ForwardRefExoticComponent<{
 declare const numericStepperRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "container" | "input" | "text" | "button", _chakra_ui_react.SlotRecipeVariantRecord<"root" | "container" | "input" | "text" | "button">>;
 
 type NumericStepperVariants = RecipeVariantProps<typeof numericStepperRecipe>;
-type NumericStepperProps = BoxProps & FieldBaseProps & PropsWithChildren<NumericStepperVariants> & {
-    children: React__default.ReactNode;
+type NumericStepperProps = FieldBaseProps & NumericStepperVariants & {
+    children?: React__default.ReactNode;
     /** The name of the input field */
     name?: string;
     /** The current value */
@@ -1413,10 +1413,8 @@ type NumericStepperProps = BoxProps & FieldBaseProps & PropsWithChildren<Numeric
  * ```
  * @see https://spor.vy.no/components/numeric-stepper
  */
-declare const NumericStepper: React__default.ForwardRefExoticComponent<BoxProps & FieldBaseProps & {
-    children?: React__default.ReactNode | undefined;
-} & {
-    children: React__default.ReactNode;
+declare const NumericStepper: React__default.ForwardRefExoticComponent<FieldBaseProps & {
+    children?: React__default.ReactNode;
     /** The name of the input field */
     name?: string;
     /** The current value */
@@ -3086,6 +3084,9 @@ declare const tabsSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "in
                 _selected: {
                     backgroundColor: "brand.surface";
                     color: "brand.text";
+                    _hover: {
+                        outline: "none";
+                    };
                 };
                 _disabled: {
                     backgroundColor: "surface.disabled";
@@ -3117,6 +3118,7 @@ declare const tabsSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "in
                     _hover: {
                         backgroundColor: "brand.surface.hover";
                         color: "brand.text";
+                        outline: "none";
                     };
                 };
             };

package/dist/index.js

@@ -2681,7 +2681,8 @@ var Combobox = (props) => {
     emptyContent,
     inputRef: externalInputRef,
     children,
-    variant
+    variant,
+    ...restProps
   } = props;
   const { contains } = reactAria.useFilter({ sensitivity: "base" });
   const fallbackInputRef = React28.useRef(null);
@@ -2729,6 +2730,7 @@ var Combobox = (props) => {
     /* @__PURE__ */ jsxRuntime.jsx(
       Input,
       {
+        ...restProps,
         ...styleProps(comboBoxProps),
         "aria-haspopup": "listbox",
         ref: inputRef,
@@ -7294,37 +7296,43 @@ var dialogSlotRecipe = react.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"
         }
       }
     },
@@ -9561,7 +9569,10 @@ var tabsSlotRecipe = react.defineSlotRecipe({
           },
           _selected: {
             backgroundColor: "brand.surface",
-            color: "brand.text"
+            color: "brand.text",
+            _hover: {
+              outline: "none"
+            }
           },
           _disabled: {
             backgroundColor: "surface.disabled",
@@ -9592,7 +9603,8 @@ var tabsSlotRecipe = react.defineSlotRecipe({
             color: "brand.text",
             _hover: {
               backgroundColor: "brand.surface.hover",
-              color: "brand.text"
+              color: "brand.text",
+              outline: "none"
             }
           }
         }