@orangesk/orange-design-system 2.0.0-beta.36 → 2.0.0-beta.38

package/src/components/Button/IconButton.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 import { Icon } from "../Icon";
 import { Button, ButtonSize } from "./Button";
@@ -54,9 +54,13 @@ const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(
 
     return (
       <Button ref={ref} size={size} {...other}>
-        {iconPosition === "left" && <IconComponent className="btn__icon-left" />}
+        {iconPosition === "left" && (
+          <IconComponent className="btn__icon-left" />
+        )}
         {children}
-        {iconPosition === "right" && <IconComponent className="btn__icon-right" />}
+        {iconPosition === "right" && (
+          <IconComponent className="btn__icon-right" />
+        )}
       </Button>
     );
   },

package/src/components/Button/index.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 import { Button, ButtonProps } from "./Button";
 import { IconButton } from "./IconButton";
 
@@ -18,4 +16,4 @@ export const ButtonGhost = (props: ButtonProps) => (
 );
 ButtonGhost.displayName = "ButtonGhost";
 
-export { IconButton, Button };
+export { Button, IconButton };

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

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

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

@@ -2,7 +2,6 @@
  * @vitest-environment jsdom
  */
 
-import React from "react";
 import { render } from "@testing-library/react";
 
 import { Button } from "../";

package/src/components/Button/tests/IconButton.unit.test.jsx

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

package/src/components/Buttons/tests/Buttons.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 { Buttons } from "../";

package/src/components/Card/Card.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 export const cardColors = [
   "background-primary",

package/src/components/Card/CardProductHeader.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 interface CardProductHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
   image?: React.ReactNode;

package/src/components/Card/CardSection.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import cx from "classnames";
+import React from "react";
 import { cardColors } from "./Card";
 
 export type CardSectionColor = (typeof cardColors)[number];

package/src/components/Card/index.ts

@@ -1,4 +1,4 @@
-export { Card } from "./Card";
 export type { CardColor } from "./Card";
-export { CardSection } from "./CardSection";
+export { Card } from "./Card";
 export { CardProductHeader } from "./CardProductHeader";
+export { CardSection } from "./CardSection";

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

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

package/src/components/Card/tests/CardProductHeader.unit.test.jsx

@@ -42,7 +42,7 @@ describe("rendering CardProductHeader", () => {
       "card__product-header--space-small",
     );
   });
