@vygruppen/spor-react 12.21.0 → 12.21.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.21.0 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.21.2 build /home/runner/work/spor/spor/packages/spor-react
 > tsup
 
 CLI Building entry: src/index.tsx, src/icons/index.tsx
@@ -11,17 +11,17 @@ CLI Cleaning output folder
 ESM Build start
 CJS Build start
 DTS Build start
-CJS dist/index.cjs           339.46 KB
+CJS dist/index.cjs           340.15 KB
 CJS dist/icons/index.cjs     381.00 B
-CJS dist/index.cjs.map       672.11 KB
+CJS dist/index.cjs.map       672.88 KB
 CJS dist/icons/index.cjs.map 157.00 B
-CJS ⚡️ Build success in 2640ms
-ESM dist/index.mjs           316.18 KB
+CJS ⚡️ Build success in 2574ms
+ESM dist/index.mjs           316.87 KB
 ESM dist/icons/index.mjs     110.00 B
+ESM dist/index.mjs.map       672.88 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM dist/index.mjs.map       672.11 KB
-ESM ⚡️ Build success in 2641ms
-DTS ⚡️ Build success in 20477ms
+ESM ⚡️ Build success in 2576ms
+DTS ⚡️ Build success in 19478ms
 DTS dist/icons/index.d.ts  44.00 B
 DTS dist/index.d.ts        158.97 KB
 DTS dist/icons/index.d.cts 44.00 B

package/.turbo/turbo-postinstall.log

@@ -1,8 +1,8 @@
 
-> @vygruppen/spor-react@12.21.0 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.21.2 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
-[dotenv@17.2.2] injecting env (0) from .env -- tip: ⚙️  specify custom .env file path with { path: '/custom/path/.env' }
+[dotenv@17.2.2] injecting env (0) from .env -- tip: 📡 observe env with Radar: https://dotenvx.com/radar
 ┌  Chakra CLI ⚡️
 [?25l│
 ◇  ✅ Generated conditions typings

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @vygruppen/spor-react
 
+## 12.21.2
+
+### Patch Changes
+
+- 166d9d3: - Fix props not being forwarded correctly in NumericStepper component
+  - Rename "usb-charging" icon to "usb charging" (using space instead of "-")
+    → aligns with existing icon naming convention where type/variant is separated by space rather than hyphen
+- 0a43f61: fix wrong borderRadius CardSelect
+- 1c9db69: Added focus on radio buttons
+- Updated dependencies [2899114]
+  - @vygruppen/spor-design-tokens@4.3.2
+  - @vygruppen/spor-icon-react@4.5.1
+
+## 12.21.1
+
+### Patch Changes
+
+- 7b2b1a4: New icon for usb-charging on board
+- Updated dependencies [7b2b1a4]
+  - @vygruppen/spor-icon-react@4.5.1
+
 ## 12.21.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -3079,6 +3079,7 @@ var CardSelectContent = React29.forwardRef(
         bg: "bg",
         border: "sm",
         borderColor: "floating.outline",
+        borderRadius: "sm",
         ...props,
         children
       }
