@orangesk/orange-design-system 2.0.0-beta.8 → 2.0.0

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@orangesk/orange-design-system",
-  "version": "2.0.0-beta.8",
+  "version": "2.0.0",
   "private": false,
   "engines": {
-    "node": ">=18.x"
+    "node": ">=20.x"
   },
   "files": [
     "build/",
@@ -13,20 +13,41 @@
     "src/assets/"
   ],
   "main": "build/components/index.js",
+  "types": "build/components/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/components/types/index.d.ts",
+      "default": "./build/components/index.js"
+    },
+    "./build/*": "./build/*",
+    "./src/*": "./src/*",
+    "./public/*": "./public/*"
+  },
   "scripts": {
-    "dev": "npm run build:scss-exports && next dev",
-    "build": "npm run build:scss-exports && next build && npm run sprite",
-    "build:bundle": "npm run build:scss-exports && npx rollup -c && npm run build:megamenu && npm run build:footer",
-    "build:megamenu": "npm run build:scss-exports && npx rollup -c rollup.megamenu.config.mjs",
-    "dev:megamenu": "npm run build:scss-exports && npx rollup -c rollup.megamenu.config.mjs --watch",
-    "build:footer": "npm run build:scss-exports && npx rollup -c rollup.footer.config.mjs",
-    "dev:footer": "npm run build:scss-exports && npx rollup -c rollup.footer.config.mjs --watch",
+    "dev": "npm run build:scss-exports && npm run build:search-index && next dev",
+    "build": "npm run build:scss-exports && npm run build:search-index && next build && npm run sprite",
+    "build:bundle": "npm run build:scss-exports && pnpm exec rollup -c && npm run build:megamenu && npm run build:footer",
+    "build:megamenu": "npm run build:scss-exports && pnpm exec rollup -c rollup.megamenu.config.mjs",
+    "dev:megamenu": "npm run build:scss-exports && pnpm exec rollup -c rollup.megamenu.config.mjs --watch",
+    "build:footer": "npm run build:scss-exports && pnpm exec rollup -c rollup.footer.config.mjs",
+    "dev:footer": "npm run build:scss-exports && pnpm exec rollup -c rollup.footer.config.mjs --watch",
     "build:scss-exports": "node scripts/build-scss-exports.js",
+    "build:search-index": "node scripts/mdx-search-index.js",
     "start": "next start",
-    "lint": "next lint",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
+    "lint": "biome lint .",
+    "lint:fix": "biome lint --write .",
+    "lint:fix:unsafe": "biome lint --write --unsafe .",
+    "check": "biome check .",
+    "check:fix": "biome check --write .",
+    "imports:fix": "biome check --write --only=assist/source/organizeImports .",
+    "format": "biome format --write . && prettier --write '**/*.{mdx,scss}'",
+    "format:biome": "biome format --write .",
+    "format:prettier": "prettier --write '**/*.{mdx,scss}'",
+    "test": "vitest",
+    "test:visual:docker": "docker run --rm --init --ipc=host -e CI=1 -v \"$PWD\":/work -w /work mcr.microsoft.com/playwright:v1.58.2-noble bash -lc \"corepack enable && pnpm install --frozen-lockfile --ignore-scripts && pnpm run test:visual\"",
+    "test:visual:docker:update": "docker run --rm --init --ipc=host -e CI=1 -v \"$PWD\":/work -w /work mcr.microsoft.com/playwright:v1.58.2-noble bash -lc \"corepack enable && pnpm install --frozen-lockfile --ignore-scripts && pnpm run test:visual:update\"",
+    "test:ui": "vitest --ui",
+    "coverage": "vitest run --coverage",
     "prepare": "husky",
     "sprite": "svg-sprite --symbol --symbol-dest public --symbol-sprite sprite.svg src/assets/icons/*.svg"
   },
@@ -34,78 +55,87 @@
     "@cloudfour/transition-hidden-element": "^2.0.2",
     "@mdx-js/loader": "^3.1.1",
     "@mdx-js/react": "^3.1.1",
-    "@next/mdx": "^15.5.4",
-    "@orangesk/accessible-autocomplete": "^3.1.2",
+    "@next/mdx": "16.2.6",
+    "@orangesk/accessible-autocomplete": "3.2.2",
     "@popperjs/core": "^2.11.8",
     "@types/mdx": "^2.0.13",
-    "a11y-dialog": "^8.1.4",
+    "a11y-dialog": "^8.1.5",
     "classnames": "^2.5.1",
     "daypickr": "^0.3.4",
-    "diff2html": "^3.4.52",
-    "dompurify": "^3.2.7",
-    "html-react-parser": "^5.2.6",
-    "jest-environment-jsdom": "^30.2.0",
-    "lorem-ipsum": "^2.0.8",
-    "next": "15.5.4",
+    "diff2html": "^3.4.56",
+    "dompurify": "^3.4.7",
+    "html-react-parser": "6.1.2",
+    "lorem-ipsum": "3.0.0",
+    "minisearch": "7.2.0",
+    "next": "16.2.6",
     "normalize.css": "^8.0.1",
     "nouislider": "^15.8.1",
