@vygruppen/spor-react 12.24.6 → 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>;
@@ -1286,7 +1287,7 @@ type Props = {
     emptyLabel?: React__default.ReactNode;
     openOnFocus?: boolean;
 } & Omit<ComboboxRootProps, "collection"> & FieldProps;
-declare const Autocomplete: ({ variant, children, label, leftIcon, onInputValueChange, invalid, helperText, errorText, required, filteredExternally, loading, disabled, emptyLabel, openOnClick, openOnFocus, ...rest }: Props) => react_jsx_runtime.JSX.Element;
+declare const Autocomplete: ({ variant, children, label, leftIcon, onInputValueChange, invalid, helperText, errorText, required, filteredExternally, loading, disabled, emptyLabel, onFocus, openOnClick, openOnFocus, ...rest }: Props) => react_jsx_runtime.JSX.Element;
 declare const AutocompleteItemGroup: React__default.ForwardRefExoticComponent<Combobox$1.ItemGroupProps & React__default.RefAttributes<HTMLDivElement>>;
 declare const AutocompleteItemGroupLabel: React__default.ForwardRefExoticComponent<_chakra_ui_react.ComboboxItemGroupLabelProps & React__default.RefAttributes<HTMLDivElement>>;
 declare const AutocompleteItem: React__default.ForwardRefExoticComponent<Combobox$1.ItemProps & React__default.RefAttributes<HTMLDivElement>>;
@@ -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>;
@@ -1286,7 +1287,7 @@ type Props = {
     emptyLabel?: React__default.ReactNode;
     openOnFocus?: boolean;
 } & Omit<ComboboxRootProps, "collection"> & FieldProps;
-declare const Autocomplete: ({ variant, children, label, leftIcon, onInputValueChange, invalid, helperText, errorText, required, filteredExternally, loading, disabled, emptyLabel, openOnClick, openOnFocus, ...rest }: Props) => react_jsx_runtime.JSX.Element;
+declare const Autocomplete: ({ variant, children, label, leftIcon, onInputValueChange, invalid, helperText, errorText, required, filteredExternally, loading, disabled, emptyLabel, onFocus, openOnClick, openOnFocus, ...rest }: Props) => react_jsx_runtime.JSX.Element;
 declare const AutocompleteItemGroup: React__default.ForwardRefExoticComponent<Combobox$1.ItemGroupProps & React__default.RefAttributes<HTMLDivElement>>;
 declare const AutocompleteItemGroupLabel: React__default.ForwardRefExoticComponent<_chakra_ui_react.ComboboxItemGroupLabelProps & React__default.RefAttributes<HTMLDivElement>>;
 declare const AutocompleteItem: React__default.ForwardRefExoticComponent<Combobox$1.ItemProps & React__default.RefAttributes<HTMLDivElement>>;
@@ -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 })
     ] });
   }
 );
@@ -2292,7 +2299,7 @@ var CalendarTriggerButton = forwardRef(({ variant, disabled, onPress: _, ...butt
     key: "datePicker"
   });
   const styles = recipe({ variant });
-  return /* @__PURE__ */ jsx(PopoverAnchor, { ...buttonProps, ref, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(PopoverAnchor, { ...buttonProps, ref, asChild: true, children: /* @__PURE__ */ jsx(
     IconButton,
     {
       icon: /* @__PURE__ */ jsx(CalendarOutline24Icon, {}),
@@ -2341,7 +2348,7 @@ var DateTimeSegment = forwardRef(
         borderRadius: "xs",
         fontSize: ["mobile.sm", "desktop.sm"],
         css: styles.dateTimeSegment,
-        "aria-description": ariaDescription,
+        "aria-label": ariaDescription,
         "aria-labelledby": ariaLabel,
         children: isPaddable(segment.type) ? segment.text.padStart(2, "0") : segment.text
       }
@@ -3306,6 +3313,7 @@ var Autocomplete = ({
   loading,
   disabled,
   emptyLabel,
+  onFocus,
   openOnClick = true,
   openOnFocus = true,
   ...rest
@@ -3361,7 +3369,8 @@ var Autocomplete = ({
           helperText,
           errorText,
           required,
-          onFocus: () => {
+          onFocus: (event) => {
+            onFocus == null ? void 0 : onFocus(event);
             if (openOnFocus)
               combobox.setOpen(true);
           }
@@ -3369,20 +3378,10 @@ var Autocomplete = ({
       ) }),
       /* @__PURE__ */ jsx(Combobox.IndicatorGroup, { children: /* @__PURE__ */ jsx(Combobox.ClearTrigger, { asChild: true, "aria-label": t(texts14.clearValue), children: /* @__PURE__ */ jsx(CloseButton, { size: "xs" }) }) })
     ] }),
-    /* @__PURE__ */ jsx(Combobox.Positioner, { children: /* @__PURE__ */ jsxs(
-      Combobox.Content,
-      {
-        onBlur: (event) => {
-          if (!event.currentTarget.contains(event.relatedTarget)) {
-            combobox.setOpen(false);
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsx(Combobox.Empty, { children: !loading && (emptyLabel ?? t(texts14.noItemsFound)) }),
-          loading ? /* @__PURE__ */ jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : /* @__PURE__ */ jsx(Fragment, { children: filteredChildren })
-        ]
-      }
-    ) })
+    /* @__PURE__ */ jsx(Combobox.Positioner, { children: /* @__PURE__ */ jsxs(Combobox.Content, { children: [
+      /* @__PURE__ */ jsx(Combobox.Empty, { children: !loading && (emptyLabel ?? t(texts14.noItemsFound)) }),
+      loading ? /* @__PURE__ */ jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : /* @__PURE__ */ jsx(Fragment, { children: filteredChildren })
+    ] }) })
   ] });
 };
 var AutocompleteItemGroup = Combobox.ItemGroup;
@@ -4048,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(
@@ -4097,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
           }
         )
       ]
@@ -4106,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,
     {
@@ -4115,7 +4117,7 @@ var VerySmallButton = React20__default.forwardRef((props, ref) => {
       size: "xs",
       css: styles.button,
       ref,
-      ...props
+      ...rest
     }
   );
 });
@@ -9819,6 +9821,16 @@ var numericStepperRecipe = defineSlotRecipe({
         height: "1.2rem"
       }
     }
+  },
+  variants: {
+    withStepLabel: {
+      true: {
+        button: {
+          paddingInline: "1 !important"
+        }
+      },
+      false: {}
+    }
   }
 });
 var paginationSlotRecipe = defineSlotRecipe({