@@ -3748,6 +3749,12 @@ var NumericStepper = React29__namespace.default.forwardRef((props, ref) => {
     withInput = true,
     stepSize = 1,
     ariaLabelContext = { singular: "", plural: "" },
+    invalid,
+    readOnly,
+    required,
+    label,
+    helperText,
+    errorText,
     ...rest
   } = props;
   const addButtonRef = React29.useRef(null);
@@ -3764,77 +3771,93 @@ var NumericStepper = React29__namespace.default.forwardRef((props, ref) => {
     var _a5;
     (_a5 = addButtonRef.current) == null ? void 0 : _a5.focus();
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Field3, { css: styles.root, width: "auto", ...rest, id: idProperty, ref, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      VerySmallButton,
-      {
-        icon: /* @__PURE__ */ jsxRuntime.jsx(SubtractIcon, { stepLabel: clampedStepSize }),
-        "aria-label": t(
-          texts14.decrementButtonAriaLabel(
-            clampedStepSize,
-            stepSize === 1 ? ariaLabelContext.singular : ariaLabelContext.plural
-          )
-        ),
-        onClick: () => {
-          onChange(Math.max(value - clampedStepSize, minValue));
-          if (Math.max(value - clampedStepSize, minValue) <= minValue) {
-            focusOnAddButton();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Field3,
+    {
+      css: styles.root,
+      width: "auto",
+      id: idProperty,
+      ref,
+      label,
+      helperText,
+      errorText,
+      invalid,
+      readOnly,
+      required,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          VerySmallButton,
+          {
+            icon: /* @__PURE__ */ jsxRuntime.jsx(SubtractIcon, { stepLabel: clampedStepSize }),
+            "aria-label": t(
+              texts14.decrementButtonAriaLabel(
+                clampedStepSize,
+                stepSize === 1 ? ariaLabelContext.singular : ariaLabelContext.plural
+              )
+            ),
+            onClick: () => {
+              onChange(Math.max(value - clampedStepSize, minValue));
+              if (Math.max(value - clampedStepSize, minValue) <= minValue) {
+                focusOnAddButton();
+              }
+            },
+            disabled: disabled || value <= minValue,
+            id: value <= minValue ? void 0 : idProperty
           }
-        },
-        disabled: disabled || value <= minValue,
-        id: value <= minValue ? void 0 : idProperty
-      }
-    ),
-    withInput ? /* @__PURE__ */ jsxRuntime.jsx(
-      react.Input,
-      {
-        min: minValue,
-        max: maxValue,
-        name: nameProperty,
-        value,
-        disabled,
-        id: value === 0 ? void 0 : idProperty,
-        css: styles.input,
-        width: `${Math.max(value.toString().length + 1, 3)}ch`,
-        "aria-live": "assertive",
-        "aria-label": ariaLabelContext.plural === "" ? "" : t(texts14.currentNumberAriaLabel(ariaLabelContext.plural)),
-        onChange: (event) => {
-          const numericInput = Number(event.target.value);
-          if (Number.isNaN(numericInput)) {
-            return;
+        ),
+        withInput ? /* @__PURE__ */ jsxRuntime.jsx(
+          react.Input,
+          {
+            min: minValue,
+            max: maxValue,
+            name: nameProperty,
+            value,
+            disabled,
+            id: value === 0 ? void 0 : idProperty,
+            css: styles.input,
+            width: `${Math.max(value.toString().length + 1, 3)}ch`,
+            "aria-live": "assertive",
+            "aria-label": ariaLabelContext.plural === "" ? "" : t(texts14.currentNumberAriaLabel(ariaLabelContext.plural)),
+            onChange: (event) => {
+              const numericInput = Number(event.target.value);
+              if (Number.isNaN(numericInput)) {
+                return;
+              }
+              onChange(Math.max(Math.min(numericInput, maxValue), minValue));
+              if (Math.max(Math.min(numericInput, maxValue), minValue) === 0) {
+                focusOnAddButton();
+              }
+            },
+            ...rest
           }
-          onChange(Math.max(Math.min(numericInput, maxValue), minValue));
-          if (Math.max(Math.min(numericInput, maxValue), minValue) === 0) {
-            focusOnAddButton();
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          Text3,
+          {
+            "aria-live": "assertive",
+            paddingX: "0.95rem",
+            "aria-label": ariaLabelContext.plural === "" ? "" : t(texts14.currentNumberAriaLabel(ariaLabelContext.plural)),
+            children: value
           }
-        }
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      Text3,
-      {
-        "aria-live": "assertive",
-        paddingX: "0.95rem",
-        "aria-label": ariaLabelContext.plural === "" ? "" : t(texts14.currentNumberAriaLabel(ariaLabelContext.plural)),
-        children: value
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      VerySmallButton,
-      {
-        ref: addButtonRef,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(AddIcon, { stepLabel: clampedStepSize }),
-        "aria-label": t(
-          texts14.incrementButtonAriaLabel(
-            clampedStepSize,
-            stepSize === 1 ? ariaLabelContext.singular : ariaLabelContext.plural
-          )
         ),
-        onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
-        disabled: disabled || value >= maxValue,
-        id: value >= maxValue ? void 0 : idProperty
-      }
-    )
-  ] });
+        /* @__PURE__ */ jsxRuntime.jsx(
+          VerySmallButton,
+          {
+            ref: addButtonRef,
+            icon: /* @__PURE__ */ jsxRuntime.jsx(AddIcon, { stepLabel: clampedStepSize }),
+            "aria-label": t(
+              texts14.incrementButtonAriaLabel(
+                clampedStepSize,
+                stepSize === 1 ? ariaLabelContext.singular : ariaLabelContext.plural
+              )
+            ),
+            onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
+            disabled: disabled || value >= maxValue,
+            id: value >= maxValue ? void 0 : idProperty
+          }
+        )
+      ]
+    }
+  );
 });
 NumericStepper.displayName = "NumericStepper";
 var VerySmallButton = React29__namespace.default.forwardRef((props, ref) => {
@@ -9489,6 +9512,12 @@ var radioGroupSlotRecipe = react.defineSlotRecipe({
           backgroundColor: "outline.disabled"
         }
       },
+      _focusVisible: {
+        outlineWidth: "2px",
+        outlineColor: "outline.focus",
+        outlineStyle: "solid",
+        outlineOffset: "1px"
+      },
       "& .dot": {
         height: "full",
         width: "full",