-    "pretty": "^2.0.0",
     "prism-react-renderer": "^2.4.1",
-    "query-string": "^9.3.1",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
+    "query-string": "^9.4.0",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
     "react-element-to-jsx-string": "^17.0.1",
-    "react-is": "^19.1.1",
+    "react-is": "^19.2.6",
+    "rehype-autolink-headings": "^7.1.0",
+    "rehype-slug": "^6.0.0",
     "remark-gemoji": "^8.0.0",
     "remark-gfm": "^4.0.1",
-    "swiper": "^11.2.10",
-    "tabbable": "^6.2.0",
+    "swiper": "12.2.0",
+    "tabbable": "^6.4.0",
     "unescape-html": "^1.1.0",
     "wnumb": "^1.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.4",
-    "@babel/preset-env": "^7.28.3",
-    "@babel/preset-react": "^7.27.1",
-    "@babel/preset-typescript": "^7.27.1",
-    "@eslint/eslintrc": "3.3.1",
-    "@rollup/plugin-alias": "^5.1.1",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.6",
+    "@babel/core": "^7.29.7",
+    "@babel/preset-env": "^7.29.7",
+    "@babel/preset-react": "^7.29.7",
+    "@babel/preset-typescript": "^7.29.7",
+    "@biomejs/biome": "latest",
+    "@rollup/plugin-alias": "6.0.0",
+    "@rollup/plugin-babel": "7.0.0",
+    "@rollup/plugin-commonjs": "29.0.2",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.4",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-terser": "1.0.0",
+    "@rollup/plugin-typescript": "^12.3.0",
     "@rollup/plugin-url": "^8.0.2",
+    "@rollup/rollup-darwin-arm64": "^4.60.4",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.9.0",
-    "@testing-library/react": "^16.3.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^24.6.1",
-    "@types/pretty": "^2.0.3",
-    "@types/react": "19.1.16",
-    "@types/react-dom": "19.1.9",
+    "@types/node": "25.9.1",
+    "@types/react": "19.2.15",
+    "@types/react-dom": "19.2.3",
     "@types/wnumb": "^1.2.3",
-    "babel-jest": "30.2.0",
-    "eslint": "latest",
-    "eslint-config-next": "^15.5.4",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-unused-imports": "^4.2.0",
-    "fs-extra": "^11.3.2",
-    "glob": "^11.0.3",
-    "html-validate": "10.0.0",
+    "@vitejs/plugin-react": "6.0.2",
+    "@vitest/browser": "^4.1.7",
+    "@vitest/browser-playwright": "^4.1.7",
+    "@vitest/coverage-v8": "^4.1.7",
+    "@vitest/ui": "^4.1.7",
+    "canvas": "^3.2.3",
+    "fs-extra": "^11.3.5",
+    "glob": "13.0.6",
+    "html-validate": "11.4.0",
     "husky": "^9.1.7",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "30.2.0",
-    "jest-axe": "10.0.0",
-    "jest-snapshot": "^30.2.0",
-    "lint-staged": "16.2.3",
-    "prettier": "^3.6.2",
+    "jsdom": "29.1.1",
+    "lint-staged": "17.0.5",
+    "playwright": "^1.60.0",
+    "prettier": "^3.8.3",
+    "rollup": "^4.60.4",
     "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-dts": "^6.2.3",
+    "rollup-plugin-dts": "^6.4.1",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.93.2",
+    "sass": "^1.100.0",
     "svg-sprite": "^2.0.4",
-    "typescript": "5.9.3"
+    "typescript": "6.0.3",
+    "vitest": "^4.1.7",
+    "vitest-axe": "^0.1.0",
+    "vitest-browser-react": "^2.2.0"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx,json,css}": "biome check --write --no-errors-on-unmatched",
+    "*.{mdx,scss}": "prettier --write"
   }
 }

package/src/assets/icons/ai.svg

