From aea007917cf2788c8b48ddb164179e8bee7739f1 Mon Sep 17 00:00:00 2001
From: Dongsheng Zhao <zhaodongsheng@sj1.cn>
Date: Mon, 22 Jul 2024 11:23:04 +0800
Subject: [PATCH] docs: fix styles

---
 packages/docs/package.json                    |  2 +-
 .../flex-and-grid/FlexPlayground.svelte       | 15 +++-----------
 .../flex-and-grid/GridPlayground.svelte       |  4 ++--
 packages/ui/package.json                      |  3 ++-
 pnpm-lock.yaml                                | 20 +++++++++----------
 5 files changed, 18 insertions(+), 26 deletions(-)

diff --git a/packages/docs/package.json b/packages/docs/package.json
index 525b1d1..a361a3a 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -17,7 +17,7 @@
     "@sveltejs/adapter-static": "^3.0.2",
     "@sveltejs/kit": "^2.5.18",
     "@sveltejs/vite-plugin-svelte": "^3.1.1",
-    "@sveltepress/theme-default": "^2.0.4",
+    "@sveltepress/theme-default": "^2.0.6",
     "@sveltepress/vite": "^0.33.2",
     "@types/node": "^20.4.5",
     "sass": "^1.64.1",
diff --git a/packages/docs/src/routes/features/global-css-utils/flex-and-grid/FlexPlayground.svelte b/packages/docs/src/routes/features/global-css-utils/flex-and-grid/FlexPlayground.svelte
index ff2f317..aecab29 100644
--- a/packages/docs/src/routes/features/global-css-utils/flex-and-grid/FlexPlayground.svelte
+++ b/packages/docs/src/routes/features/global-css-utils/flex-and-grid/FlexPlayground.svelte
@@ -48,9 +48,9 @@
   <CRadioGroup options="{mapOptions(gutters)}" bind:value="{gutter}" />
 
   <div class="{`${finalClasses} c-row`}">
-    <div class="{`item c-col-${col}`}">1</div>
-    <div class="{`item c-col-${col}`}">2</div>
-    <div class="{`item c-col-${col}`}">3</div>
+    <div class="item c-col-{col} h-15">1</div>
+    <div class="item c-col-{col} h-30">2</div>
+    <div class="item c-col-{col} h-23">3</div>
   </div>
 </div>
 
@@ -58,13 +58,4 @@
   .item {
     --at-apply: 'bg-svp-primary text-white text-center flex items-center justify-center bg-clip-content';
   }
-  .item:nth-child(1) {
-    --at-apply: 'h-[60px]';
-  }
-  .item:nth-child(2) {
-    --at-apply: 'h-[120px]';
-  }
-  .item:nth-child(3) {
-    --at-apply: 'h-[90px]';
-  }
 </style>
diff --git a/packages/docs/src/routes/features/global-css-utils/flex-and-grid/GridPlayground.svelte b/packages/docs/src/routes/features/global-css-utils/flex-and-grid/GridPlayground.svelte
index 84c51dc..cecb2bf 100644
--- a/packages/docs/src/routes/features/global-css-utils/flex-and-grid/GridPlayground.svelte
+++ b/packages/docs/src/routes/features/global-css-utils/flex-and-grid/GridPlayground.svelte
@@ -61,14 +61,14 @@
   <CRadioGroup options="{mapOptions(itemNumArray)}" bind:value="{itemNum}" />
 
   <div
-    class="{`c-grid c-grid-col-${col} c-grid-row-${row} c-grid-gap-${gap} c-pa-${gap}`}"
+    class="c-grid c-grid-col-{col} c-grid-row-{row} c-grid-gap-{gap} c-pa-{gap}"
   >
     {#each activeItems as item, i (item)}
       <div
         animate:flip="{{
           duration: 500,
         }}"
-        class="{`item c-col-${col}`}"
+        class="item c-col-{col}"
         in:receive="{{
           key: item,
         }}"
diff --git a/packages/ui/package.json b/packages/ui/package.json
index df96857..1375511 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -38,7 +38,8 @@
   ],
   "scripts": {
     "build": "svelte-package -i src && vite build",
-    "build:icon": "vite build -c vite.icon.config.js"
+    "build:icon": "vite build -c vite.icon.config.js",
+    "prepare": "pnpm build:icon"
   },
   "peerDependencies": {
     "svelte": "^3.46.0 || ^4.0.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a98ca90..ff65282 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -54,8 +54,8 @@ importers:
         specifier: ^3.1.1
         version: 3.1.1(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1))
       '@sveltepress/theme-default':
