há 3 anos atrás · e085377108
--- a/.gitignore
+++ b/.gitignore
@@ -8,6 +8,9 @@ bun.lockb
 
															 pnpm-lock.yaml
														
 
															 /backup
														
 
															+/demo-backup
														
 
															+/demo.zip
														
 
															+
														
 
															 # 忽略 demo 相关文件 ignore demo related files
														
 
															 /demo/node_modules
														
 
															 /demo/dist
														
@@ -19,6 +22,11 @@ pnpm-lock.yaml
 
															 /demo/RefreshAndPredload.log
														
 
															 /demo/pnpm-lock.yaml
														
 
															 /demo/public/fonts
														
 
															+/demo/.svelte-kit
														
 
															+/demo/build
														
 
															+/demo/static/fonts
														
 
															+/demo/npm-lock.yaml
														
 
															+/demo/package-lock.json
														
 
															 # 忽略全部 site 和 publish 文件
														
 
															 /site
														
--- a/demo/README.md
+++ b/demo/README.md
@@ -4,7 +4,7 @@
 
															 This is a demo project for [STDF](https://stdf.design).
														
 
															-It is built with [Vite](https://vitejs.dev) + [Svelte](https://svelte.dev) + [Tailwind CSS](https://tailwindcss.com) + [STDF](https://stdf.design) + [svelte-spa-router](https://github.com/ItalyPaleAle/svelte-spa-router).
														
 
															+It is built with [SvelteKit](https://kit.svelte.dev/) + [Tailwind CSS](https://tailwindcss.com) + [STDF](https://stdf.design) .
														
 
															 ## Getting Started
														
--- a/demo/index.html
+++ b/demo/index.html
@@ -1,15 +0,0 @@
 
															-<!doctype html>
														
 
															-<html>
														
 
															-	<head>
														
 
															-		<meta charset="UTF-8" />
														
 
															-		<link rel="icon" type="image/svg+xml" href="./stdf_dark.svg" media="(prefers-color-scheme: dark)" />
														
 
															-		<link rel="icon" type="image/svg+xml" href="./stdf.svg" media="(prefers-color-scheme: light)" />
														
 
															-		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
														
 
															-		<title>Demo STDF</title>
														
 
															-	</head>
														
 
															-
														
 
															-	<body>
														
 
															-		<div id="app"></div>
														
 
															-		<script type="module" src="/src/main.js"></script>
														
 
															-	</body>
														
 
															-</html>
														
--- a/demo/package.json
+++ b/demo/package.json
@@ -1,21 +1,8 @@
 
															 {
														
 
															 	"name": "demo-stdf",
														
 
															-	"private": true,
														
 
															 	"version": "0.0.0",
														
 
															-	"type": "module",
														
 
															-	"devDependencies": {
														
 
															-		"@sveltejs/vite-plugin-svelte": "^2.4.5",
														
 
															-		"autoprefixer": "^10.4.14",
														
 
															-		"postcss": "^8.4.27",
														
 
															-		"stdf": "file:../packages/stdf",
														
 
															-		"svelte": "^4.1.1",
														
 
															-		"svelte-spa-router": "^3.3.0",
														
 
															-		"tailwindcss": "^3.3.3",
														
 
															-		"vite": "^4.4.6",
														
 
															-		"rollup-plugin-stdf-icon": "file:../packages/rollup-plugin-stdf-icon"
														
 
															-	},
														
 
															 	"scripts": {
														
 
															-		"dev": "vite",
														
 
															+		"dev": "vite dev",
														
 
															 		"build": "vite build",
														
 
															 		"preview": "vite preview",
														
 
															 		"dev_en": "vite --mode english",
														
@@ -93,5 +80,19 @@
 
															 		"timePicker_en": "vite --mode timePicker_en",
														
 
															 		"calendar_en": "vite --mode calendar_en",
														
 
															 		"pagination_en": "vite --mode pagination_en"
														
 
															-	}
														
 
															+	},
														
 
															+	"devDependencies": {
														
 
															+		"@fontsource/fira-mono": "^4.5.10",
														
 
															+		"@neoconfetti/svelte": "^1.0.0",
														
 
															+		"@sveltejs/adapter-static": "^2.0.3",
														
 
															+		"@sveltejs/kit": "^1.20.4",
														
 
															+		"autoprefixer": "^10.4.15",
														
 
															+		"postcss": "^8.4.28",
														
 
															+		"rollup-plugin-stdf-icon": "file:../packages/rollup-plugin-stdf-icon",
														
 
															+		"stdf": "file:../packages/stdf",
														
 
															+		"svelte": "^4.1.1",
														
 
															+		"tailwindcss": "^3.3.3",
														
 
															+		"vite": "^4.4.6"
														
 
															+	},
														
 
															+	"type": "module"
														
 
															 }
														
--- a/demo/postcss.config.cjs
+++ b/demo/postcss.config.cjs
@@ -1,7 +0,0 @@
 
															-import tailwind from 'tailwindcss';
														
 
															-import tailwindConfig from './tailwind.config.cjs';
														
 
															-import autoprefixer from 'autoprefixer';
														
 
															-
														
 
															-export default {
														
 
															-	plugins: [tailwind(tailwindConfig), autoprefixer],
														
 
															-};
														
--- a/demo/postcss.config.js
+++ b/demo/postcss.config.js
@@ -0,0 +1,6 @@
 
															+export default {
														
 
															+	plugins: {
														
 
															+		tailwindcss: {},
														
 
															+		autoprefixer: {},
														
 
															+	},
														
 
															+};
														
--- a/demo/src/App.svelte
+++ b/demo/src/App.svelte
@@ -1,115 +0,0 @@
 
															-<script>
														
 
															-	import { setContext, onMount } from 'svelte';
														
 
															-	import Router, { querystring, location, push, pop } from 'svelte-spa-router';
														
 
															-	import { routes, routes_en } from './route';
														
 
															-	import { NavBar, Icon } from 'stdf';
														
 
															-	import zh_CN from 'stdf/lang/zh_CN';
														
 
															-	import en_US from 'stdf/lang/en_US';
														
 
															-	import menuList from './data/menuList';
														
 
															-
														
 
															-	// 循环 menuList，将所有元素的 childs 组成一个数组
														
 
															-	// Cycle menuList, and combine the childs of all elements into an array
														
 
															-	const menuListArr = menuList.reduce((acc, cur) => {
														
 
															-		if (cur.childs) {
														
 
															-			acc.push(...cur.childs);
														
 
															-		}
														
 
															-		return acc;
														
 
															-	}, []);
														
 
															-	//获取参数
														
 
															-	// get parameters
														
 
															-	const params = new URLSearchParams('?' + $querystring);
														
 
															-	// 判断是否是iframe
														
 
															-	// judge whether it is iframe
														
 
															-	const isIframe = params.get('channel') && params.get('channel') === 'iframe' ? '1' : '0';
														
 
															-	// 设置iframe
														
 
															-	// setting iframe
														
 
															-	setContext('iframe', isIframe);
														
 
															-	let theme = localStorage.getItem('theme') === 'dark' ? 'dark' : 'light';
														
 
															-	// 设置语言
														
 
															-	// setting language
														
 
															-	const isZh = sessionStorage.getItem('lang') === 'zh_CN';
														
 
															-	setContext('STDF_lang', isZh ? zh_CN : en_US);
														
 
															-	//手动切换主题
														
 
															-	// manually switch theme
														
 
															-	const toggleFun = () => {
														
 
															-		if (theme === 'dark') {
														
 
															-			// 切换到light
														
 
															-			// switch to light
														
 
															-			theme = 'light';
														
 
															-			localStorage.setItem('theme', 'light');
														
 
															-			document.documentElement.classList.remove('dark');
														
 
															-		} else {
														
 
															-			// 切换到dark
														
 
															-			// switch to dark
														
 
															-			theme = 'dark';
														
 
															-			localStorage.setItem('theme', 'dark');
														
 
															-			document.documentElement.classList.add('dark');
														
 
															-		}
														
 
															-	};
														
 
															-	// 返回首页
														
 
															-	// return to home
														
 
															-	const toHomeFun = () => {
														
 
															-		pop();
														
 
															-	};
														
 
															-	// 环境变量
														
 
															-	// environment variables
														
 
															-	const mode = import.meta.env.MODE;
														
 
															-	// mode 是否是指定组件模式
														
 
															-	// whether mode is specified component mode
														
 
															-	const isComponentMode = mode != 'production' && mode != 'development' && mode != 'english' ? true : false;
														
 
															-	// 是否显示左侧返回，如果是 iframe 模式，或者是首页，或者是指定组件模式，不显示
														
 
															-	// Whether to display the left return, if it is iframe mode, or the home page, or the specified component mode, do not display
														
 
															-	$: showLeft = isIframe === '1' || $location === '/' || isComponentMode ? false : true;
														
 
															-	// 判断 mode 后三个字符是否是 _en
														
 
															-	// Determine whether the last three characters of mode are _en
														
 
															-	const englishMode = mode.slice(-3) === '_en';
														
 
															-	onMount(() => {
														
 
															-		if (isComponentMode) {
														
 
															-			// 英文模式去掉 mode 后面的 _en 作为 nav
														
 
															-			// English mode removes _en after mode as nav
														
 
															-			const nav = englishMode ? mode.slice(0, -3) : mode;
														
 
															-			push(`/${nav}`);
														
 
															-		}
														
 
															-	});
														
 
															-</script>
														
 
															-
														
 
															-<main class="bg-gray9 dark:bg-gray3 text-black dark:text-white/90 relative min-h-screen text-justify w-screen antialiased">
														
 
															-	<div class="sticky z-10 top-0">
														
 
															-		<NavBar
														
 
															-			left={showLeft ? 'back' : ''}
														
 
															-			title={$location === '/'
														
 
															-				? isZh
														
 
															-					? 'STDF 示例'
														
 
															-					: 'STDF Demo'
														
 
															-				: menuListArr.filter(item => item.nav === $location.substring(1))[0][isZh ? 'title_zh' : 'title_en'] + (isZh ? '示例' : ' Demo')}
														
 
															-			rightSlot
														
 
															-			on:clickleft={toHomeFun}
														
 
															-			injClass="bg-white/60 dark:bg-gray1/60 backdrop-blur"
														
 
															-		>
														
 
															-			<div slot="right" class="flex text-center">
														
 
															-				{#if isIframe === '0'}
														
 
															-					<div class="h-12 w-10 leading-10">
														
 
															-						<a href="https://github.com/dufu1991/stdf" target="_blank" rel="noreferrer">
														
 
															-							<Icon name="ri-github-fill" />
														
 
															-						</a>
														
 
															-					</div>
														
 
															-					<div class="h-12 w-10 leading-10">
														
 
															-						<a
														
 
															-							href={`https://stdf.design${$location === '/' ? '' : `/#/components?nav=${$location.substring(1)}&tab=0`}`}
														
 
															-							target="_blank"
														
 
															-							rel="noreferrer"
														
 
															-						>
														
 
															-							<Icon name="ri-compass-line" />
														
 
															-						</a>
														
 
															-					</div>
														
 
															-				{/if}
														
 
															-				<!-- svelte-ignore a11y-click-events-have-key-events -->
														
 
															-				<!-- svelte-ignore a11y-no-static-element-interactions -->
														
 
															-				<div class="h-12 w-10 leading-10" on:click={toggleFun}>
														
 
															-					<Icon name={theme === 'dark' ? 'ri-moon-fill' : 'ri-sun-line'} theme={true} />
														
 
															-				</div>
														
 
															-			</div>
														
 
															-		</NavBar>
														
 
															-	</div>
														
 
															-	<Router routes={isZh ? routes : routes_en} />
														
 
															-</main>
														
--- a/demo/src/app.html
+++ b/demo/src/app.html
@@ -0,0 +1,18 @@
 
															+<!doctype html>
														
 
															+<html>
														
 
															+	<head>
														
 
															+		<meta charset="UTF-8" />
														
 
															+		<link rel="icon" type="image/svg+xml" href="/stdf_dark.svg" media="(prefers-color-scheme: dark)" />
														
 
															+		<link rel="icon" type="image/svg+xml" href="/stdf.svg" media="(prefers-color-scheme: light)" />
														
 
															+		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
														
 
															+		<title>Demo STDF</title>
														
 
															+		%sveltekit.head%
														
 
															+	</head>
														
 
															+
														
 
															+	<body
														
 
															+		data-sveltekit-preload-data="hover"
														
 
															+		class="bg-gray9 dark:bg-gray3 text-black dark:text-white/90 relative min-h-screen text-justify w-screen antialiased"
														
 
															+	>
														
 
															+		<main style="display: contents">%sveltekit.body%</main>
														
 
															+	</body>
														
 
															+</html>
														
--- a/demo/src/assets/icons/ri-account-circle-fill.svg
+++ b/demo/src/assets/icons/ri-account-circle-fill.svg
--- a/demo/src/assets/icons/ri-account-circle-line.svg
+++ b/demo/src/assets/icons/ri-account-circle-line.svg
--- a/demo/src/assets/icons/ri-aliens-fill.svg
+++ b/demo/src/assets/icons/ri-aliens-fill.svg
--- a/demo/src/assets/icons/ri-android-fill.svg
+++ b/demo/src/assets/icons/ri-android-fill.svg
--- a/demo/src/assets/icons/ri-apple-fill.svg
+++ b/demo/src/assets/icons/ri-apple-fill.svg
--- a/demo/src/assets/icons/ri-apps-2-line.svg
+++ b/demo/src/assets/icons/ri-apps-2-line.svg
--- a/demo/src/assets/icons/ri-arrow-down-s-line.svg
+++ b/demo/src/assets/icons/ri-arrow-down-s-line.svg
--- a/demo/src/assets/icons/ri-arrow-left-s-line.svg
+++ b/demo/src/assets/icons/ri-arrow-left-s-line.svg
--- a/demo/src/assets/icons/ri-arrow-right-s-line.svg
+++ b/demo/src/assets/icons/ri-arrow-right-s-line.svg
--- a/demo/src/assets/icons/ri-arrow-up-s-fill.svg
+++ b/demo/src/assets/icons/ri-arrow-up-s-fill.svg
--- a/demo/src/assets/icons/ri-arrow-up-s-line.svg
+++ b/demo/src/assets/icons/ri-arrow-up-s-line.svg
--- a/demo/src/assets/icons/ri-bank-line.svg
+++ b/demo/src/assets/icons/ri-bank-line.svg
--- a/demo/src/assets/icons/ri-barcode-fill.svg
+++ b/demo/src/assets/icons/ri-barcode-fill.svg
--- a/demo/src/assets/icons/ri-battery-2-charge-line.svg
+++ b/demo/src/assets/icons/ri-battery-2-charge-line.svg
--- a/demo/src/assets/icons/ri-battery-charge-line.svg
+++ b/demo/src/assets/icons/ri-battery-charge-line.svg
--- a/demo/src/assets/icons/ri-bear-smile-line.svg
+++ b/demo/src/assets/icons/ri-bear-smile-line.svg
--- a/demo/src/assets/icons/ri-bluetooth-connect-line.svg
+++ b/demo/src/assets/icons/ri-bluetooth-connect-line.svg
--- a/demo/src/assets/icons/ri-bluetooth-line.svg
+++ b/demo/src/assets/icons/ri-bluetooth-line.svg
--- a/demo/src/assets/icons/ri-cake-2-fill.svg
+++ b/demo/src/assets/icons/ri-cake-2-fill.svg
--- a/demo/src/assets/icons/ri-car-line.svg
+++ b/demo/src/assets/icons/ri-car-line.svg
--- a/demo/src/assets/icons/ri-check-fill.svg
+++ b/demo/src/assets/icons/ri-check-fill.svg
--- a/demo/src/assets/icons/ri-check-line.svg
+++ b/demo/src/assets/icons/ri-check-line.svg
--- a/demo/src/assets/icons/ri-checkbox-blank-circle-line.svg
+++ b/demo/src/assets/icons/ri-checkbox-blank-circle-line.svg
--- a/demo/src/assets/icons/ri-checkbox-circle-fill.svg
+++ b/demo/src/assets/icons/ri-checkbox-circle-fill.svg
--- a/demo/src/assets/icons/ri-checkbox-circle-line.svg
+++ b/demo/src/assets/icons/ri-checkbox-circle-line.svg
--- a/demo/src/assets/icons/ri-checkbox-fill.svg
+++ b/demo/src/assets/icons/ri-checkbox-fill.svg
--- a/demo/src/assets/icons/ri-checkbox-line.svg
+++ b/demo/src/assets/icons/ri-checkbox-line.svg
--- a/demo/src/assets/icons/ri-checkbox-multiple-fill.svg
+++ b/demo/src/assets/icons/ri-checkbox-multiple-fill.svg
--- a/demo/src/assets/icons/ri-checkbox-multiple-line.svg
+++ b/demo/src/assets/icons/ri-checkbox-multiple-line.svg
--- a/demo/src/assets/icons/ri-chrome-fill.svg
+++ b/demo/src/assets/icons/ri-chrome-fill.svg
--- a/demo/src/assets/icons/ri-close-circle-fill.svg
+++ b/demo/src/assets/icons/ri-close-circle-fill.svg
--- a/demo/src/assets/icons/ri-close-circle-line.svg
+++ b/demo/src/assets/icons/ri-close-circle-line.svg
--- a/demo/src/assets/icons/ri-close-fill.svg
+++ b/demo/src/assets/icons/ri-close-fill.svg
--- a/demo/src/assets/icons/ri-close-line.svg
+++ b/demo/src/assets/icons/ri-close-line.svg
--- a/demo/src/assets/icons/ri-code-box-fill.svg
+++ b/demo/src/assets/icons/ri-code-box-fill.svg
--- a/demo/src/assets/icons/ri-command-fill.svg
+++ b/demo/src/assets/icons/ri-command-fill.svg
--- a/demo/src/assets/icons/ri-command-line.svg
+++ b/demo/src/assets/icons/ri-command-line.svg
--- a/demo/src/assets/icons/ri-compass-3-fill.svg
+++ b/demo/src/assets/icons/ri-compass-3-fill.svg
--- a/demo/src/assets/icons/ri-compass-3-line.svg
+++ b/demo/src/assets/icons/ri-compass-3-line.svg
--- a/demo/src/assets/icons/ri-compass-line.svg
+++ b/demo/src/assets/icons/ri-compass-line.svg
--- a/demo/src/assets/icons/ri-computer-line.svg
+++ b/demo/src/assets/icons/ri-computer-line.svg
--- a/demo/src/assets/icons/ri-cup-fill.svg
+++ b/demo/src/assets/icons/ri-cup-fill.svg
--- a/demo/src/assets/icons/ri-cup-line.svg
+++ b/demo/src/assets/icons/ri-cup-line.svg
--- a/demo/src/assets/icons/ri-customer-service-2-line.svg
+++ b/demo/src/assets/icons/ri-customer-service-2-line.svg
--- a/demo/src/assets/icons/ri-discuss-fill.svg
+++ b/demo/src/assets/icons/ri-discuss-fill.svg
--- a/demo/src/assets/icons/ri-discuss-line.svg
+++ b/demo/src/assets/icons/ri-discuss-line.svg
--- a/demo/src/assets/icons/ri-drag-move-line.svg
+++ b/demo/src/assets/icons/ri-drag-move-line.svg
--- a/demo/src/assets/icons/ri-emotion-line.svg
+++ b/demo/src/assets/icons/ri-emotion-line.svg
--- a/demo/src/assets/icons/ri-emotion-sad-fill.svg
+++ b/demo/src/assets/icons/ri-emotion-sad-fill.svg
--- a/demo/src/assets/icons/ri-emotion-sad-line.svg
+++ b/demo/src/assets/icons/ri-emotion-sad-line.svg
--- a/demo/src/assets/icons/ri-error-warning-line.svg
+++ b/demo/src/assets/icons/ri-error-warning-line.svg
--- a/demo/src/assets/icons/ri-fingerprint-line.svg
+++ b/demo/src/assets/icons/ri-fingerprint-line.svg
--- a/demo/src/assets/icons/ri-github-fill.svg
+++ b/demo/src/assets/icons/ri-github-fill.svg
--- a/demo/src/assets/icons/ri-hand-heart-line.svg
+++ b/demo/src/assets/icons/ri-hand-heart-line.svg
--- a/demo/src/assets/icons/ri-heart-3-fill.svg
+++ b/demo/src/assets/icons/ri-heart-3-fill.svg
--- a/demo/src/assets/icons/ri-home-3-fill.svg
+++ b/demo/src/assets/icons/ri-home-3-fill.svg
--- a/demo/src/assets/icons/ri-home-3-line.svg
+++ b/demo/src/assets/icons/ri-home-3-line.svg
--- a/demo/src/assets/icons/ri-home-7-line.svg
+++ b/demo/src/assets/icons/ri-home-7-line.svg
--- a/demo/src/assets/icons/ri-hotel-bed-fill.svg
+++ b/demo/src/assets/icons/ri-hotel-bed-fill.svg
--- a/demo/src/assets/icons/ri-hotel-bed-line.svg
+++ b/demo/src/assets/icons/ri-hotel-bed-line.svg
--- a/demo/src/assets/icons/ri-image-2-fill.svg
+++ b/demo/src/assets/icons/ri-image-2-fill.svg
--- a/demo/src/assets/icons/ri-indent-decrease.svg
+++ b/demo/src/assets/icons/ri-indent-decrease.svg
--- a/demo/src/assets/icons/ri-information-line.svg
+++ b/demo/src/assets/icons/ri-information-line.svg
--- a/demo/src/assets/icons/ri-lock-line.svg
+++ b/demo/src/assets/icons/ri-lock-line.svg
--- a/demo/src/assets/icons/ri-macbook-fill.svg
+++ b/demo/src/assets/icons/ri-macbook-fill.svg
--- a/demo/src/assets/icons/ri-medal-fill.svg
+++ b/demo/src/assets/icons/ri-medal-fill.svg
--- a/demo/src/assets/icons/ri-mic-off-fill.svg
+++ b/demo/src/assets/icons/ri-mic-off-fill.svg
--- a/demo/src/assets/icons/ri-money-cny-circle-line.svg
+++ b/demo/src/assets/icons/ri-money-cny-circle-line.svg
--- a/demo/src/assets/icons/ri-moon-fill.svg
+++ b/demo/src/assets/icons/ri-moon-fill.svg
--- a/demo/src/assets/icons/ri-moon-line.svg
+++ b/demo/src/assets/icons/ri-moon-line.svg
--- a/demo/src/assets/icons/ri-more-fill.svg
+++ b/demo/src/assets/icons/ri-more-fill.svg
--- a/demo/src/assets/icons/ri-more-line.svg
+++ b/demo/src/assets/icons/ri-more-line.svg
--- a/demo/src/assets/icons/ri-movie-2-fill.svg
+++ b/demo/src/assets/icons/ri-movie-2-fill.svg
--- a/demo/src/assets/icons/ri-notification-2-line.svg
+++ b/demo/src/assets/icons/ri-notification-2-line.svg
--- a/demo/src/assets/icons/ri-paint-brush-fill.svg
+++ b/demo/src/assets/icons/ri-paint-brush-fill.svg
--- a/demo/src/assets/icons/ri-paint-brush-line.svg
+++ b/demo/src/assets/icons/ri-paint-brush-line.svg
--- a/demo/src/assets/icons/ri-parent-line.svg
+++ b/demo/src/assets/icons/ri-parent-line.svg
--- a/demo/src/assets/icons/ri-phone-fill.svg
+++ b/demo/src/assets/icons/ri-phone-fill.svg
--- a/demo/src/assets/icons/ri-plane-fill.svg
+++ b/demo/src/assets/icons/ri-plane-fill.svg
--- a/demo/src/assets/icons/ri-plane-line.svg
+++ b/demo/src/assets/icons/ri-plane-line.svg
--- a/demo/src/assets/icons/ri-qr-code-fill.svg
+++ b/demo/src/assets/icons/ri-qr-code-fill.svg
--- a/demo/src/assets/icons/ri-qr-scan-line.svg
+++ b/demo/src/assets/icons/ri-qr-scan-line.svg
--- a/demo/src/assets/icons/ri-radio-button-fill.svg
+++ b/demo/src/assets/icons/ri-radio-button-fill.svg
--- a/demo/src/assets/icons/ri-radio-button-line.svg
+++ b/demo/src/assets/icons/ri-radio-button-line.svg
--- a/demo/src/assets/icons/ri-restaurant-2-fill.svg
+++ b/demo/src/assets/icons/ri-restaurant-2-fill.svg
--- a/demo/src/assets/icons/ri-restaurant-2-line.svg
+++ b/demo/src/assets/icons/ri-restaurant-2-line.svg
--- a/demo/src/assets/icons/ri-riding-line.svg
+++ b/demo/src/assets/icons/ri-riding-line.svg
--- a/demo/src/assets/icons/ri-send-plane-line.svg
+++ b/demo/src/assets/icons/ri-send-plane-line.svg
--- a/demo/src/assets/icons/ri-service-line.svg
+++ b/demo/src/assets/icons/ri-service-line.svg
--- a/demo/src/assets/icons/ri-share-forward-2-fill.svg
+++ b/demo/src/assets/icons/ri-share-forward-2-fill.svg
--- a/demo/src/assets/icons/ri-share-forward-line.svg
+++ b/demo/src/assets/icons/ri-share-forward-line.svg
--- a/demo/src/assets/icons/ri-share-line.svg
+++ b/demo/src/assets/icons/ri-share-line.svg