@@ -0,0 +1,6 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path d="M68.6693 40.3833L60.1668 37.9367C52.5826 35.7575 46.6543 30.205 44.321 23.1333L41.7026 15.1908C41.176 13.6017 38.7685 13.6017 38.2418 15.1908L35.6235 23.1333C33.291 30.2192 27.3468 35.7575 19.7776 37.9367L11.2751 40.3833C9.5743 40.875 9.5743 43.125 11.2751 43.6167L19.7776 46.0633C27.3618 48.2425 33.2901 53.795 35.6235 60.8667L38.2418 68.8092C38.7685 70.3983 41.176 70.3983 41.7026 68.8092L44.321 60.8667C46.6535 53.7808 52.5976 48.2425 60.1668 46.0633L68.6693 43.6167C70.3701 43.125 70.3701 40.875 68.6693 40.3833Z" fill="currentColor"/>
+  <path d="M10.2935 23.4067L12.2785 24.0233C14.0526 24.565 15.436 25.9483 15.9776 27.7225L16.5943 29.7075C16.7143 30.0983 17.271 30.0983 17.406 29.7075L18.0226 27.7225C18.5643 25.9483 19.9476 24.565 21.7218 24.0233L23.7068 23.4067C24.0976 23.2867 24.0976 22.73 23.7068 22.595L21.7218 21.9783C19.9476 21.4367 18.5643 20.0533 18.0226 18.2792L17.406 16.2942C17.286 15.9033 16.7293 15.9033 16.5943 16.2942L15.9776 18.2792C15.436 20.0533 14.0526 21.4367 12.2785 21.9783L10.2935 22.595C9.90264 22.7142 9.90264 23.2708 10.2935 23.4067Z" fill="currentColor"/>
+  <path d="M69.5743 18.9442L66.7685 18.1142C64.261 17.3708 62.306 15.4975 61.5293 13.0958L60.6635 10.4075C60.4843 9.86417 59.6935 9.86417 59.5135 10.4075L58.6476 13.0958C57.8718 15.4983 55.9168 17.3708 53.4085 18.1142L50.6026 18.9442C50.0351 19.115 50.0351 19.8742 50.6026 20.045L53.4085 20.875C55.916 21.6183 57.871 23.4917 58.6476 25.8933L59.5135 28.5817C59.6926 29.125 60.4835 29.125 60.6635 28.5817L61.5293 25.8933C62.3051 23.4908 64.2601 21.6183 66.7685 20.875L69.5743 20.045C70.1418 19.8733 70.1418 19.115 69.5743 18.9442Z" fill="currentColor"/>
+</svg>

package/src/assets/icons/discount-price.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path d="M19.2154 18.6031C18.7324 18.6031 18.3358 18.9997 18.3358 19.5173C18.3358 20.0176 18.7324 20.4316 19.2154 20.4316C19.6983 20.4316 20.0949 20.0176 20.0949 19.5173C20.0949 18.9997 19.6983 18.6031 19.2154 18.6031ZM13.6783 12.4277C13.6783 11.9101 13.2643 11.5135 12.7813 11.5135C12.2984 11.5135 11.9018 11.9101 11.9018 12.4277C11.9018 12.928 12.2984 13.342 12.7813 13.342C13.2643 13.342 13.6783 12.928 13.6783 12.4277ZM28.7874 13.8422C29.4953 12.6224 29.0044 11.0578 27.7265 10.4612L26.48 9.87897C25.1911 9.27703 24.2352 8.13481 23.8702 6.75994L23.5169 5.43041C23.155 4.06721 21.7015 3.30829 20.3759 3.78991L19.083 4.25953C17.7462 4.74515 16.2623 4.61349 15.0321 3.89956L13.8422 3.2093C12.6224 2.50137 11.0578 2.99232 10.4612 4.27019L9.87897 5.51674C9.27703 6.80561 8.13481 7.76151 6.75994 8.12647L5.43041 8.47977C4.06721 8.84174 3.30829 10.2953 3.78991 11.6208L4.25953 12.9137C4.74515 14.2505 4.61349 15.7344 3.89956 16.9646L3.2093 18.1545C2.50137 19.3743 2.99232 20.9389 4.27019 21.5355L5.51674 22.1177C6.80561 22.7197 7.76151 23.8619 8.12647 25.2368L8.47977 26.5663C8.84174 27.9295 10.2953 28.6884 11.6208 28.2068L12.9137 27.7372C14.2505 27.2516 15.7344 27.3832 16.9646 28.0971L18.1545 28.7874C19.3743 29.4953 20.9389 29.0044 21.5355 27.7265L22.1177 26.48C22.7197 25.1911 23.8619 24.2352 25.2368 23.8702L26.5663 23.5169C27.9295 23.155 28.6884 21.7015 28.2068 20.3759L27.7372 19.083C27.2516 17.7462 27.3832 16.2623 28.0971 15.0321L28.7874 13.8422ZM10.1423 12.4277C10.1423 10.8752 11.3325 9.68499 12.7813 9.68499C14.2302 9.68499 15.4204 10.8925 15.4204 12.4277C15.4204 13.9629 14.2302 15.1704 12.7813 15.1704C11.3152 15.1704 10.1423 13.9802 10.1423 12.4277ZM14.0922 21.4145C13.7126 22.0701 13.3333 22.3977 12.8847 22.3977C12.3327 22.3977 11.9014 21.9664 11.9014 21.3971C11.9014 21.1212 11.9878 20.8279 12.1774 20.5002L17.8695 10.5649C18.2318 9.94396 18.5594 9.59899 19.077 9.59899C19.629 9.59899 20.0603 9.99562 20.0603 10.5649C20.0603 10.8235 19.9566 11.1342 19.767 11.4791L14.0922 21.4145ZM19.2154 22.2597C17.7492 22.2597 16.5763 21.0695 16.5763 19.517C16.5763 17.9645 17.7665 16.7743 19.2154 16.7743C20.6642 16.7743 21.8544 17.9818 21.8544 19.517C21.8544 21.0522 20.6642 22.2597 19.2154 22.2597Z" fill="currentColor" />
+</svg>

package/src/assets/icons/instagram.svg