-  
+
   it("does not have card__product-header--space-small class when space is not set", () => {
     const { getByTestId } = render(<CardProductHeader data-testid="test-id" />);
     expect(getByTestId("test-id")).not.toHaveClass(

package/src/components/Carousel/Carousel.static.ts

@@ -1,34 +1,34 @@
 import { Swiper } from "swiper";
-import type { SwiperOptions } from "swiper/types";
 import {
-  Navigation,
-  Pagination,
-  Scrollbar,
   A11y,
   Keyboard,
   Mousewheel,
+  Navigation,
+  Pagination,
+  Scrollbar,
 } from "swiper/modules";
+import type { SwiperOptions } from "swiper/types";
 
 import Tooltip from "../Tooltip/Tooltip.static";
 
 import {
-  SELECTOR_PREV,
-  SELECTOR_NEXT,
-  SELECTOR_DOTS,
-  SELECTOR_VIEWPORT,
-  SELECTOR_TRACK,
+  CLASS_ACTIVE,
+  CLASS_BLEED_RIGHT,
+  CLASS_DOT,
   CLASS_SCROLLBAR_DRAG,
-  SELECTOR_SCROLLBAR,
   CLASS_SCROLLBAR_HORIZONTAL,
-  CLASS_TRACK,
   CLASS_SLIDE,
-  CLASS_DOT,
-  CLASS_ACTIVE,
-  SELECTOR_ACTIVE,
   CLASS_SLIDE_NEXT,
   CLASS_SLIDE_PREV,
-  CLASS_BLEED_RIGHT,
+  CLASS_TRACK,
   CLASS_VIEWPORT_WRAPPER,
+  SELECTOR_ACTIVE,
+  SELECTOR_DOTS,
+  SELECTOR_NEXT,
+  SELECTOR_PREV,
+  SELECTOR_SCROLLBAR,
+  SELECTOR_TRACK,
+  SELECTOR_VIEWPORT,
 } from "./constants";
 
 export const defaultConfig: SwiperOptions = {

package/src/components/Carousel/Carousel.tsx

@@ -1,24 +1,22 @@
 "use client";
 
-import React, { ReactNode, HTMLAttributes } from "react";
 import cx from "classnames";
-
+import React, { HTMLAttributes, ReactNode } from "react";
+import { useStatic } from "@/utils/hooks";
 import { Icon } from "../Icon";
-
-import { CarouselItem } from "./CarouselItem";
 import CarouselStatic from "./Carousel.static";
+import { CarouselItem } from "./CarouselItem";
 import {
-  CLASS_ROOT,
-  CLASS_VIEWPORT_WRAPPER,
-  CLASS_VIEWPORT,
+  CLASS_DOTS,
   CLASS_NEXT,
   CLASS_PREV,
-  CLASS_DOTS,
-  CLASS_TRACK,
-  CLASS_SCROLLBAR_DRAG,
+  CLASS_ROOT,
   CLASS_SCROLLBAR,
+  CLASS_SCROLLBAR_DRAG,
+  CLASS_TRACK,
+  CLASS_VIEWPORT,
+  CLASS_VIEWPORT_WRAPPER,
 } from "./constants";
-import { useStatic } from "@/utils/hooks";
 
 interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
   /** Swiper.js (https://swiperjs.com/) options object */

package/src/components/Carousel/CarouselItem.tsx

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

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

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
 import { Carousel } from "..";
 
@@ -8,9 +8,7 @@ const example = (
     <Carousel
       items={Array(5)
         .fill()
-        .map((_, index) => (
-          <div key={index.toString()}>slide {index}</div>
-        ))}
+        .map((_, index) => <div key={index.toString()}>slide {index}</div>)}
     />
   </>
 );

package/src/components/CarouselHero/CarouselHero.static.ts

@@ -1,29 +1,29 @@
-import type { SwiperOptions } from "swiper/types";
+import { Swiper } from "swiper";
 import {
-  Navigation,
-  Pagination,
   A11y,
-  Keyboard,
   Autoplay,
+  Keyboard,
+  Navigation,
+  Pagination,
 } from "swiper/modules";
-import { Swiper } from "swiper";
+import type { SwiperOptions } from "swiper/types";
 
 import {
-  CLASS_SLIDE,
-  CLASS_TRACK,
   CLASS_ACTIVE,
-  CLASS_PLAYING,
+  CLASS_PAGINATION_CIRCLE,
+  CLASS_PAGINATION_ITEM,
+  CLASS_PAGINATION_SVG,
   CLASS_PAUSED,
-  SELECTOR_VIEWPORT,
-  SELECTOR_PREV,
+  CLASS_PLAYING,
+  CLASS_SLIDE,
+  CLASS_TRACK,
   SELECTOR_NEXT,
+  SELECTOR_PAGINATION,
   SELECTOR_PLAY_PAUSE,
-  SELECTOR_TABS,
+  SELECTOR_PREV,
   SELECTOR_TAB,
-  SELECTOR_PAGINATION,
-  CLASS_PAGINATION_ITEM,
-  CLASS_PAGINATION_SVG,
-  CLASS_PAGINATION_CIRCLE,
+  SELECTOR_TABS,
+  SELECTOR_VIEWPORT,
 } from "./constants";
 
 export const defaultConfig: SwiperOptions = {

package/src/components/CarouselHero/CarouselHero.tsx

@@ -1,26 +1,25 @@
 "use client";
 
-import React, { ReactNode } from "react";
 import cx from "classnames";
-
-import { Controls } from "../Controls";
+import React, { ReactNode } from "react";
+import { useStatic } from "@/utils/hooks";
 import { Container } from "../Container";
-import { CarouselHeroItem } from "./CarouselHeroItem";
+import { Controls } from "../Controls";
 import CarouselHeroStatic from "./CarouselHero.static";
+import { CarouselHeroItem } from "./CarouselHeroItem";
 import {
-  CLASS_ROOT,
-  CLASS_VIEWPORT_WRAPPER,
-  CLASS_VIEWPORT,
-  CLASS_PREV,
+  CLASS_NAVIGATION,
   CLASS_NEXT,
+  CLASS_PAGINATION,
   CLASS_PLAY_PAUSE,
-  CLASS_TABS,
+  CLASS_PREV,
+  CLASS_ROOT,
   CLASS_TAB,
-  CLASS_PAGINATION,
+  CLASS_TABS,
   CLASS_TRACK,
-  CLASS_NAVIGATION,
+  CLASS_VIEWPORT,
+  CLASS_VIEWPORT_WRAPPER,
 } from "./constants";
-import { useStatic } from "@/utils/hooks";
 
 interface TabItem {
   label: string;
@@ -135,5 +134,5 @@ const CarouselHero: React.FC<CarouselHeroProps> = ({
 
 CarouselHero.displayName = "CarouselHero";
 
-export { CarouselHero, CarouselHeroItem };
 export type { CarouselHeroProps, TabItem };
+export { CarouselHero, CarouselHeroItem };

package/src/components/CarouselHero/CarouselHeroItem.tsx

@@ -1,13 +1,13 @@
-import React, { ReactNode, HTMLAttributes } from "react";
 import cx from "classnames";
+import React, { HTMLAttributes, ReactNode } from "react";
 import { Image } from "@/components/Image";
+import { Container } from "../Container";
 import {
   CLASS_SLIDE,
   CLASS_SLIDE_CONTAINER,
   CLASS_SLIDE_CONTENT,
   CLASS_SLIDE_IMAGE,
 } from "./constants";
-import { Container } from "../Container";
 
 const CLASS_ROOT = CLASS_SLIDE;
 

package/src/components/CarouselHero/index.ts

@@ -1,2 +1,2 @@
-export { CarouselHero, CarouselHeroItem } from "./CarouselHero";
 export type { CarouselHeroProps, TabItem } from "./CarouselHero";
+export { CarouselHero, CarouselHeroItem } from "./CarouselHero";

package/src/components/CarouselHero/tests/CarouselHeroItem.conformance.test.jsx

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

package/src/components/CarouselPromotions/CarouselPromotions.static.ts

@@ -1,24 +1,24 @@
 import { Swiper } from "swiper";
-import type { SwiperOptions } from "swiper/types";
 import {
-  Navigation,
-  Pagination,
   A11y,
-  Keyboard,
   Autoplay,
+  Keyboard,
+  Navigation,
+  Pagination,
 } from "swiper/modules";
+import type { SwiperOptions } from "swiper/types";
 
 import {
-  SELECTOR_DOTS,
-  SELECTOR_VIEWPORT,
+  CLASS_ACTIVE,
+  CLASS_AUTOPLAY,
+  CLASS_DOT,
   CLASS_DOT_CIRCLE,
   CLASS_DOT_SVG,
-  CLASS_AUTOPLAY,
   CLASS_SHOWING_INVERTED_SLIDE,
-  CLASS_TRACK,
   CLASS_SLIDE,
-  CLASS_DOT,
-  CLASS_ACTIVE,
+  CLASS_TRACK,
+  SELECTOR_DOTS,
+  SELECTOR_VIEWPORT,
 } from "./constants";
 
 export const defaultConfig: SwiperOptions = {

package/src/components/CarouselPromotions/CarouselPromotions.tsx

@@ -1,18 +1,17 @@
 "use client";
 
-import React, { ReactNode } from "react";
 import cx from "classnames";
-
+import React, { ReactNode } from "react";
+import { useStatic } from "@/utils/hooks";
 import CarouselPromotionsStatic from "./CarouselPromotions.static";
 import {
-  CLASS_ROOT,
-  CLASS_VIEWPORT_WRAPPER,
-  CLASS_VIEWPORT,
-  CLASS_NEXT,
   CLASS_DOTS,
+  CLASS_NEXT,
+  CLASS_ROOT,
   CLASS_TRACK,
+  CLASS_VIEWPORT,
+  CLASS_VIEWPORT_WRAPPER,
 } from "./constants";
-import { useStatic } from "@/utils/hooks";
 
 interface CarouselPromotionsProps {
   className?: string;

package/src/components/CarouselPromotions/CarouselPromotionsItem.tsx

@@ -1,11 +1,11 @@
-import React, { ReactElement } from "react";
 import cx from "classnames";
+import React, { ReactElement } from "react";
 
 import {
-  CLASS_SLIDE,
-  CLASS_TITLE,
   CLASS_IMAGE,
+  CLASS_SLIDE,
   CLASS_SLIDE_CONTENT,
+  CLASS_TITLE,
 } from "./constants";
 
 const CLASS_ROOT = CLASS_SLIDE;

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

@@ -1,9 +1,7 @@
 import { render } from "@testing-library/react";
 import { axe } from "vitest-axe";
-
-import { CarouselPromotions } from "..";
-import { CarouselPromotionsItem } from "..";
 import { Image } from "../../Image";
+import { CarouselPromotions, CarouselPromotionsItem } from "..";
 
 const example = (
   <>

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

@@ -1,8 +1,7 @@
 import { render } from "@testing-library/react";
-
+import { Image } from "../../Image";
 import { CarouselPromotions } from "../CarouselPromotions";
 import { CarouselPromotionsItem } from "../CarouselPromotionsItem";
-import { Image } from "../../Image";
 
 describe("rendering CarouselPromotions", () => {
   describe("initial state", () => {

package/src/components/CartTable/CartTable.tsx

@@ -1,15 +1,14 @@
 "use client";
 
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 import { capitalize } from "../../utils";
 import { Table } from "../Table";
-
-import generateRow from "./generateRow";
+import type { Footer, Labels } from "./generateFooter";
 import generateFooter from "./generateFooter";
+import generateRow from "./generateRow";
 import type { Item } from "./generateTotal";
-import type { Footer, Labels } from "./generateFooter";
 
 const CLASS_ROOT = "cart-table";
 

package/src/components/CartTable/FooterPriceColumn.tsx

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

package/src/components/CartTable/Price.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Bar, BarItem } from "../Bar";
 import { formatPrice } from "../../utils/helpers";
+import { Bar, BarItem } from "../Bar";
 
 export interface PriceProps {
   price?: number;

package/src/components/CartTable/data.ts

@@ -144,4 +144,4 @@ export const generateTotal: Item[] = [
 ];
 
 export default items;
-export { optionalItem, deviceItem, internetItems, router, largeItems };
+export { deviceItem, internetItems, largeItems, optionalItem, router };

package/src/components/CartTable/generateFooter.tsx

@@ -4,8 +4,8 @@ import React from "react";
 
 import NameColumn from "./FooterNameColumn";
 import PriceColumn from "./FooterPriceColumn";
+import type { FormattedPeriod, Item } from "./generateTotal";
 import generateTotal from "./generateTotal";
-import type { Item, FormattedPeriod } from "./generateTotal";
 
 export interface Footer {
   name?: string;

package/src/components/CartTable/generateRow.tsx

@@ -1,16 +1,14 @@
-import React from "react";
 import cx from "classnames";
-
-import { Bar, BarItem } from "../Bar";
-import { Image } from "../Image";
-import { InfoTooltip } from "../Tooltip/InfoTooltip";
+import React from "react";
 import ConditionalWrapper from "../../utils/ConditionalWrapper";
-import { Icon } from "../Icon";
+import { Bar, BarItem } from "../Bar";
 import { IconButton } from "../Button";
+import { Icon } from "../Icon";
+import { Image } from "../Image";
 import { Tag } from "../Tag";
-
-import Price from "./Price";
+import { InfoTooltip } from "../Tooltip/InfoTooltip";
 import type { Item } from "./generateTotal";
+import Price from "./Price";
 
 export interface Labels {
   [key: string]: string;