@orangesk/orange-design-system 2.0.0-beta.35 → 2.0.0-beta.37

package/src/components/Controls/tests/Controls.test.jsx

@@ -1,6 +1,6 @@
-import React from "react";
-import { render, screen, fireEvent } from "@testing-library/react";
+import { fireEvent, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
+import React from "react";
 import "@testing-library/jest-dom/vitest";
 import { Controls } from "../Controls";
 

package/src/components/Cover/Cover.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 import { Image } from "../Image";
 

package/src/components/Cover/index.ts

@@ -1,2 +1,3 @@
 import { Cover } from "./Cover";
+
 export { Cover };

package/src/components/Cover/tests/Cover.conformance.test.jsx

@@ -1,28 +1,27 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { axe } from 'vitest-axe';
+import { render } from "@testing-library/react";
+import { axe } from "vitest-axe";
 
-import { Cover } from '../';
+import { Cover } from "../";
 
 const example = (
   <>
     <Cover bgSrc="https://placehold.co/800x150" />;
     <Cover
       bgSrc={{
-        default: 'https://placehold.co/800x300',
-        lg: 'https://placehold.co/2560x1000',
-        md: 'https://placehold.co/1200x500',
+        default: "https://placehold.co/800x300",
+        lg: "https://placehold.co/2560x1000",
+        md: "https://placehold.co/1200x500",
       }}
     />
   </>
 );
 
-it('is valid html', () => {
+it("is valid html", () => {
   const { container } = render(example);
   expect(container).toHTMLValidate();
 });
 
-it('is accessible', async () => {
+it("is accessible", async () => {
   const { container } = render(example);
   expect(await axe(container)).toHaveNoViolations();
 });

package/src/components/Cover/tests/Cover.unit.test.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { render } from "@testing-library/react";
 
 import { Cover } from "../Cover";

package/src/components/Divider/Divider.tsx

@@ -1,5 +1,5 @@
-import React, { ReactNode, HTMLAttributes } from "react";
 import cx from "classnames";
+import React, { HTMLAttributes, ReactNode } from "react";
 
 import { Icon } from "../Icon";
 

package/src/components/Divider/tests/Divider.conformance.test.jsx

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
 import { Divider } from "../";
 

package/src/components/DocumentationSidebar/DocumentationSidebar.tsx

@@ -1,14 +1,14 @@
 "use client";
 
-import React from "react";
 import cx from "classnames";
-import { usePathname, useRouter } from "next/navigation";
-import Link from "next/link";
 import MiniSearch from "minisearch";
-import { Image } from "../Image";
-import { Icon } from "../Icon";
-import { TextInput } from "../Forms/TextInput";
+import Link from "next/link";
+import { usePathname, useRouter } from "next/navigation";
+import React from "react";
 import packageJson from "../../../package.json";
+import { TextInput } from "../Forms/TextInput";
+import { Icon } from "../Icon";
+import { Image } from "../Image";
 
 export interface DocumentationSidebarItem {
   label: string;
@@ -254,7 +254,7 @@ export const DocumentationSidebar: React.FC<DocumentationSidebarProps> = (
         const mergedItems = mergeSearchIndex(items, indexData);
         const updatedSearch = initializeSearch(mergedItems);
         setMiniSearch(updatedSearch);
-      } catch (err) {
+      } catch (_err) {
         // Search index not found or fetch failed, continue with menu items only
         console.debug("Search index not available, using menu items only");
       }

package/src/components/DocumentationSidebar/index.ts

@@ -1,7 +1,7 @@
 import "./styles/style.scss";
 
-export { DocumentationSidebar } from "./DocumentationSidebar";
 export type {
-  DocumentationSidebarProps,
   DocumentationSidebarItem,
+  DocumentationSidebarProps,
 } from "./DocumentationSidebar";
+export { DocumentationSidebar } from "./DocumentationSidebar";

package/src/components/Dropdown/Dropdown.static.ts

@@ -1,5 +1,5 @@
-import { createPopper, Instance, Options } from "@popperjs/core";
 import { transitionHiddenElement } from "@cloudfour/transition-hidden-element";
+import { createPopper, Instance, Options } from "@popperjs/core";
 
 import { keys } from "../../utils";
 

package/src/components/Dropdown/Dropdown.tsx

@@ -1,15 +1,13 @@
 "use client";
 
-import React, { ReactNode } from "react";
 import cx from "classnames";
-
+import React, { ReactNode } from "react";
+import { useStatic } from "@/utils/hooks";
 import { Bar, BarItem } from "../Bar";
 import { IconButton } from "../Button";
-
+import { ButtonProps } from "../Button/Button";
 import DropdownButtonStatic from "./Dropdown.static";
 import { DropdownToggleButton } from "./DropdownToggleButton";
-import { useStatic } from "@/utils/hooks";
-import { ButtonProps } from "../Button/Button";
 
 export const CLASS_ROOT = "dropdown";
 

package/src/components/Dropdown/DropdownDivider.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 const CLASS_ROOT = "dropdown__divider";
 

package/src/components/Dropdown/DropdownItem.tsx

@@ -1,5 +1,5 @@
-import React, { AnchorHTMLAttributes, ReactNode } from "react";
 import cx from "classnames";
+import React, { AnchorHTMLAttributes, ReactNode } from "react";
 
 const CLASS_ROOT = "dropdown__item";
 

package/src/components/Dropdown/DropdownToggleButton.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 import ToggleButton from "../../docs/utils/ToggleButton";
 

package/src/components/Dropdown/index.ts

@@ -1,4 +1,4 @@
 export { Dropdown } from "./Dropdown";
-export { DropdownItem } from "./DropdownItem";
 export { DropdownDivider } from "./DropdownDivider";
+export { DropdownItem } from "./DropdownItem";
 export { DropdownToggleButton } from "./DropdownToggleButton";

package/src/components/Dropdown/tests/Dropdown.conformance.test.jsx

@@ -1,7 +1,7 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
-import { Dropdown, DropdownItem, DropdownDivider } from "../";
+import { Dropdown, DropdownDivider, DropdownItem } from "../";
 
 const example = (
   <>

package/src/components/Dropdown/tests/Dropdown.unit.test.jsx

@@ -1,7 +1,6 @@
-import React from "react";
 import { render, screen } from "@testing-library/react";
+import { DropdownDivider, DropdownItem } from "../";
 import { Dropdown } from "../Dropdown";
-import { DropdownItem, DropdownDivider } from "../";
 
 describe("Dropdown Component Unit Tests", () => {
   it("renders with base class", () => {

package/src/components/Expander/Expander.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import React, { useMemo } from "react";
 import cx from "classnames";
+import React, { useMemo } from "react";
 
 import { useStatic } from "../../utils/hooks";
 import { Icon } from "../Icon";

package/src/components/Expander/tests/Expander.conformance.test.jsx

@@ -1,9 +1,7 @@
-import React from "react";
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
-
-import { Expander } from "../Expander";
+import { axe } from "vitest-axe";
 import { Icon } from "../../Icon";
+import { Expander } from "../Expander";
 
 const example = (
   <>

package/src/components/Expander/tests/Expander.unit.test.jsx

@@ -1,8 +1,6 @@
-import React from "react";
-import { render, screen, fireEvent } from "@testing-library/react";
-
-import { Expander } from "../Expander";
+import { fireEvent, render, screen } from "@testing-library/react";
 import { Icon } from "../../Icon";
+import { Expander } from "../Expander";
 
 describe("Expander", () => {
   it("renders basic expander with summary text", () => {

package/src/components/FeatureAccordion/FeatureAccordion.tsx

@@ -1,12 +1,12 @@
 "use client";
 
+import cx from "classnames";
 import React, { RefCallback, useMemo } from "react";
+import { useStatic } from "../../utils/hooks";
 import { Accordion } from "../Accordion/Accordion";
 import { Grid } from "../Grid/Grid";
 import { GridCol } from "../Grid/GridCol";
 import { Image } from "../Image";
-import cx from "classnames";
-import { useStatic } from "../../utils/hooks";
 import FeatureAccordionStatic from "./FeatureAccordion.static";
 
 const CLASS_ROOT = "feature-accordion";

package/src/components/FeatureAccordion/FeatureAccordionItem.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import React from "react";
 import cx from "classnames";
+import React from "react";
 import { AccordionItem, AccordionItemProps } from "../Accordion/AccordionItem";
 
 const CLASS_ROOT = "feature-accordion__item";
@@ -41,4 +41,5 @@ const FeatureAccordionItem: React.FC<FeatureAccordionItemProps> = ({
 };
 
 FeatureAccordionItem.displayName = "FeatureAccordionItem";
+
 export { FeatureAccordionItem };

package/src/components/FeatureAccordion/tests/FeatureAccordion.conformance.test.jsx

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 import { FeatureAccordion } from "../FeatureAccordion";
 import { FeatureAccordionItem } from "../FeatureAccordionItem";
 

package/src/components/FeatureAccordion/tests/FeatureAccordion.unit.test.jsx

@@ -1,8 +1,7 @@
-import React from "react";
-import { render, fireEvent, screen } from "@testing-library/react";
+import { fireEvent, render, screen } from "@testing-library/react";
 import { FeatureAccordion } from "../FeatureAccordion";
-import { FeatureAccordionItem } from "../FeatureAccordionItem";
 import FeatureAccordionStatic from "../FeatureAccordion.static";
+import { FeatureAccordionItem } from "../FeatureAccordionItem";
 
 // Helper function to initialize feature accordion static behavior
 const initializeFeatureAccordion = (container) => {

package/src/components/Footer/Footer.tsx

@@ -1,7 +1,6 @@
-import React from "react";
 import cx from "classnames";
-
-import footerData, { apps, socials } from "./data";
+import React from "react";
+import { SocialButton } from "../SocialButton";
 import {
   CLASS_ACCORDION_ICON,
   CLASS_ACCORDION_TOGGLE,
@@ -15,8 +14,8 @@ import {
   CLASS_LIST_BREAK_SM_DOWN,
   CLASS_LIST_INLINE,
   CLASS_LIST_ITEM_LEAD,
-  CLASS_LIST_STACK_SM_DOWN,
   CLASS_LIST_SPACE_SMALL,
+  CLASS_LIST_STACK_SM_DOWN,
   CLASS_LOGO,
   CLASS_MB_LARGE,
   CLASS_MENU,
@@ -24,7 +23,7 @@ import {
   CLASS_ROOT,
   CLASS_TITLE,
 } from "./constants";
-import { SocialButton } from "../SocialButton";
+import footerData, { apps, socials } from "./data";
 import { PlanObnovyImage } from "./PlanObnovy";
 
 interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {

package/src/components/Footer/static.ts

@@ -1,8 +1,8 @@
-import Footer from "./Footer.static";
 import moduleFactory, {
-  initModulesWithin,
   destroyModulesWithin,
+  initModulesWithin,
 } from "../../scripts/lib/moduleFactory";
+import Footer from "./Footer.static";
 import "./styles/style.scss";
 
 export const customFooterModuleSelectorPairs = [

package/src/components/Footer/tests/Footer.unit.test.jsx

@@ -1,6 +1,6 @@
 import { render } from "@testing-library/react";
-import { Footer } from "../Footer";
 import footerData from "../data";
+import { Footer } from "../Footer";
 
 describe("Footer", () => {
   it("renders without crashing", () => {

package/src/components/Forms/Autocomplete/Autocomplete.tsx

@@ -1,11 +1,11 @@
 "use client";
 
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 import { useStatic } from "../../../utils/hooks";
-import AutocompleteStatic from "./Autocomplete.static";
 import { Select } from "../Select";
+import AutocompleteStatic from "./Autocomplete.static";
 
 const CLASS_ROOT = "autocomplete";
 

package/src/components/Forms/Checkbox/Checkbox.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 const CLASS_ROOT = "checkbox";
 

package/src/components/Forms/DatePicker/DatePicker.tsx

@@ -1,9 +1,8 @@
 "use client";
 
 import React from "react";
-
-import DatePickerStatic from "./DatePicker.static";
 import { useStatic } from "../../../utils/hooks";
+import DatePickerStatic from "./DatePicker.static";
 
 // Type definitions for daypickr config
 interface DayPickrWeekday {

package/src/components/Forms/Field/Control.tsx

@@ -1,26 +1,26 @@
 "use client";
 
-import React from "react";
 import cx from "classnames";
 import dynamic from "next/dynamic";
+import React from "react";
 
 // Importing Autocomplete dynamically to avoid server-side rendering issues
 const Autocomplete = dynamic(() =>
   import("../Autocomplete").then((mod) => ({ default: mod.Autocomplete })),
 );
 
-import { Checkbox } from "../Checkbox";
 import ConditionalWrapper from "../../../utils/ConditionalWrapper";
+import { Checkbox } from "../Checkbox";
 import { DatePicker } from "../DatePicker";
 import { FieldsetContext } from "../Fieldset/FieldsetContext";
 import { File } from "../File";
 import { Group } from "../Group";
+import { InputStepper } from "../InputStepper";
 import { Radio } from "../Radio";
 import { RangeSlider } from "../RangeSlider";
 import { Select } from "../Select";
 import { TextArea } from "../TextArea";
 import { TextInput } from "../TextInput";
-import { InputStepper } from "../InputStepper";
 import { FieldContext } from "./FieldContext";
 import { getDescribedBy } from "./utils";
 

package/src/components/Forms/Field/Description.tsx

@@ -2,9 +2,9 @@
 
 import React from "react";
 import { Hint } from "../Hint";
+import { FieldContext } from "./FieldContext";
 import { FieldLabel } from "./Label";
 import { FormTooltip } from "./Tooltip";
-import { FieldContext } from "./FieldContext";
 
 const CLASS_ROOT = "form-field__description";
 

package/src/components/Forms/Field/Field.tsx

@@ -1,14 +1,14 @@
 "use client";
 
-import React from "react";
 import cx from "classnames";
+import React from "react";
 import { Bar, BarBreak, BarItem } from "../../Bar";
-import { FieldLabel } from "./Label";
-import { FormTooltip } from "./Tooltip";
-import { Messages } from "./Messages";
 import { Control } from "./Control";
 import { Description } from "./Description";
 import { FieldContext, FieldContextType } from "./FieldContext";
+import { FieldLabel } from "./Label";
+import { Messages } from "./Messages";
+import { FormTooltip } from "./Tooltip";
 import { getControlId } from "./utils";
 
 export interface InputFieldProps {

package/src/components/Forms/Field/Label.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 import { Label } from "../Label";
 import { FieldContext, FieldContextType } from "./FieldContext";

package/src/components/Forms/Field/Messages.tsx

@@ -1,10 +1,10 @@
 "use client";
 
 import React from "react";
-import { Message } from "../Message";
 import { FieldsetContext } from "../Fieldset/FieldsetContext";
-import { FieldContext } from "./FieldContext";
+import { Message } from "../Message";
 import type { MessageType as MessageTypeEnum } from "../Message/Message";
+import { FieldContext } from "./FieldContext";
 
 export interface MessageType {
   isMain: boolean;

package/src/components/Forms/Field/tests/Autocomplete.Field.conformance.test.jsx

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
 import { Field } from "../";
 

package/src/components/Forms/Field/tests/Checkbox.Field.conformance.test.jsx

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
 import { Field } from "../";
 

package/src/components/Forms/Field/tests/File.Field.conformance.test.jsx

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
 import { Field } from "..";
 

package/src/components/Forms/Field/tests/Group.Field.conformance.test.jsx

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
 import { Button } from "../../../Button";
 import { Field } from "..";

package/src/components/Forms/Field/tests/Radio.Field.conformance.test.jsx

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
 import { Field } from "../";
 

package/src/components/Forms/Field/tests/Rangeslider.Field.test.jsx

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
 import { Field } from "../";
 

package/src/components/Forms/Field/tests/Select.Field.conformance.test.jsx

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
 import { Field } from "../";
 

package/src/components/Forms/Field/tests/Text.Field.conformance.test.jsx

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
 import { Field } from "../";
 

package/src/components/Forms/Field/tests/Textarea.Field.conformance.test.jsx

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
 import { Field } from "../";
 

package/src/components/Forms/Field/tests/Tooltip.unit.test.jsx

@@ -1,7 +1,6 @@
 import { render } from "@testing-library/react";
-
-import { FormTooltip } from "../Tooltip";
 import Base from "../../../Tooltip/tests/BaseWrapper";
+import { FormTooltip } from "../Tooltip";
 
 //id is required
 describe("rendering Tooltip", () => {

package/src/components/Forms/Fieldset/Fieldset.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import React, { ReactNode } from "react";
 import cx from "classnames";
+import React, { ReactNode } from "react";
 
 import { Messages } from "../Field/Messages";
 

package/src/components/Forms/File/File.tsx

@@ -1,20 +1,17 @@
 "use client";
 
-import React, { FC } from "react";
 import cx from "classnames";
-
-import FileStatic from "./File.static";
+import React, { FC } from "react";
 import { useHydrationSafeId, useStatic } from "../../../utils/hooks";
+import FileStatic from "./File.static";
 
 const CLASS_ROOT = "file-input";
 
 export type FileSize = "default" | "large";
 
 // Omit native 'size' prop to avoid conflict
-export interface FileProps extends Omit<
-  React.InputHTMLAttributes<HTMLInputElement>,
-  "size"
-> {
+export interface FileProps
+  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
   /** Html id attribute. Generated automatically if omitted. */
   id?: string;
   /** Disabled state. */

package/src/components/Forms/Group/Group.tsx

@@ -1,8 +1,7 @@
-import React, { ReactNode, HTMLAttributes } from "react";
 import cx from "classnames";
-
-import { TextInput } from "../TextInput/TextInput";
+import React, { HTMLAttributes, ReactNode } from "react";
 import { Select } from "../Select/Select";
+import { TextInput } from "../TextInput/TextInput";
 
 import { Item } from "./Item";
 

package/src/components/Forms/Group/Item.tsx

@@ -1,5 +1,5 @@
-import React, { ReactNode, HTMLAttributes } from "react";
 import cx from "classnames";
+import React, { HTMLAttributes, ReactNode } from "react";
 
 const CLASS_ROOT = "control-group__item";
 

package/src/components/Forms/Hint/Hint.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 const CLASS_ROOT = "hint";
 

package/src/components/Forms/InputStepper/InputStepper.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 import { useStatic } from "../../../utils/hooks";
 import { TextInput } from "../TextInput/TextInput";

package/src/components/Forms/Label/Label.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 const CLASS_ROOT = "label";