@@ -1 +1,5 @@
-<svg width="80" height="80" viewbox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M40 19.5c6.675 0 7.475.025 10.1.15 2.45.1 3.75.5 4.65.85 1.075.4 2.05 1.05 2.875 1.875A8.065 8.065 0 0 1 59.5 25.25c.325.875.75 2.2.85 4.65.125 2.625.15 3.425.15 10.1s-.025 7.475-.15 10.1c-.1 2.45-.5 3.75-.85 4.65a8.277 8.277 0 0 1-4.75 4.75c-.875.325-2.2.75-4.65.85-2.625.125-3.425.15-10.1.15-3.367.048-6.736-.002-10.1-.15-2.45-.1-3.75-.5-4.65-.85a7.75 7.75 0 0 1-2.875-1.875A7.75 7.75 0 0 1 20.5 54.75a13.998 13.998 0 0 1-.85-4.65A173.542 173.542 0 0 1 19.5 40c0-6.675.025-7.475.15-10.1.1-2.45.5-3.75.85-4.65a8.065 8.065 0 0 1 1.875-2.875A7.75 7.75 0 0 1 25.25 20.5c.875-.325 2.2-.75 4.65-.85 3.364-.148 6.733-.198 10.1-.15Zm0-4.5c-6.8 0-7.65.025-10.3.15-2.675.125-4.5.55-6.075 1.175A12.25 12.25 0 0 0 19.2 19.2a12.5 12.5 0 0 0-2.9 4.425 18.35 18.35 0 0 0-1.15 6.075C15.025 32.35 15 33.2 15 40c0 6.8.025 7.65.15 10.3.125 2.675.55 4.5 1.175 6.075A12.25 12.25 0 0 0 19.2 60.8a12.098 12.098 0 0 0 4.425 2.875A18.25 18.25 0 0 0 29.7 64.85c2.65.125 3.5.15 10.3.15 6.8 0 7.65-.025 10.3-.15a18.351 18.351 0 0 0 6.075-1.175 12.774 12.774 0 0 0 7.3-7.3A18.25 18.25 0 0 0 64.85 50.3c.125-2.65.15-3.5.15-10.3 0-6.8-.025-7.65-.15-10.3a18.351 18.351 0 0 0-1.175-6.075A12.25 12.25 0 0 0 60.8 19.2a12.5 12.5 0 0 0-4.425-2.9 18.35 18.35 0 0 0-6.075-1.15C47.65 15.025 46.8 15 40 15Z" /><path d="M40 27.5a12.5 12.5 0 1 0 0 25 12.5 12.5 0 0 0 0-25Zm0 20.625a8.125 8.125 0 1 1 0-16.25 8.125 8.125 0 0 1 0 16.25ZM52.5 30a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" /></svg>
+<svg width="80" height="80" viewbox="0 0 80 80"
+  xmlns="http://www.w3.org/2000/svg">
+  <path d="M40 19.5c6.675 0 7.475.025 10.1.15 2.45.1 3.75.5 4.65.85 1.075.4 2.05 1.05 2.875 1.875A8.065 8.065 0 0 1 59.5 25.25c.325.875.75 2.2.85 4.65.125 2.625.15 3.425.15 10.1s-.025 7.475-.15 10.1c-.1 2.45-.5 3.75-.85 4.65a8.277 8.277 0 0 1-4.75 4.75c-.875.325-2.2.75-4.65.85-2.625.125-3.425.15-10.1.15-3.367.048-6.736-.002-10.1-.15-2.45-.1-3.75-.5-4.65-.85a7.75 7.75 0 0 1-2.875-1.875A7.75 7.75 0 0 1 20.5 54.75a13.998 13.998 0 0 1-.85-4.65A173.542 173.542 0 0 1 19.5 40c0-6.675.025-7.475.15-10.1.1-2.45.5-3.75.85-4.65a8.065 8.065 0 0 1 1.875-2.875A7.75 7.75 0 0 1 25.25 20.5c.875-.325 2.2-.75 4.65-.85 3.364-.148 6.733-.198 10.1-.15Zm0-4.5c-6.8 0-7.65.025-10.3.15-2.675.125-4.5.55-6.075 1.175A12.25 12.25 0 0 0 19.2 19.2a12.5 12.5 0 0 0-2.9 4.425 18.35 18.35 0 0 0-1.15 6.075C15.025 32.35 15 33.2 15 40c0 6.8.025 7.65.15 10.3.125 2.675.55 4.5 1.175 6.075A12.25 12.25 0 0 0 19.2 60.8a12.098 12.098 0 0 0 4.425 2.875A18.25 18.25 0 0 0 29.7 64.85c2.65.125 3.5.15 10.3.15 6.8 0 7.65-.025 10.3-.15a18.351 18.351 0 0 0 6.075-1.175 12.774 12.774 0 0 0 7.3-7.3A18.25 18.25 0 0 0 64.85 50.3c.125-2.65.15-3.5.15-10.3 0-6.8-.025-7.65-.15-10.3a18.351 18.351 0 0 0-1.175-6.075A12.25 12.25 0 0 0 60.8 19.2a12.5 12.5 0 0 0-4.425-2.9 18.35 18.35 0 0 0-6.075-1.15C47.65 15.025 46.8 15 40 15Z" />
+  <path d="M40 27.5a12.5 12.5 0 1 0 0 25 12.5 12.5 0 0 0 0-25Zm0 20.625a8.125 8.125 0 1 1 0-16.25 8.125 8.125 0 0 1 0 16.25ZM52.5 30a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" />
+</svg>

