@vygruppen/spor-react 12.24.7 → 12.24.8

package/dist/index.d.cts

@@ -614,6 +614,7 @@ declare const RadioCard: React__default.ForwardRefExoticComponent<RadioCard$1.It
 } & {
     inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
     ariaLabel?: string;
+    value?: string;
 } & React__default.RefAttributes<HTMLInputElement>>;
 declare const RadioCardGroup: React__default.ForwardRefExoticComponent<{
     variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | undefined>;
@@ -1669,7 +1670,16 @@ declare const NativeSelect: React$1.ForwardRefExoticComponent<{
     icon?: React$1.ReactNode;
 } & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const numericStepperRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "container" | "input" | "text" | "button", _chakra_ui_react.SlotRecipeVariantRecord<"root" | "container" | "input" | "text" | "button">>;
+declare const numericStepperRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "container" | "input" | "text" | "button", {
+    withStepLabel: {
+        true: {
+            button: {
+                paddingInline: "1 !important";
+            };
+        };
+        false: {};
+    };
+}>;
 
 type NumericStepperVariants = RecipeVariantProps<typeof numericStepperRecipe>;
 type NumericStepperProps = FieldBaseProps & NumericStepperVariants & {
@@ -1722,6 +1732,8 @@ type NumericStepperProps = FieldBaseProps & NumericStepperVariants & {
  * @see https://spor.vy.no/components/numeric-stepper
  */
 declare const NumericStepper: React__default.ForwardRefExoticComponent<FieldBaseProps & {
+    withStepLabel?: _chakra_ui_react.ConditionalValue<boolean | undefined>;
+} & {
     children?: React__default.ReactNode;
     /** The name of the input field */
     name?: string;

package/dist/index.d.ts

@@ -614,6 +614,7 @@ declare const RadioCard: React__default.ForwardRefExoticComponent<RadioCard$1.It
 } & {
     inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
     ariaLabel?: string;
+    value?: string;
 } & React__default.RefAttributes<HTMLInputElement>>;
 declare const RadioCardGroup: React__default.ForwardRefExoticComponent<{
     variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | undefined>;
@@ -1669,7 +1670,16 @@ declare const NativeSelect: React$1.ForwardRefExoticComponent<{
     icon?: React$1.ReactNode;
 } & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const numericStepperRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "container" | "input" | "text" | "button", _chakra_ui_react.SlotRecipeVariantRecord<"root" | "container" | "input" | "text" | "button">>;
+declare const numericStepperRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "container" | "input" | "text" | "button", {
+    withStepLabel: {
+        true: {
+            button: {
+                paddingInline: "1 !important";
+            };
+        };
+        false: {};
+    };
+}>;
 
 type NumericStepperVariants = RecipeVariantProps<typeof numericStepperRecipe>;
 type NumericStepperProps = FieldBaseProps & NumericStepperVariants & {
@@ -1722,6 +1732,8 @@ type NumericStepperProps = FieldBaseProps & NumericStepperVariants & {
  * @see https://spor.vy.no/components/numeric-stepper
  */
 declare const NumericStepper: React__default.ForwardRefExoticComponent<FieldBaseProps & {
+    withStepLabel?: _chakra_ui_react.ConditionalValue<boolean | undefined>;
+} & {
     children?: React__default.ReactNode;
     /** The name of the input field */
     name?: string;

package/dist/index.mjs

@@ -1503,10 +1503,17 @@ var PressableCard = forwardRef(
 PressableCard.displayName = "PressableCard";
 var RadioCard = forwardRef(
   (props, ref) => {
-    const { inputProps, children } = props;
+    const { inputProps, children, value } = props;
     return /* @__PURE__ */ jsxs(RadioCard$1.Item, { ...props, children: [
-      /* @__PURE__ */ jsx(RadioCard$1.ItemHiddenInput, { ref, ...inputProps }),
-      /* @__PURE__ */ jsx(RadioCard$1.ItemControl, { children })
+      /* @__PURE__ */ jsx(
+        RadioCard$1.ItemHiddenInput,
+        {
+          ref,
+          ...inputProps,
+          "aria-label": value
+        }
+      ),
+      /* @__PURE__ */ jsx(RadioCard$1.ItemControl, { "aria-hidden": value ? true : false, children })
     ] });
   }
 );
@@ -4040,7 +4047,8 @@ var NumericStepper = React20__default.forwardRef((props, ref) => {
                 focusOnAddButton();
               }
             },
-            disabled: disabled || value <= minValue
+            disabled: disabled || value <= minValue,
+            withStepLabel: stepSize != 1
           }
         ),
         withInput ? /* @__PURE__ */ jsx(
@@ -4089,7 +4097,8 @@ var NumericStepper = React20__default.forwardRef((props, ref) => {
               )
             ),
             onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
-            disabled: disabled || value >= maxValue
+            disabled: disabled || value >= maxValue,
+            withStepLabel: stepSize != 1
           }
         )
       ]
@@ -4098,8 +4107,9 @@ var NumericStepper = React20__default.forwardRef((props, ref) => {
 });
 NumericStepper.displayName = "NumericStepper";
 var VerySmallButton = React20__default.forwardRef((props, ref) => {
+  const { withStepLabel = false, ...rest } = props;
   const recipe = useSlotRecipe({ key: "numericStepper" });
-  const styles = recipe({ colorPalette: "default" });
+  const styles = recipe({ withStepLabel });
   return /* @__PURE__ */ jsx(
     IconButton,
     {
@@ -4107,7 +4117,7 @@ var VerySmallButton = React20__default.forwardRef((props, ref) => {
       size: "xs",
       css: styles.button,
       ref,
-      ...props
+      ...rest
     }
   );
 });
@@ -9811,6 +9821,16 @@ var numericStepperRecipe = defineSlotRecipe({
         height: "1.2rem"
       }
     }
+  },
+  variants: {
+    withStepLabel: {
+      true: {
+        button: {
+          paddingInline: "1 !important"
+        }
+      },
+      false: {}
+    }
   }
 });
 var paginationSlotRecipe = defineSlotRecipe({