@vygruppen/spor-react 13.4.1 → 13.4.3

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@13.4.1 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@13.4.3 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           376.07 KB
 CJS dist/icons/index.cjs     381.00 B
-CJS dist/index.cjs           375.20 KB
+CJS dist/index.cjs.map       747.62 KB
 CJS dist/icons/index.cjs.map 157.00 B
-CJS dist/index.cjs.map       745.37 KB
-CJS ⚡️ Build success in 3155ms
+CJS ⚡️ Build success in 2665ms
+ESM dist/index.mjs           351.48 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs           350.63 KB
+ESM dist/index.mjs.map       747.62 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM dist/index.mjs.map       745.37 KB
-ESM ⚡️ Build success in 3156ms
-DTS ⚡️ Build success in 22936ms
+ESM ⚡️ Build success in 2666ms
+DTS ⚡️ Build success in 22585ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        151.03 KB
+DTS dist/index.d.ts        154.14 KB
 DTS dist/icons/index.d.cts 44.00 B
-DTS dist/index.d.cts       151.03 KB
+DTS dist/index.d.cts       154.14 KB

package/.turbo/turbo-postinstall.log

@@ -1,8 +1,8 @@
 
-> @vygruppen/spor-react@13.4.1 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@13.4.3 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
-◇ injected env (0) from .env // tip: ⌘ enable debugging { debug: true }
+◇ injected env (0) from .env // tip: ⌘ multiple files { path: ['.env.local', '.env'] }
 ┌  Chakra CLI ⚡️
 [?25l│
 ◒  Generating conditions types...

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @vygruppen/spor-react
 
+## 13.4.3
+
+### Patch Changes
+
+- dea15ec: Solve accessibility problems: 1) adjust width of calendar-view in DatePicker to not overflow the screens view. 2) add asterisk to TimePicker when set to required. 3) Remove aria-assertive on errormessage in TimePicker.
+- 3426845: Add aria-labels to dateTime segments in TimePicker
+- dc7f5af: Add paddingleft to textarea and change the color of surface.ghost.hover in Vy-Digital theme
+- Updated dependencies [3b905c8]
+- Updated dependencies [5aabe19]
+- Updated dependencies [dc7f5af]
+  - @vygruppen/spor-design-tokens@5.0.5
+
+## 13.4.2
+
+### Patch Changes
+
+- 5e1ff50: Dialog: add possibility to send positioner-props to Chakra's positioner
+- b395020: Add brightRed colorPalette to Badge
+- c976a77: Breadcrumb: change styling of links to have an underline
+- 5a65a8e: AttachedInputs: removed "!important"-tag on styling, and added "flipButtonProps" as a prop to the AttahcedInput component to make it possible to override the styling of the button.
+
 ## 13.4.1
 
 ### Patch Changes

package/__tests__/accordion.test.tsx

@@ -0,0 +1,110 @@
+import { ConditionalValue } from "@chakra-ui/react";
+import { AccordionRootProps as ChakraAccordionProps } from "@chakra-ui/react";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import {
+  Accordion,
+  AccordionItem,
+  AccordionItemContent,
+  AccordionItemTrigger,
+  SporProvider,
+} from "@vygruppen/spor-react";
+import { Ref } from "react";
+import { JSX } from "react/jsx-runtime";
+import { describe, expect, test, vi } from "vitest";
+
+const AccordionTest = (
+  props: JSX.IntrinsicAttributes &
+    ChakraAccordionProps & {
+      variant?: ConditionalValue<
+        "core" | "ghost" | "underlined" | "floating" | undefined
+      >;
+    } & {
+      children?: React.ReactNode | undefined;
+    } & {
+      variant?: "ghost" | "core" | "floating" | "underlined";
+      gap?: string | number;
+      href?: string;
+    } & {
+      ref?: Ref<HTMLDivElement>;
+    },
+) => {
+  return (
+    <SporProvider>
+      <Accordion
+        collapsible
+        width="100%"
+        {...props}
+        data-testid="accordion-root"
+      >
+        <AccordionItem value="accordion-item-1">
+          <AccordionItemTrigger data-testid="accordion-item-1">
+            Item 1 trigger
+          </AccordionItemTrigger>
+          <AccordionItemContent>Item 1 content</AccordionItemContent>
+        </AccordionItem>
+        <AccordionItem value="accordion-item-2">
+          <AccordionItemTrigger data-testid="accordion-item-2">
+            Item 1 trigger
+          </AccordionItemTrigger>
+          <AccordionItemContent>Item 1 content</AccordionItemContent>
+        </AccordionItem>
+      </Accordion>
+    </SporProvider>
+  );
+};
+
+describe("Uncontrolled accordion", () => {
+  test("handles expandable-state correctly", async () => {
+    const user = userEvent.setup();
+
+    render(<AccordionTest />);
+
+    const item1 = screen.getByTestId("accordion-item-1") as HTMLInputElement;
+    const item2 = screen.getByTestId("accordion-item-2") as HTMLInputElement;
+
+    await user.click(item2);
+
+    expect(item1.ariaExpanded).toBe("false");
+    expect(item2.ariaExpanded).toBe("true");
+  });
+});
+
+describe("Controlled accordion", () => {
+  test("handles expandable-state correctly", async () => {
+    const expandedItems = ["accordion-item-1"];
+    render(<AccordionTest value={expandedItems} />);
+
+    const item1 = screen.getByTestId("accordion-item-1") as HTMLInputElement;
+    const item2 = screen.getByTestId("accordion-item-2") as HTMLInputElement;
+
+    expect(item1.ariaExpanded).toBe("true");
+    expect(item2.ariaExpanded).toBe("false");
+  });
+});
+
+describe("Default open accordion", () => {
+  test("handles expandable-state correctly", async () => {
+    render(<AccordionTest defaultValue={["accordion-item-1"]} />);
+
+    const item1 = screen.getByTestId("accordion-item-1") as HTMLInputElement;
+    const item2 = screen.getByTestId("accordion-item-2") as HTMLInputElement;
+
+    expect(item1.ariaExpanded).toBe("true");
+    expect(item2.ariaExpanded).toBe("false");
+  });
+});
+
+describe("OnValuechange accordion", () => {
+  test("handles onValueChange correctly", async () => {
+    const onValueChange = vi.fn();
+
+    const user = userEvent.setup();
+    render(<AccordionTest onValueChange={onValueChange} />);
+
+    const item1 = screen.getByTestId("accordion-item-1") as HTMLInputElement;
+    await user.click(item1);
+
+    expect(onValueChange).toHaveBeenCalled();
+  });
+});