package/src/assets/icons/linkedin-2.svg

@@ -1 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewbox="0 0 80 80" ><path  d="M30 60H20V35h9.815v25H30Zm-5-27.5c-2.742 0-5-2.295-5-5.082 0-2.788 2.258-4.918 5-4.918s5 2.295 5 5.082c0 2.788-2.258 4.918-5 4.918ZM60 60h-7.935V48.135c0-2.825 0-6.497-4.19-6.497-4.193 0-4.79 3.107-4.79 6.215V59.86H35V35.705h7.635v3.25h.15C43.833 36.975 46.525 35 50.42 35 58.5 35 60 40.085 60 46.583V60Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewbox="0 0 80 80">
+  <path d="M30 60H20V35h9.815v25H30Zm-5-27.5c-2.742 0-5-2.295-5-5.082 0-2.788 2.258-4.918 5-4.918s5 2.295 5 5.082c0 2.788-2.258 4.918-5 4.918ZM60 60h-7.935V48.135c0-2.825 0-6.497-4.19-6.497-4.193 0-4.79 3.107-4.79 6.215V59.86H35V35.705h7.635v3.25h.15C43.833 36.975 46.525 35 50.42 35 58.5 35 60 40.085 60 46.583V60Z" />
+</svg>

package/src/assets/icons/pause.svg

@@ -1 +1,5 @@
-<svg width="80" height="80" viewbox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M34.167 69.967H10.733v-58.4h23.434V70v-.033Zm35.1 0h-23.4v-58.4h23.4V70v-.033Z" /></svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path d="M16.5 5.5L16.5 18.5H13.5L13.5 5.5L16.5 5.5Z" fill="currentColor"/>
+  <path d="M10.5 5.5L10.5 18.5H7.5L7.5 5.5L10.5 5.5Z" fill="currentColor"/>
+</svg>

package/src/assets/icons/pictogram-deezer--dark.svg

