@vygruppen/spor-react 13.3.1 → 13.4.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@13.3.1 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@13.4.0 build /home/runner/work/spor/spor/packages/spor-react
 > tsup
 
 CLI Building entry: src/index.tsx, src/icons/index.tsx
@@ -11,18 +11,18 @@ CLI Cleaning output folder
 ESM Build start
 CJS Build start
 DTS Build start
-CJS dist/index.cjs           374.36 KB
+CJS dist/index.cjs           376.01 KB
 CJS dist/icons/index.cjs     381.00 B
-CJS dist/index.cjs.map       743.53 KB
+CJS dist/index.cjs.map       746.70 KB
 CJS dist/icons/index.cjs.map 157.00 B
-CJS ⚡️ Build success in 2739ms
-ESM dist/index.mjs           349.83 KB
+CJS ⚡️ Build success in 2712ms
+ESM dist/index.mjs           351.44 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs.map       743.53 KB
+ESM dist/index.mjs.map       746.70 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM ⚡️ Build success in 2740ms
-DTS ⚡️ Build success in 22700ms
+ESM ⚡️ Build success in 2713ms
+DTS ⚡️ Build success in 22345ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        150.54 KB
+DTS dist/index.d.ts        152.00 KB
 DTS dist/icons/index.d.cts 44.00 B
-DTS dist/index.d.cts       150.54 KB
+DTS dist/index.d.cts       152.00 KB

package/.turbo/turbo-postinstall.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@13.3.1 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@13.4.0 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
 ◇ injected env (0) from .env // tip: ⌁ auth for agents [www.vestauth.com]

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @vygruppen/spor-react
 
+## 13.4.0
+
+### Minor Changes
+
+- 6412d40: Add size variant with options between small and medium for form elements, including Input, PasswordInput, PhonenumberInput, SearchInput, and Select
+
+### Patch Changes
+
+- e864f09: Phonenumber input: remove red border from countrycode select when invalid
+- 17a00b7: Remove padding around link in breadcrumb to prevent text from moving 3px when navigating between elements
+  - @vygruppen/spor-icon-react@5.0.0
+
+## 13.3.2
+
+### Patch Changes
+
+- b1e5186: Add disabled colorPalette to badge
+- d6eddea: Add Chakra's AccordionItem-props to the ExpandableItem
+- Updated dependencies [0a35c66]
+  - @vygruppen/spor-design-tokens@5.0.4
+
 ## 13.3.1
 
 ### Patch Changes

package/__tests__/radio.test.tsx

@@ -0,0 +1,69 @@
+import { RadioGroupRootProps } from "@chakra-ui/react";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { Radio, RadioGroup, SporProvider } from "@vygruppen/spor-react";
+import { Ref } from "react";
+import { JSX } from "react/jsx-runtime";
+import { describe, expect, test } from "vitest";
+
+const value1 = "My first value";
+const label1 = "World's best radio label";
+const value2 = "Life changing value";
+const label2 = "Radio label of the year";
+
+const RadioGroupTest = (
+  props: JSX.IntrinsicAttributes &
+    Omit<RadioGroupRootProps, "colorPalette" | "size" | "variant"> & {
+      ref?: Ref<HTMLDivElement>;
+    },
+) => (
+  <SporProvider>
+    <RadioGroup {...props}>
+      <Radio value={value1}>{label1}</Radio>
+      <Radio value={value2}>{label2}</Radio>
+    </RadioGroup>
+  </SporProvider>
+);
+
+describe("Uncontrolled RadioGroup", () => {
+  test("handles state correctly", async () => {
+    const user = userEvent.setup();
+
+    render(<RadioGroupTest />);
+
+    const input1 = screen.getByRole("radio", {
+      name: label1,
+    }) as HTMLInputElement;
+    const input2 = screen.getByRole("radio", {
+      name: label2,
+    }) as HTMLInputElement;
+
+    expect(input1.checked).toBe(false);
+    expect(input2.checked).toBe(false);
+
+    await user.click(screen.getByRole("radio", { name: label2 }));
+
+    expect(input1.checked).toBe(false);
+    expect(input2.checked).toBe(true);
+  });
+
+  test("handles defaultValue correctly", async () => {
+    const user = userEvent.setup();
+    render(<RadioGroupTest defaultValue={value1} />);
+
+    const input1 = screen.getByRole("radio", {
+      name: label1,
+    }) as HTMLInputElement;
+    const input2 = screen.getByRole("radio", {
+      name: label2,
+    }) as HTMLInputElement;
+
+    expect(input1.checked).toBe(true);
+    expect(input2.checked).toBe(false);
+
+    await user.click(screen.getByRole("radio", { name: label2 }));
+
+    expect(input1.checked).toBe(false);
+    expect(input2.checked).toBe(true);
+  });
+});