@vygruppen/spor-react 12.24.6 → 12.24.8

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.24.6 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.24.8 build /home/runner/work/spor/spor/packages/spor-react
 > tsup
 
 CLI Building entry: src/index.tsx, src/icons/index.tsx
@@ -11,18 +11,18 @@
 ESM Build start
 CJS Build start
 DTS Build start
-CJS dist/index.cjs           355.97 KB
+CJS dist/index.cjs           356.25 KB
 CJS dist/icons/index.cjs     381.00 B
-CJS dist/index.cjs.map       701.87 KB
+CJS dist/index.cjs.map       702.33 KB
 CJS dist/icons/index.cjs.map 157.00 B
-CJS ⚡️ Build success in 2437ms
-ESM dist/index.mjs           331.80 KB
+CJS ⚡️ Build success in 2885ms
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs.map       701.87 KB
+ESM dist/index.mjs           332.08 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM ⚡️ Build success in 2439ms
-DTS ⚡️ Build success in 20232ms
+ESM dist/index.mjs.map       702.33 KB
+ESM ⚡️ Build success in 2885ms
+DTS ⚡️ Build success in 21486ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        147.46 KB
+DTS dist/index.d.ts        147.64 KB
 DTS dist/icons/index.d.cts 44.00 B
-DTS dist/index.d.cts       147.46 KB
+DTS dist/index.d.cts       147.64 KB

package/.turbo/turbo-postinstall.log

@@ -1,8 +1,8 @@
 
-> @vygruppen/spor-react@12.24.6 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.24.8 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
-[dotenv@17.3.1] injecting env (0) from .env -- tip: 🛠️  run anywhere with `dotenvx run -- yourcommand`
+[dotenv@17.3.1] injecting env (0) from .env -- tip: ⚙️  suppress all logs with { quiet: true }
 ┌  Chakra CLI ⚡️
 [?25l│
 ◒  Generating conditions types...
@@ -13,7 +13,8 @@
 [?25h[?25l│
 ◇  ✅ Generated utility typings
 [?25h[?25l│
-◇  ✅ Generated token typings
+◒  Generating token types...
+◇  ✅ Generated token typings
 [?25h[?25l│
 ◒  Generating system types...
 ◇  ✅ Generated system types

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @vygruppen/spor-react
 
+## 12.24.8
+
+### Patch Changes
+
+- 65d79ba: add padding to numeric stepper when stepSize is visible
+- e83b70a: improve the support of voiceover for RadioCards
+  - @vygruppen/spor-icon-react@4.5.2
+
+## 12.24.7
+
+### Patch Changes
+
+- 17c0938: Ensure onFocus is passed to Autocomplete
+
 ## 12.24.6
 
 ### Patch Changes

package/dist/index.cjs

@@ -1523,10 +1523,17 @@ var PressableCard = React20.forwardRef(
 PressableCard.displayName = "PressableCard";
 var RadioCard = React20.forwardRef(
   (props, ref) => {
-    const { inputProps, children } = props;
+    const { inputProps, children, value } = props;
     return /* @__PURE__ */ jsxRuntime.jsxs(react.RadioCard.Item, { ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(react.RadioCard.ItemHiddenInput, { ref, ...inputProps }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.RadioCard.ItemControl, { children })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        react.RadioCard.ItemHiddenInput,
+        {
+          ref,
+          ...inputProps,
+          "aria-label": value
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(react.RadioCard.ItemControl, { "aria-hidden": value ? true : false, children })
     ] });
   }
 );
@@ -2312,7 +2319,7 @@ var CalendarTriggerButton = React20.forwardRef(({ variant, disabled, onPress: _,
     key: "datePicker"
   });
   const styles = recipe({ variant });
-  return /* @__PURE__ */ jsxRuntime.jsx(react.PopoverAnchor, { ...buttonProps, ref, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(react.PopoverAnchor, { ...buttonProps, ref, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
     IconButton,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.CalendarOutline24Icon, {}),
@@ -2361,7 +2368,7 @@ var DateTimeSegment = React20.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
       }
@@ -3326,6 +3333,7 @@ var Autocomplete = ({
   loading,
   disabled,
   emptyLabel,
+  onFocus,
   openOnClick = true,
   openOnFocus = true,
   ...rest
@@ -3381,7 +3389,8 @@ var Autocomplete = ({
           helperText,
           errorText,
           required,
-          onFocus: () => {
+          onFocus: (event) => {
+            onFocus == null ? void 0 : onFocus(event);
             if (openOnFocus)
               combobox.setOpen(true);
           }
@@ -3389,20 +3398,10 @@ var Autocomplete = ({
       ) }),
       /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.IndicatorGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.ClearTrigger, { asChild: true, "aria-label": t(texts14.clearValue), children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { size: "xs" }) }) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-      react.Combobox.Content,
-      {
-        onBlur: (event) => {
-          if (!event.currentTarget.contains(event.relatedTarget)) {
-            combobox.setOpen(false);
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.Empty, { children: !loading && (emptyLabel ?? t(texts14.noItemsFound)) }),
-          loading ? /* @__PURE__ */ jsxRuntime.jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: filteredChildren })
-        ]
-      }
-    ) })
+    /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Combobox.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.Empty, { children: !loading && (emptyLabel ?? t(texts14.noItemsFound)) }),
+      loading ? /* @__PURE__ */ jsxRuntime.jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: filteredChildren })
+    ] }) })
   ] });
 };
 var AutocompleteItemGroup = react.Combobox.ItemGroup;
@@ -4068,7 +4067,8 @@ var NumericStepper = React20__namespace.default.forwardRef((props, ref) => {
                 focusOnAddButton();
               }
             },
-            disabled: disabled || value <= minValue
+            disabled: disabled || value <= minValue,
+            withStepLabel: stepSize != 1
           }
         ),
         withInput ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -4117,7 +4117,8 @@ var NumericStepper = React20__namespace.default.forwardRef((props, ref) => {
               )
             ),
             onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
-            disabled: disabled || value >= maxValue
+            disabled: disabled || value >= maxValue,
+            withStepLabel: stepSize != 1
           }
         )
       ]
@@ -4126,8 +4127,9 @@ var NumericStepper = React20__namespace.default.forwardRef((props, ref) => {
 });
 NumericStepper.displayName = "NumericStepper";
 var VerySmallButton = React20__namespace.default.forwardRef((props, ref) => {
+  const { withStepLabel = false, ...rest } = props;
   const recipe = react.useSlotRecipe({ key: "numericStepper" });
-  const styles = recipe({ colorPalette: "default" });
+  const styles = recipe({ withStepLabel });
   return /* @__PURE__ */ jsxRuntime.jsx(
     IconButton,
     {
@@ -4135,7 +4137,7 @@ var VerySmallButton = React20__namespace.default.forwardRef((props, ref) => {
       size: "xs",
       css: styles.button,
       ref,
-      ...props
+      ...rest
     }
   );
 });
@@ -9839,6 +9841,16 @@ var numericStepperRecipe = react.defineSlotRecipe({
         height: "1.2rem"
       }
     }
+  },
+  variants: {
+    withStepLabel: {
+      true: {
+        button: {
+          paddingInline: "1 !important"
+        }
+      },
+      false: {}
+    }
   }
 });
 var paginationSlotRecipe = react.defineSlotRecipe({