@@ -0,0 +1,24 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1316_1338)">
+<path d="M48.001 56C48.001 57.6567 46.6577 58.9998 45.001 59H19.5C17.8431 59 16.5 57.6569 16.5 56V54.5H48.001V56ZM48.001 52.999H16.5V10.999H48.001V52.999ZM45.001 5C46.6577 5.00017 48.001 6.34325 48.001 8V9.5H16.5V8C16.5 6.34315 17.8431 5 19.5 5H45.001Z" fill="#DA8436"/>
+<g clip-path="url(#clip1_1316_1338)">
+<path d="M30.6512 26.3202C31.0682 26.3202 31.4094 24.9431 31.4094 23.2431C31.4094 21.5431 31.0682 20.166 30.6512 20.166C30.2342 20.166 29.8931 21.5431 29.8931 23.2431C29.8931 24.9431 30.2342 26.3202 30.6512 26.3202Z" fill="white"/>
+<path d="M52.9129 17.0415C52.5148 17.0415 52.1642 17.9248 51.9178 19.3399C51.5197 16.9181 50.8848 15.332 50.1645 15.332C49.3116 15.332 48.5629 17.5639 48.2122 20.8119C47.8711 18.4471 47.3498 16.9371 46.7622 16.9371C45.9472 16.9371 45.2459 19.9002 44.99 24.0315C44.5067 21.9136 43.8054 20.584 43.0282 20.584C42.2511 20.584 41.5498 21.9136 41.0665 24.0315C40.8011 19.9097 40.1093 16.9466 39.2848 16.9466C38.6972 16.9466 38.176 18.4566 37.8348 20.8214C37.4841 17.5639 36.7449 15.332 35.8825 15.332C35.1622 15.332 34.5178 16.9181 34.1292 19.3493C33.8923 17.9343 33.5322 17.0415 33.1341 17.0415C32.3949 17.0415 31.7979 20.1186 31.7979 23.9175C31.7979 27.7164 32.3949 30.7935 33.1341 30.7935C33.4374 30.7935 33.7217 30.2711 33.9397 29.3974C34.2903 32.6075 35.0296 34.8108 35.8825 34.8108C36.5459 34.8108 37.1335 33.4907 37.5315 31.4013C37.8063 35.3711 38.4887 38.1918 39.2848 38.1918C39.7871 38.1918 40.242 37.0711 40.5831 35.2572C40.9907 39.0086 41.9289 41.6393 43.0282 41.6393C44.1276 41.6393 45.0658 39.0086 45.4733 35.2572C45.8145 37.0711 46.2694 38.1918 46.7717 38.1918C47.5678 38.1918 48.2501 35.3711 48.525 31.4013C48.923 33.4907 49.5106 34.8108 50.174 34.8108C51.0269 34.8108 51.7662 32.6075 52.1168 29.3974C52.3443 30.2711 52.6191 30.7935 52.9224 30.7935C53.6616 30.7935 54.2586 27.7164 54.2586 23.9175C54.2492 20.1281 53.6521 17.0415 52.9129 17.0415Z" fill="white"/>
+<path d="M55.3961 26.3202C55.8131 26.3202 56.1543 24.9431 56.1543 23.2431C56.1543 21.5431 55.8131 20.166 55.3961 20.166C54.9791 20.166 54.6379 21.5431 54.6379 23.2431C54.6379 24.9431 54.9791 26.3202 55.3961 26.3202Z" fill="white"/>
+<path d="M33.9968 49.2842H38.0815V47.945H35.9207V47.3277H37.9488V46.2261H35.9207V45.6467H38.0815V44.3076H33.9968V49.2842Z" fill="white"/>
+<path d="M38.5459 49.2842H42.6305V47.945H40.4698V47.3277H42.4979V46.2261H40.4698V45.6467H42.6305V44.3076H38.5459V49.2842Z" fill="white"/>
+<path d="M57.4623 49.2844C57.1875 48.5246 56.7894 47.7079 56.2682 46.8056C56.8842 46.6252 57.2443 46.2358 57.2443 45.647C57.2443 44.7448 56.4103 44.3174 55.093 44.3174H52.3826V49.2939H54.3159V47.233C54.7424 47.9548 55.0646 48.6386 55.2731 49.2939H57.4623V49.2844ZM54.3349 46.5302V45.647H55.0077C55.292 45.647 55.4532 45.7989 55.4532 46.0839C55.4532 46.3688 55.292 46.5207 55.0077 46.5207H54.3349V46.5302Z" fill="white"/>
+<path d="M47.843 49.2842H51.9277V47.945H49.7669V47.3277H51.795V46.2261H49.7669V45.6467H51.9277V44.3076H47.843V49.2842Z" fill="white"/>
+<path d="M43.0948 45.6565H45.0945C44.27 46.3308 43.5876 47.1001 43.0569 47.9453V49.2844H47.4448V47.9453H45.2461C45.7484 47.214 46.4497 46.4827 47.4448 45.6565V44.3174H43.0948V45.6565Z" fill="white"/>
+<path d="M31.0684 44.3076H28.5759V49.2842H31.0684C32.6132 49.2842 33.7031 48.2585 33.7031 46.7959C33.6936 45.3333 32.6037 44.3076 31.0684 44.3076ZM30.9642 47.9355H30.5093V45.6467H30.9642C31.4475 45.6467 31.7034 45.9696 31.7034 46.7864C31.7034 47.6126 31.4475 47.9355 30.9642 47.9355Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_1316_1338">
+<rect width="64" height="64" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1316_1338">
+<rect width="29" height="34" fill="white" transform="translate(28.5 15.332)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icons/pictogram-deezer.svg

