chore: update quill-icons package

libs/blocks/src/lib/accordion/accordion.spec.tsx

@@ -1,7 +1,7 @@
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import AccordionBlock from '.';
-import { StandaloneAndroidIcon } from '@deriv/quill-icons';
+import { StandaloneAndroidIcon } from '@deriv/quill-icons/Standalone';
 
 const childTitle = 'This is the title';
 const subTitle = 'Subtitle goes here';

libs/blocks/src/lib/accordion/accordion.stories.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import AccordionBlock from '.';
-import { StandaloneAndroidIcon } from '@deriv/quill-icons';
+import { StandaloneAndroidIcon } from '@deriv/quill-icons/Standalone';
 
 const meta = {
   title: 'Blocks/Accordion',

libs/blocks/src/lib/fast-payment/base/base.spec.tsx

@@ -4,7 +4,7 @@ import {
   FlagAndorraIcon,
   FlagAustraliaIcon,
   FlagBurkinaFasoIcon,
-} from '@deriv/quill-icons';
+} from '@deriv/quill-icons/Flags';
 import Base from './index';
 
 describe('FastPayment', () => {

libs/blocks/src/lib/features/card-feature/card-feature.spec.tsx

@@ -7,7 +7,7 @@ import {
   IllustrativeProtectedAndSecureIcon,
   IllustrativeSpreadsIcon,
   IllustrativeSupport247Icon,
-} from '@deriv/quill-icons';
+} from '@deriv/quill-icons/Illustrative';
 import { CardContent } from '@deriv-com/components';
 
 const cards: CardContent[] = [

libs/blocks/src/lib/features/card-feature/card-feature.stories.tsx

@@ -6,7 +6,7 @@ import {
   IllustrativeProtectedAndSecureIcon,
   IllustrativeSpreadsIcon,
   IllustrativeSupport247Icon,
-} from '@deriv/quill-icons';
+} from '@deriv/quill-icons/Illustrative';
 
 const meta = {
   title: 'Blocks/Features/Card',

libs/blocks/src/lib/features/content-slider/content-slider.stories.tsx

@@ -7,7 +7,7 @@ import {
   IllustrativeProtectedAndSecureIcon,
   IllustrativeSpreadsIcon,
   IllustrativeSupport247Icon,
-} from '@deriv/quill-icons';
+} from '@deriv/quill-icons/Illustrative';
 
 const meta = {
   title: 'Blocks/Features/ContentSlider',

libs/blocks/src/lib/footer/footer-block.tsx

@@ -1,5 +1,5 @@
 import { FluidContainer, Section, Text } from '@deriv/quill-design';
-import { BrandDerivWordmarkSlateIcon } from '@deriv/quill-icons';
+import { BrandDerivWordmarkSlateIcon } from '@deriv/quill-icons/Logo';
 import clsx from 'clsx';
 import { ReactNode } from 'react';
 import { SocialMediaSection } from './footer.social';

libs/blocks/src/lib/footer/footer.stories.tsx

@@ -3,7 +3,7 @@ import {
   StandaloneAppleIcon,
   StandaloneFacebookIcon,
   StandaloneInstagramIcon,
-} from '@deriv/quill-icons';
+} from '@deriv/quill-icons/Standalone';
 import Footer from '.';
 
 const meta = {

libs/blocks/src/lib/live-market/index.tsx

@@ -5,7 +5,7 @@ import {
   CustomLink,
 } from '@deriv-com/components';
 import { FluidContainer, Section, Text, qtMerge } from '@deriv/quill-design';
-import { StandaloneChevronRightRegularIcon } from '@deriv/quill-icons';
+import { StandaloneChevronRightRegularIcon } from '@deriv/quill-icons/Standalone';
 import clsx from 'clsx';
 import { ReactNode } from 'react';
 import { HeaderSection } from './header-section';

libs/components/src/lib/card-slider/index.tsx

@@ -1,10 +1,10 @@
 import clsx from 'clsx';
 import { Swiper, SwiperSlide } from 'swiper/react';
-import { Pagination, SwiperOptions } from 'swiper';
 import 'swiper/css';
 import 'swiper/css/pagination';
 import { qtMerge } from '@deriv/quill-design';
 import Card, { CardVariants } from '../card';
+import { SwiperOptions } from 'swiper/types';
 
 type CardVariantType = keyof CardVariants;
 
@@ -46,7 +46,6 @@ export const CardSlider = <T extends CardVariantType>({
     <div className="flex w-full justify-center">
       <Swiper
         className={qtMerge(className)}
-        modules={[Pagination]}
         slidesPerView={slidesPerView}
         spaceBetween={spaceBetween}
         breakpoints={breakpoints}

libs/templates/src/lib/home/sections/hero/data.tsx

@@ -1,5 +1,7 @@
 import { OptimizedImage } from '@deriv-com/components';
 import { Swiper, SwiperSlide } from 'swiper/react';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
 import { Autoplay, EffectFade } from 'swiper';
 import { ReactNode } from 'react';
 import { Button, FluidContainer, Text } from '@deriv/quill-design';

package.json

@@ -20,13 +20,13 @@
   },
   "private": true,
   "dependencies": {
-    "@deriv/quill-design": "^1.0.21",
-    "@deriv/quill-icons": "^1.0.6",
+    "@deriv/quill-design": "^1.0.31",
+    "@deriv/quill-icons": "^1.0.9",
     "@nx/next": "16.8.1",
     "@react-hook/window-size": "^3.1.1",
     "@swc/helpers": "~0.5.0",
-    "closest-match": "^1.3.3",
     "@tanstack/react-table": "^8.10.7",
+    "closest-match": "^1.3.3",
     "clsx": "^2.0.0",
     "next": "13.4.19",
     "next-image-export-optimizer": "^1.8.5",

tsconfig.base.json

@@ -4,47 +4,27 @@
     "rootDir": ".",
     "sourceMap": true,
     "declaration": false,
-    "moduleResolution": "node",
+    "moduleResolution": "Bundler",
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "importHelpers": true,
     "target": "es2015",
     "module": "esnext",
     "resolveJsonModule": true,
-    "lib": [
-      "es2020",
-      "dom"
-    ],
+    "lib": ["es2020", "dom"],
     "skipLibCheck": true,
     "skipDefaultLibCheck": true,
     "strictNullChecks": true,
     "baseUrl": ".",
     "paths": {
-      "@deriv-com/blocks": [
-        "libs/blocks/src/index.ts"
-      ],
-      "@deriv-com/components": [
-        "libs/components/src/index.ts"
-      ],
-      "@deriv-com/features": [
-        "libs/features/src/index.ts"
-      ],
-      "@deriv-com/hooks": [
-        "libs/hooks/src/index.ts"
-      ],
-      "@deriv-com/providers": [
-        "libs/providers/src/index.ts"
-      ],
-      "@deriv-com/templates": [
-        "libs/templates/src/index.ts"
-      ],
-      "@deriv-com/utils": [
-        "libs/utils/src/index.ts"
-      ]
+      "@deriv-com/blocks": ["libs/blocks/src/index.ts"],
+      "@deriv-com/components": ["libs/components/src/index.ts"],
+      "@deriv-com/features": ["libs/features/src/index.ts"],
+      "@deriv-com/hooks": ["libs/hooks/src/index.ts"],
+      "@deriv-com/providers": ["libs/providers/src/index.ts"],
+      "@deriv-com/templates": ["libs/templates/src/index.ts"],
+      "@deriv-com/utils": ["libs/utils/src/index.ts"]
     }
   },
-  "exclude": [
-    "node_modules",
-    "tmp"
-  ]
+  "exclude": ["node_modules", "tmp"]
 }