@vygruppen/spor-react 12.24.7 → 12.24.8

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.24.7 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.85 KB
+CJS dist/index.cjs           356.25 KB
 CJS dist/icons/index.cjs     381.00 B
+CJS dist/index.cjs.map       702.33 KB
 CJS dist/icons/index.cjs.map 157.00 B
-CJS dist/index.cjs.map       701.54 KB
-CJS ⚡️ Build success in 2891ms
+CJS ⚡️ Build success in 2885ms
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs           331.68 KB
+ESM dist/index.mjs           332.08 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM dist/index.mjs.map       701.54 KB
-ESM ⚡️ Build success in 2892ms
-DTS ⚡️ Build success in 21602ms
+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.47 KB
+DTS dist/index.d.ts        147.64 KB
 DTS dist/icons/index.d.cts 44.00 B
-DTS dist/index.d.cts       147.47 KB
+DTS dist/index.d.cts       147.64 KB

package/.turbo/turbo-postinstall.log

@@ -1,8 +1,8 @@
 
-> @vygruppen/spor-react@12.24.7 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: ⚙️  specify custom .env file path with { path: '/custom/path/.env' }
+[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,13 @@
 # @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

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 })
     ] });
   }
 );
@@ -4060,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(
@@ -4109,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
           }
         )
       ]
@@ -4118,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,
     {
@@ -4127,7 +4137,7 @@ var VerySmallButton = React20__namespace.default.forwardRef((props, ref) => {
       size: "xs",
       css: styles.button,
       ref,
-      ...props
+      ...rest
     }
   );
 });
@@ -9831,6 +9841,16 @@ var numericStepperRecipe = react.defineSlotRecipe({
         height: "1.2rem"
       }
     }
+  },
+  variants: {
+    withStepLabel: {
+      true: {
+        button: {
+          paddingInline: "1 !important"
+        }
+      },
+      false: {}
+    }
   }
 });
 var paginationSlotRecipe = react.defineSlotRecipe({