@@ -0,0 +1,24 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1316_1235)">
+<path d="M48.001 56C48.001 57.6567 46.6577 58.9998 45.001 59H19.5C17.8431 59 16.5 57.6569 16.5 56V54.5H48.001V56ZM48.001 52.999H16.5V10.999H48.001V52.999ZM45.001 5C46.6577 5.00017 48.001 6.34325 48.001 8V9.5H16.5V8C16.5 6.34315 17.8431 5 19.5 5H45.001Z" fill="#FFC48F"/>
+<g clip-path="url(#clip1_1316_1235)">
+<path d="M30.6512 26.3202C31.0682 26.3202 31.4094 24.9431 31.4094 23.2431C31.4094 21.5431 31.0682 20.166 30.6512 20.166C30.2342 20.166 29.8931 21.5431 29.8931 23.2431C29.8931 24.9431 30.2342 26.3202 30.6512 26.3202Z" fill="black"/>
+<path d="M52.9129 17.0415C52.5148 17.0415 52.1642 17.9248 51.9178 19.3399C51.5197 16.9181 50.8848 15.332 50.1645 15.332C49.3116 15.332 48.5629 17.5639 48.2122 20.8119C47.8711 18.4471 47.3498 16.9371 46.7622 16.9371C45.9472 16.9371 45.2459 19.9002 44.99 24.0315C44.5067 21.9136 43.8054 20.584 43.0282 20.584C42.2511 20.584 41.5498 21.9136 41.0665 24.0315C40.8011 19.9097 40.1093 16.9466 39.2848 16.9466C38.6972 16.9466 38.176 18.4566 37.8348 20.8214C37.4841 17.5639 36.7449 15.332 35.8825 15.332C35.1622 15.332 34.5178 16.9181 34.1292 19.3493C33.8923 17.9343 33.5322 17.0415 33.1341 17.0415C32.3949 17.0415 31.7979 20.1186 31.7979 23.9175C31.7979 27.7164 32.3949 30.7935 33.1341 30.7935C33.4374 30.7935 33.7217 30.2711 33.9397 29.3974C34.2903 32.6075 35.0296 34.8108 35.8825 34.8108C36.5459 34.8108 37.1335 33.4907 37.5315 31.4013C37.8063 35.3711 38.4887 38.1918 39.2848 38.1918C39.7871 38.1918 40.242 37.0711 40.5831 35.2572C40.9907 39.0086 41.9289 41.6393 43.0282 41.6393C44.1276 41.6393 45.0658 39.0086 45.4733 35.2572C45.8145 37.0711 46.2694 38.1918 46.7717 38.1918C47.5678 38.1918 48.2501 35.3711 48.525 31.4013C48.923 33.4907 49.5106 34.8108 50.174 34.8108C51.0269 34.8108 51.7662 32.6075 52.1168 29.3974C52.3443 30.2711 52.6191 30.7935 52.9224 30.7935C53.6616 30.7935 54.2586 27.7164 54.2586 23.9175C54.2492 20.1281 53.6521 17.0415 52.9129 17.0415Z" fill="black"/>
+<path d="M55.3961 26.3202C55.8131 26.3202 56.1543 24.9431 56.1543 23.2431C56.1543 21.5431 55.8131 20.166 55.3961 20.166C54.9791 20.166 54.6379 21.5431 54.6379 23.2431C54.6379 24.9431 54.9791 26.3202 55.3961 26.3202Z" fill="black"/>
+<path d="M33.9968 49.2842H38.0815V47.945H35.9207V47.3277H37.9488V46.2261H35.9207V45.6467H38.0815V44.3076H33.9968V49.2842Z" fill="black"/>
+<path d="M38.5459 49.2842H42.6305V47.945H40.4698V47.3277H42.4979V46.2261H40.4698V45.6467H42.6305V44.3076H38.5459V49.2842Z" fill="black"/>
+<path d="M57.4623 49.2844C57.1875 48.5246 56.7894 47.7079 56.2682 46.8056C56.8842 46.6252 57.2443 46.2358 57.2443 45.647C57.2443 44.7448 56.4103 44.3174 55.093 44.3174H52.3826V49.2939H54.3159V47.233C54.7424 47.9548 55.0646 48.6386 55.2731 49.2939H57.4623V49.2844ZM54.3349 46.5302V45.647H55.0077C55.292 45.647 55.4532 45.7989 55.4532 46.0839C55.4532 46.3688 55.292 46.5207 55.0077 46.5207H54.3349V46.5302Z" fill="black"/>
+<path d="M47.843 49.2842H51.9277V47.945H49.7669V47.3277H51.795V46.2261H49.7669V45.6467H51.9277V44.3076H47.843V49.2842Z" fill="black"/>
+<path d="M43.0948 45.6565H45.0945C44.27 46.3308 43.5876 47.1001 43.0569 47.9453V49.2844H47.4448V47.9453H45.2461C45.7484 47.214 46.4497 46.4827 47.4448 45.6565V44.3174H43.0948V45.6565Z" fill="black"/>
+<path d="M31.0684 44.3076H28.5759V49.2842H31.0684C32.6132 49.2842 33.7031 48.2585 33.7031 46.7959C33.6936 45.3333 32.6037 44.3076 31.0684 44.3076ZM30.9642 47.9355H30.5093V45.6467H30.9642C31.4475 45.6467 31.7034 45.9696 31.7034 46.7864C31.7034 47.6126 31.4475 47.9355 30.9642 47.9355Z" fill="black"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_1316_1235">
+<rect width="64" height="64" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1316_1235">
+<rect width="29" height="34" fill="white" transform="translate(28.5 15.332)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icons/pictogram-discount-rental--dark.svg

@@ -0,0 +1,11 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4.5" y="31.541" width="50" height="17.9054" rx="4" fill="#DA8436"/>
+<path d="M6.5 43.3919V14" stroke="#DA8436" stroke-width="4" stroke-linecap="round"/>
+<path d="M13.5 46V20" stroke="#DA8436" stroke-width="4" stroke-linecap="round"/>
+<path d="M40.5 22.207C40.5 20.5502 39.1569 19.207 37.5 19.207C35.8431 19.207 34.5 20.5502 34.5 22.207C34.5 23.8639 35.8431 25.207 37.5 25.207V27.207C34.7386 27.207 32.5 24.9685 32.5 22.207C32.5 19.4456 34.7386 17.207 37.5 17.207C40.2614 17.207 42.5 19.4456 42.5 22.207C42.5 24.9685 40.2614 27.207 37.5 27.207V25.207C39.1569 25.207 40.5 23.8639 40.5 22.207Z" fill="white"/>
+<path d="M57.5 38.207C57.5 36.5502 56.1569 35.207 54.5 35.207C52.8431 35.207 51.5 36.5502 51.5 38.207C51.5 39.8639 52.8431 41.207 54.5 41.207V43.207C51.7386 43.207 49.5 40.9685 49.5 38.207C49.5 35.4456 51.7386 33.207 54.5 33.207C57.2614 33.207 59.5 35.4456 59.5 38.207C59.5 40.9685 57.2614 43.207 54.5 43.207V41.207C56.1569 41.207 57.5 39.8639 57.5 38.207Z" fill="white"/>
+<path d="M59.207 18.4141L34.207 43.4141L32.793 42L57.793 17L59.207 18.4141Z" fill="white"/>
+<rect x="9.5" y="39" width="3" height="3" fill="white"/>
+<rect x="14.5" y="39" width="3" height="3" fill="white"/>
+<rect x="19.5" y="39" width="3" height="3" fill="white"/>
+</svg>