-        specifier: ^2.0.4
-        version: 2.0.4(@algolia/client-search@4.24.0)(@babel/core@7.24.8)(@sveltejs/kit@2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(@sveltepress/vite@0.33.2(@babel/core@7.24.8)(@sveltejs/kit@2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(postcss-load-config@3.1.4(postcss@8.4.39))(postcss@8.4.39)(rollup@2.79.1)(sass@1.64.1)(svelte@4.1.1)(typescript@5.5.3)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(@types/react@18.2.17)(postcss-load-config@3.1.4(postcss@8.4.39))(postcss@8.4.39)(rollup@2.79.1)(sass@1.64.1)(search-insights@2.6.0)(svelte@4.1.1)(typescript@5.5.3)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1))(workbox-build@7.0.0)(workbox-window@7.0.0)
+        specifier: ^2.0.6
+        version: 2.0.6(qpj26wvo5j7k4qpvusysllbie4)
       '@sveltepress/vite':
         specifier: ^0.33.2
         version: 0.33.2(@babel/core@7.24.8)(@sveltejs/kit@2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(postcss-load-config@3.1.4(postcss@8.4.39))(postcss@8.4.39)(rollup@2.79.1)(sass@1.64.1)(svelte@4.1.1)(typescript@5.5.3)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1))
@@ -1915,8 +1915,8 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.0
 
-  '@sveltepress/theme-default@2.0.4':
-    resolution: {integrity: sha512-V9x8EQUoFU4TMnUoek8t4WwLry5eMuiIjGj9X5zVRRESLM1tK5ds/aeezKuJCjucynBBRKZ/VbRUP+kWkABpTw==}
+  '@sveltepress/theme-default@2.0.6':
+    resolution: {integrity: sha512-OYSaFcGox2yjyavQGxhHavMv9Gv2sEGKah5qLVWkd1SXUUdrFd0gGrI/RKgTrUAqB63ubM8ghcVhqaEY34ER3g==}
     peerDependencies:
       '@sveltejs/kit': ^1.20.4 || ^2.0.0
       '@sveltejs/vite-plugin-svelte': ^3.0.1
@@ -7599,8 +7599,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  ? '@sveltepress/theme-default@2.0.4(@algolia/client-search@4.24.0)(@babel/core@7.24.8)(@sveltejs/kit@2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(@sveltepress/vite@0.33.2(@babel/core@7.24.8)(@sveltejs/kit@2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.1.1)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(postcss-load-config@3.1.4(postcss@8.4.39))(postcss@8.4.39)(rollup@2.79.1)(sass@1.64.1)(svelte@4.1.1)(typescript@5.5.3)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1)))(@types/react@18.2.17)(postcss-load-config@3.1.4(postcss@8.4.39))(postcss@8.4.39)(rollup@2.79.1)(sass@1.64.1)(search-insights@2.6.0)(svelte@4.1.1)(typescript@5.5.3)(vite@5.3.3(@types/node@20.4.5)(sass@1.64.1)(terser@5.18.1))(workbox-build@7.0.0)(workbox-window@7.0.0)'
-  : dependencies:
+  '@sveltepress/theme-default@2.0.6(qpj26wvo5j7k4qpvusysllbie4)':
+    dependencies:
       '@docsearch/css': 3.6.0
       '@docsearch/js': 3.6.0(@algolia/client-search@4.24.0)(@types/react@18.2.17)(search-insights@2.6.0)
       '@iconify/json': 2.2.227
@@ -8258,7 +8258,7 @@ snapshots:
       emmet: 2.4.7
       jsonc-parser: 2.3.1
       vscode-languageserver-textdocument: 1.0.11
-      vscode-languageserver-types: 3.17.2
+      vscode-languageserver-types: 3.17.5
       vscode-nls: 5.2.0
       vscode-uri: 2.1.2
 
@@ -11553,11 +11553,11 @@ snapshots:
 
   svelte-language-server@0.16.13(@babel/core@7.24.8)(postcss-load-config@3.1.4(postcss@8.4.39))(postcss@8.4.39)(sass@1.64.1):
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.18
+      '@jridgewell/trace-mapping': 0.3.25
       '@vscode/emmet-helper': 2.8.4
-      chokidar: 3.5.3
+      chokidar: 3.6.0
       estree-walker: 2.0.2
-      fast-glob: 3.3.1
+      fast-glob: 3.3.2
       lodash: 4.17.21
       prettier: 3.2.5
       prettier-plugin-svelte: 3.2.5(prettier@3.2.5)(svelte@3.59.2)