package/src/assets/icons/pictogram-discount-rental.svg

@@ -0,0 +1,11 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4.5" y="31.541" width="50" height="17.9054" rx="4" fill="#FFC48F"/>
+<path d="M6.5 43.3919V14" stroke="#FFC48F" stroke-width="4" stroke-linecap="round"/>
+<path d="M13.5 46V20" stroke="#FFC48F" stroke-width="4" stroke-linecap="round"/>
+<path d="M40.5 22.207C40.5 20.5502 39.1569 19.207 37.5 19.207C35.8431 19.207 34.5 20.5502 34.5 22.207C34.5 23.8639 35.8431 25.207 37.5 25.207V27.207C34.7386 27.207 32.5 24.9685 32.5 22.207C32.5 19.4456 34.7386 17.207 37.5 17.207C40.2614 17.207 42.5 19.4456 42.5 22.207C42.5 24.9685 40.2614 27.207 37.5 27.207V25.207C39.1569 25.207 40.5 23.8639 40.5 22.207Z" fill="black"/>
+<path d="M57.5 38.207C57.5 36.5502 56.1569 35.207 54.5 35.207C52.8431 35.207 51.5 36.5502 51.5 38.207C51.5 39.8639 52.8431 41.207 54.5 41.207V43.207C51.7386 43.207 49.5 40.9685 49.5 38.207C49.5 35.4456 51.7386 33.207 54.5 33.207C57.2614 33.207 59.5 35.4456 59.5 38.207C59.5 40.9685 57.2614 43.207 54.5 43.207V41.207C56.1569 41.207 57.5 39.8639 57.5 38.207Z" fill="black"/>
+<path d="M59.207 18.4141L34.207 43.4141L32.793 42L57.793 17L59.207 18.4141Z" fill="black"/>
+<rect x="9.5" y="39" width="3" height="3" fill="black"/>
+<rect x="14.5" y="39" width="3" height="3" fill="black"/>
+<rect x="19.5" y="39" width="3" height="3" fill="black"/>
+</svg>

package/src/assets/icons/pictogram-discount-tv-package--dark.svg

@@ -0,0 +1,7 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4.33301" y="11" width="57" height="36" rx="4" fill="#DA8436"/>
+<path d="M47 49V51H17V49H47Z" fill="white"/>
+<path d="M45 17C45 15.3431 43.6569 14 42 14C40.3431 14 39 15.3431 39 17C39 18.6569 40.3431 20 42 20V22C39.2386 22 37 19.7614 37 17C37 14.2386 39.2386 12 42 12C44.7614 12 47 14.2386 47 17C47 19.7614 44.7614 22 42 22V20C43.6569 20 45 18.6569 45 17Z" fill="white"/>
+<path d="M62 33C62 31.3431 60.6569 30 59 30C57.3431 30 56 31.3431 56 33C56 34.6569 57.3431 36 59 36V38C56.2386 38 54 35.7614 54 33C54 30.2386 56.2386 28 59 28C61.7614 28 64 30.2386 64 33C64 35.7614 61.7614 38 59 38V36C60.6569 36 62 34.6569 62 33Z" fill="white"/>
+<path d="M63.707 13.207L38.707 38.207L37.293 36.793L62.293 11.793L63.707 13.207Z" fill="white"/>
+</svg>

package/src/assets/icons/pictogram-discount-tv-package.svg

@@ -0,0 +1,7 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4.33301" y="11" width="57" height="36" rx="4" fill="#FFC48F"/>
+<path d="M47 49V51H17V49H47Z" fill="black"/>
+<path d="M45 17C45 15.3431 43.6569 14 42 14C40.3431 14 39 15.3431 39 17C39 18.6569 40.3431 20 42 20V22C39.2386 22 37 19.7614 37 17C37 14.2386 39.2386 12 42 12C44.7614 12 47 14.2386 47 17C47 19.7614 44.7614 22 42 22V20C43.6569 20 45 18.6569 45 17Z" fill="black"/>
+<path d="M62 33C62 31.3431 60.6569 30 59 30C57.3431 30 56 31.3431 56 33C56 34.6569 57.3431 36 59 36V38C56.2386 38 54 35.7614 54 33C54 30.2386 56.2386 28 59 28C61.7614 28 64 30.2386 64 33C64 35.7614 61.7614 38 59 38V36C60.6569 36 62 34.6569 62 33Z" fill="black"/>
+<path d="M63.707 13.207L38.707 38.207L37.293 36.793L62.293 11.793L63.707 13.207Z" fill="black"/>
+</svg>