diff --git a/.changeset/petite-boxes-cut.md b/.changeset/petite-boxes-cut.md new file mode 100644 index 00000000..ce58baa5 --- /dev/null +++ b/.changeset/petite-boxes-cut.md @@ -0,0 +1,5 @@ +--- +'@fuzdev/fuz_code': minor +--- + +upgrade fuz_css diff --git a/.github/workflows/check.yml b/.github/workflows/check.yml index 3153f40d..b8255567 100644 --- a/.github/workflows/check.yml +++ b/.github/workflows/check.yml @@ -24,5 +24,4 @@ jobs: with: node-version: ${{ matrix.node-version }} - run: npm ci - - run: npx @ryanatkn/gro check --workspace - - run: npx @ryanatkn/gro build + - run: npx @ryanatkn/gro check --workspace --build diff --git a/package-lock.json b/package-lock.json index ca762f89..4075e116 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,15 +10,15 @@ "license": "MIT", "devDependencies": { "@changesets/changelog-git": "^0.2.1", - "@fuzdev/fuz_css": "^0.44.1", - "@fuzdev/fuz_ui": "^0.178.2", - "@fuzdev/fuz_util": "^0.45.3", + "@fuzdev/fuz_css": "^0.45.0", + "@fuzdev/fuz_ui": "^0.180.0", + "@fuzdev/fuz_util": "^0.48.2", "@ryanatkn/eslint-config": "^0.9.0", - "@ryanatkn/gro": "^0.186.0", + "@ryanatkn/gro": "^0.189.3", "@sveltejs/adapter-static": "^3.0.10", - "@sveltejs/kit": "^2.49.1", + "@sveltejs/kit": "^2.50.1", "@sveltejs/package": "^2.5.7", - "@sveltejs/vite-plugin-svelte": "^6.2.1", + "@sveltejs/vite-plugin-svelte": "^6.2.4", "@types/node": "^24.10.1", "@webref/css": "^8.2.0", "eslint": "^9.39.1", @@ -26,8 +26,8 @@ "esm-env": "^1.2.2", "prettier": "^3.7.4", "prettier-plugin-svelte": "^3.4.1", - "svelte": "^5.45.6", - "svelte-check": "^4.3.4", + "svelte": "^5.48.5", + "svelte-check": "^4.3.5", "tslib": "^2.8.1", "typescript": "^5.9.3", "typescript-eslint": "^8.48.1", @@ -729,9 +729,9 @@ } }, "node_modules/@fuzdev/fuz_css": { - "version": "0.44.1", - "resolved": "https://registry.npmjs.org/@fuzdev/fuz_css/-/fuz_css-0.44.1.tgz", - "integrity": "sha512-WZ+Tws9/QeRx1FH+oSY6ZIZJ8PAnvfMMuzXXG27+YY+/Yj06mGdQRX8ct4ANp9l2Ll1sJJkA6NnVvQsIfbL9dw==", + "version": "0.45.0", + "resolved": "https://registry.npmjs.org/@fuzdev/fuz_css/-/fuz_css-0.45.0.tgz", + "integrity": "sha512-gCRJmJth8WvM45mYs6TuwrXrZWKOv7cb6ZYPjVGfF2fe3xD8mG5C5+FkGaCjkv6MuDBpveampGppJyZC4Hdgzg==", "dev": true, "license": "MIT", "engines": { @@ -745,7 +745,8 @@ "@sveltejs/acorn-typescript": "^1", "@webref/css": "^8", "acorn-jsx": "^5", - "zimmerframe": "^1" + "zimmerframe": "^1", + "zod": "^4" }, "peerDependenciesMeta": { "@fuzdev/fuz_util": { @@ -762,13 +763,16 @@ }, "zimmerframe": { "optional": true + }, + "zod": { + "optional": true } } }, "node_modules/@fuzdev/fuz_ui": { - "version": "0.178.2", - "resolved": "https://registry.npmjs.org/@fuzdev/fuz_ui/-/fuz_ui-0.178.2.tgz", - "integrity": "sha512-DPUx9JWGQNOXABULwgf53rAVo/KS7/3R5FnNPYhJRhROGZ1wtmSMbdyTIILC6ojILSs97Ys+jG73RZkN5E0tRA==", + "version": "0.180.0", + "resolved": "https://registry.npmjs.org/@fuzdev/fuz_ui/-/fuz_ui-0.180.0.tgz", + "integrity": "sha512-JzA8UdS2c7z2U9L0YvZ+VGHzKOmAYMMQLbaMVOuw4KrIRWAthVobWXZilOTEj9doIdg0YAbaN3OXzgGVJ1VJjQ==", "dev": true, "license": "MIT", "engines": { @@ -778,7 +782,7 @@ "url": "https://www.ryanatkn.com/funding" }, "peerDependencies": { - "@fuzdev/fuz_code": ">=0.39.0", + "@fuzdev/fuz_code": ">=0.40.0", "@fuzdev/fuz_css": ">=0.44.1", "@fuzdev/fuz_util": ">=0.45.3", "@jridgewell/trace-mapping": "^0.3", @@ -805,9 +809,9 @@ } }, "node_modules/@fuzdev/fuz_util": { - "version": "0.45.3", - "resolved": "https://registry.npmjs.org/@fuzdev/fuz_util/-/fuz_util-0.45.3.tgz", - "integrity": "sha512-N0xaUwFxGG1FuEkcVqB4t8Gqs2ReCVmmQf1kI7gErGuyKV9mRycHSFWFyT7/hQ9K4/0epsZj4cejj5fYIjkG/Q==", + "version": "0.48.2", + "resolved": "https://registry.npmjs.org/@fuzdev/fuz_util/-/fuz_util-0.48.2.tgz", + "integrity": "sha512-xrgKZ3VrN5K5BC0qlSVvO3gMrmKspsiLi7I9SnzsCqIUAgl6ejb91Qb5MJ2XW5EzQRDIoZjNCVWNpDoqgToPog==", "dev": true, "license": "MIT", "engines": { @@ -1540,16 +1544,15 @@ } }, "node_modules/@ryanatkn/gro": { - "version": "0.186.0", - "resolved": "https://registry.npmjs.org/@ryanatkn/gro/-/gro-0.186.0.tgz", - "integrity": "sha512-Yq/KtVKUpcYarJ9Xuh7OGJoDf9OYCZtRAeVSgIfv54gt2O13J+TMDp9ESnXc5Ohfs4t2QvyCeEmLEL0mW6PSpQ==", + "version": "0.189.3", + "resolved": "https://registry.npmjs.org/@ryanatkn/gro/-/gro-0.189.3.tgz", + "integrity": "sha512-E+vPZX2OwEFk1j9VEtI+mKACQDJHtkvxo/HJQyEOUE2K1YRPIGb5b8oU8ysnQSXcJl3DiWs8mgwd302VuRoM8A==", "dev": true, "license": "MIT", "dependencies": { "chokidar": "^5.0.0", "dotenv": "^17.2.3", "esm-env": "^1.2.2", - "mri": "^1.2.0", "oxc-parser": "^0.99.0", "prettier": "^3.7.4", "prettier-plugin-svelte": "^3.4.1", @@ -1570,7 +1573,7 @@ "vitest": "^3 || ^4" }, "peerDependencies": { - "@fuzdev/fuz_util": ">=0.45.3", + "@fuzdev/fuz_util": ">=0.48.0", "@sveltejs/kit": "^2", "esbuild": "^0.27.0", "svelte": "^5", @@ -1644,9 +1647,9 @@ } }, "node_modules/@sveltejs/kit": { - "version": "2.49.1", - "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.49.1.tgz", - "integrity": "sha512-vByReCTTdlNM80vva8alAQC80HcOiHLkd8XAxIiKghKSHcqeNfyhp3VsYAV8VSiPKu4Jc8wWCfsZNAIvd1uCqA==", + "version": "2.50.1", + "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.50.1.tgz", + "integrity": "sha512-XRHD2i3zC4ukhz2iCQzO4mbsts081PAZnnMAQ7LNpWeYgeBmwMsalf0FGSwhFXBbtr2XViPKnFJBDCckWqrsLw==", "dev": true, "license": "MIT", "dependencies": { @@ -1655,7 +1658,7 @@ "@types/cookie": "^0.6.0", "acorn": "^8.14.1", "cookie": "^0.6.0", - "devalue": "^5.3.2", + "devalue": "^5.6.2", "esm-env": "^1.2.2", "kleur": "^4.1.5", "magic-string": "^0.30.5", @@ -1674,11 +1677,15 @@ "@opentelemetry/api": "^1.0.0", "@sveltejs/vite-plugin-svelte": "^3.0.0 || ^4.0.0-next.1 || ^5.0.0 || ^6.0.0-next.0", "svelte": "^4.0.0 || ^5.0.0-next.0", + "typescript": "^5.3.3", "vite": "^5.0.3 || ^6.0.0 || ^7.0.0-beta.0" }, "peerDependenciesMeta": { "@opentelemetry/api": { "optional": true + }, + "typescript": { + "optional": true } } }, @@ -1736,16 +1743,16 @@ } }, "node_modules/@sveltejs/vite-plugin-svelte": { - "version": "6.2.1", - "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-6.2.1.tgz", - "integrity": "sha512-YZs/OSKOQAQCnJvM/P+F1URotNnYNeU3P2s4oIpzm1uFaqUEqRxUB0g5ejMjEb5Gjb9/PiBI5Ktrq4rUUF8UVQ==", + "version": "6.2.4", + "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-6.2.4.tgz", + "integrity": "sha512-ou/d51QSdTyN26D7h6dSpusAKaZkAiGM55/AKYi+9AGZw7q85hElbjK3kEyzXHhLSnRISHOYzVge6x0jRZ7DXA==", "dev": true, "license": "MIT", "dependencies": { "@sveltejs/vite-plugin-svelte-inspector": "^5.0.0", - "debug": "^4.4.1", "deepmerge": "^4.3.1", - "magic-string": "^0.30.17", + "magic-string": "^0.30.21", + "obug": "^2.1.0", "vitefu": "^1.1.1" }, "engines": { @@ -2509,9 +2516,9 @@ } }, "node_modules/devalue": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/devalue/-/devalue-5.5.0.tgz", - "integrity": "sha512-69sM5yrHfFLJt0AZ9QqZXGCPfJ7fQjvpln3Rq5+PS03LD32Ost1Q9N+eEnaQwGRIriKkMImXD56ocjQmfjbV3w==", + "version": "5.6.2", + "resolved": "https://registry.npmjs.org/devalue/-/devalue-5.6.2.tgz", + "integrity": "sha512-nPRkjWzzDQlsejL1WVifk5rvcFi/y1onBRxjaFMjZeR9mFpqu2gmAZ9xUB9/IEanEP/vBtGeGganC/GO1fmufg==", "dev": true, "license": "MIT" }, @@ -3778,9 +3785,9 @@ } }, "node_modules/svelte": { - "version": "5.45.6", - "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.45.6.tgz", - "integrity": "sha512-V3aVXthzPyPt1UB1wLEoXnEXpwPsvs7NHrR0xkCor8c11v71VqBj477MClqPZYyrcXrAH21sNGhOj9FJvSwXfQ==", + "version": "5.48.5", + "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.48.5.tgz", + "integrity": "sha512-NB3o70OxfmnE5UPyLr8uH3IV02Q43qJVAuWigYmsSOYsS0s/rHxP0TF81blG0onF/xkhNvZw4G8NfzIX+By5ZQ==", "dev": true, "license": "MIT", "dependencies": { @@ -3792,7 +3799,7 @@ "aria-query": "^5.3.1", "axobject-query": "^4.1.0", "clsx": "^2.1.1", - "devalue": "^5.5.0", + "devalue": "^5.6.2", "esm-env": "^1.2.1", "esrap": "^2.2.1", "is-reference": "^3.0.3", @@ -3805,9 +3812,9 @@ } }, "node_modules/svelte-check": { - "version": "4.3.4", - "resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-4.3.4.tgz", - "integrity": "sha512-DVWvxhBrDsd+0hHWKfjP99lsSXASeOhHJYyuKOFYJcP7ThfSCKgjVarE8XfuMWpS5JV3AlDf+iK1YGGo2TACdw==", + "version": "4.3.5", + "resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-4.3.5.tgz", + "integrity": "sha512-e4VWZETyXaKGhpkxOXP+B/d0Fp/zKViZoJmneZWe/05Y2aqSKj3YN2nLfYPJBQ87WEiY4BQCQ9hWGu9mPT1a1Q==", "dev": true, "license": "MIT", "dependencies": { diff --git a/package.json b/package.json index 0298c299..6a164e89 100644 --- a/package.json +++ b/package.json @@ -45,15 +45,15 @@ }, "devDependencies": { "@changesets/changelog-git": "^0.2.1", - "@fuzdev/fuz_css": "^0.44.1", - "@fuzdev/fuz_ui": "^0.178.2", - "@fuzdev/fuz_util": "^0.45.3", + "@fuzdev/fuz_css": "^0.45.0", + "@fuzdev/fuz_ui": "^0.180.0", + "@fuzdev/fuz_util": "^0.48.2", "@ryanatkn/eslint-config": "^0.9.0", - "@ryanatkn/gro": "^0.186.0", + "@ryanatkn/gro": "^0.189.3", "@sveltejs/adapter-static": "^3.0.10", - "@sveltejs/kit": "^2.49.1", + "@sveltejs/kit": "^2.50.1", "@sveltejs/package": "^2.5.7", - "@sveltejs/vite-plugin-svelte": "^6.2.1", + "@sveltejs/vite-plugin-svelte": "^6.2.4", "@types/node": "^24.10.1", "@webref/css": "^8.2.0", "eslint": "^9.39.1", @@ -61,8 +61,8 @@ "esm-env": "^1.2.2", "prettier": "^3.7.4", "prettier-plugin-svelte": "^3.4.1", - "svelte": "^5.45.6", - "svelte-check": "^4.3.4", + "svelte": "^5.48.5", + "svelte-check": "^4.3.5", "tslib": "^2.8.1", "typescript": "^5.9.3", "typescript-eslint": "^8.48.1", diff --git a/src/lib/theme.css b/src/lib/theme.css index 6cba23de..23aa63b2 100644 --- a/src/lib/theme.css +++ b/src/lib/theme.css @@ -2,7 +2,7 @@ .token_doctype, .token_cdata, .token_punctuation { - color: var(--text_color_5); + color: var(--text_50); } .token_tag, @@ -16,7 +16,7 @@ .token_heading, .token_heading_punctuation, .token_tag_punctuation { - color: var(--color_a_5); + color: var(--color_a_50); } .token_comment, @@ -24,13 +24,13 @@ .token_inserted, .token_blockquote, .token_blockquote_punctuation { - color: var(--color_b_5); + color: var(--color_b_50); } .token_builtin, .token_class_name, .token_number { - color: var(--color_j_5); + color: var(--color_j_50); } .token_attr_value, @@ -39,12 +39,12 @@ .token_template_punctuation, .token_inline_code, .token_code_punctuation { - color: var(--color_h_5); + color: var(--color_h_50); } /* attr_equals must be after attr_value */ .token_attr_equals { - color: var(--text_color_5); + color: var(--text_50); } .token_selector, @@ -52,11 +52,11 @@ .token_regex, .token_important, .token_variable { - color: var(--color_e_5); + color: var(--color_e_50); } .token_atrule { - color: var(--color_f_5); + color: var(--color_f_50); } .token_attr_name, @@ -66,18 +66,18 @@ .token_link_text_wrapper, .token_link_text, .token_link_punctuation { - color: var(--color_i_5); + color: var(--color_i_50); } .token_special_keyword, .token_namespace, .token_rule { - color: var(--color_g_5); + color: var(--color_g_50); } .token_at_keyword, .token_url { - color: var(--color_d_5); + color: var(--color_d_50); } .token_url { diff --git a/src/lib/theme_highlight.css b/src/lib/theme_highlight.css index 266ea02c..778ad85c 100644 --- a/src/lib/theme_highlight.css +++ b/src/lib/theme_highlight.css @@ -6,7 +6,7 @@ ::highlight(token_cdata), .token_punctuation, ::highlight(token_punctuation) { - color: var(--text_color_5); + color: var(--text_50); } .token_tag, @@ -31,7 +31,7 @@ ::highlight(token_heading_punctuation), .token_tag_punctuation, ::highlight(token_tag_punctuation) { - color: var(--color_a_5); + color: var(--color_a_50); } .token_comment, @@ -44,7 +44,7 @@ ::highlight(token_blockquote), .token_blockquote_punctuation, ::highlight(token_blockquote_punctuation) { - color: var(--color_b_5); + color: var(--color_b_50); } .token_builtin, @@ -53,7 +53,7 @@ ::highlight(token_class_name), .token_number, ::highlight(token_number) { - color: var(--color_j_5); + color: var(--color_j_50); } .token_attr_value, @@ -68,13 +68,13 @@ ::highlight(token_inline_code), .token_code_punctuation, ::highlight(token_code_punctuation) { - color: var(--color_h_5); + color: var(--color_h_50); } /* attr_equals must be after attr_value */ .token_attr_equals, ::highlight(token_attr_equals) { - color: var(--text_color_5); + color: var(--text_50); } .token_selector, @@ -87,12 +87,12 @@ ::highlight(token_important), .token_variable, ::highlight(token_variable) { - color: var(--color_e_5); + color: var(--color_e_50); } .token_atrule, ::highlight(token_atrule) { - color: var(--color_f_5); + color: var(--color_f_50); } .token_attr_name, @@ -109,7 +109,7 @@ ::highlight(token_link_text), .token_link_punctuation, ::highlight(token_link_punctuation) { - color: var(--color_i_5); + color: var(--color_i_50); } .token_special_keyword, @@ -118,14 +118,14 @@ ::highlight(token_namespace), .token_rule, ::highlight(token_rule) { - color: var(--color_g_5); + color: var(--color_g_50); } .token_at_keyword, ::highlight(token_at_keyword), .token_url, ::highlight(token_url) { - color: var(--color_d_5); + color: var(--color_d_50); } .token_url, diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 31514b6a..edb30f82 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -31,7 +31,7 @@
-
+
diff --git a/src/routes/fuz.css b/src/routes/fuz.css index 9dd85384..397be5a7 100644 --- a/src/routes/fuz.css +++ b/src/routes/fuz.css @@ -20,18 +20,22 @@ } /* A pane is a box floating over the page, like for dialogs. By default it's opaque, resetting the background to the initial depth. */ .pane { - background-color: var(--pane_bg, var(--bg)); + background-color: var(--shade_00); box-shadow: var( --pane_shadow, var(--shadow_bottom_md) - color-mix(in hsl, var(--shadow_color) var(--shadow_alpha_3), transparent) + color-mix( + in hsl, + var(--shadow_color, var(--shadow_color_umbra)) var(--shadow_alpha_50), + transparent + ) ); border-radius: var(--border_radius_xs); } /* A panel is a box embedded into the page, useful for visually isolating content. */ .panel { border-radius: var(--border_radius_xs); - background-color: var(--panel_bg, var(--fg_1)); + background-color: var(--fg_10); } /* TODO other button variants? @@ -60,7 +64,7 @@ These are used as modifiers to buttons. } .menu_item { --border_radius: 0; - --border_color: var(--border_color_3); + --border_color: var(--border_color_30); position: relative; z-index: 2; cursor: pointer; @@ -72,9 +76,9 @@ These are used as modifiers to buttons. padding: var(--menu_item_padding, var(--space_xs3) var(--space_xs)); } .menu_item.selected { - /* TODO different patterns for border and bg? */ - --border_color: var(--color_a_5); - background-color: var(--fg_1); + /* TODO different patterns for border and surface? */ + --border_color: var(--color_a_50); + background-color: var(--fg_10); z-index: 1; cursor: default; } @@ -82,13 +86,13 @@ These are used as modifiers to buttons. cursor: pointer; } .menu_item:hover { - --border_color: var(--border_color_3); - background-color: var(--fg_0); + --border_color: var(--border_color_30); + background-color: var(--fg_10); } .menu_item:active, .menu_item.selected:hover { - --border_color: var(--border_color_3); - background-color: var(--fg_2); + --border_color: var(--border_color_30); + background-color: var(--fg_20); } .menu_item.plain { border: none; @@ -119,12 +123,55 @@ These are used as modifiers to buttons. font-weight: 500; padding-left: var(--space_xs); padding-right: var(--space_xs); - background-color: var(--fg_1); + background-color: var(--fg_10); border-radius: var(--border_radius_xs); } a.chip { font-weight: 600; } +.chip.color_a { + color: var(--color_a_50); + background-color: var(--color_a_10); +} +.chip.color_b { + color: var(--color_b_50); + background-color: var(--color_b_10); +} +.chip.color_c { + color: var(--color_c_50); + background-color: var(--color_c_10); +} +.chip.color_d { + color: var(--color_d_50); + background-color: var(--color_d_10); +} +.chip.color_e { + color: var(--color_e_50); + background-color: var(--color_e_10); +} +.chip.color_f { + color: var(--color_f_50); + background-color: var(--color_f_10); +} +.chip.color_g { + color: var(--color_g_50); + background-color: var(--color_g_10); +} +.chip.color_h { + color: var(--color_h_50); + background-color: var(--color_h_10); +} +.chip.color_i { + color: var(--color_i_50); + background-color: var(--color_i_10); +} +.chip.color_j { + color: var(--color_j_50); + background-color: var(--color_j_10); +} +.font_family_mono { + font-family: var(--font_family_mono); +} .font_size_sm { font-size: var(--font_size_sm); --font_size: var(--font_size_sm); @@ -145,35 +192,44 @@ a.chip { font-size: var(--font_size_xl2); --font_size: var(--font_size_xl2); } -.text_color_3 { - color: var(--text_color_3); +.text_70 { + color: var(--text_70); + --text_color: var(--text_70); } -.bg { - background-color: var(--bg); +.shade_00 { + background-color: var(--shade_00); } -.color_a_5 { - color: var(--color_a_5); +.color_a_50 { + color: var(--color_a_50); + --text_color: var(--color_a_50); } -.color_b_5 { - color: var(--color_b_5); +.color_b_50 { + color: var(--color_b_50); + --text_color: var(--color_b_50); } -.color_c_5 { - color: var(--color_c_5); +.color_c_50 { + color: var(--color_c_50); + --text_color: var(--color_c_50); } -.color_d_5 { - color: var(--color_d_5); +.color_d_50 { + color: var(--color_d_50); + --text_color: var(--color_d_50); } -.color_e_5 { - color: var(--color_e_5); +.color_e_50 { + color: var(--color_e_50); + --text_color: var(--color_e_50); } -.color_f_5 { - color: var(--color_f_5); +.color_f_50 { + color: var(--color_f_50); + --text_color: var(--color_f_50); } -.color_g_5 { - color: var(--color_g_5); +.color_g_50 { + color: var(--color_g_50); + --text_color: var(--color_g_50); } -.color_h_5 { - color: var(--color_h_5); +.color_h_50 { + color: var(--color_h_50); + --text_color: var(--color_h_50); } .border_radius_xs { border-radius: var(--border_radius_xs); @@ -183,11 +239,19 @@ a.chip { } .shadow_sm { box-shadow: var(--shadow_sm) - color-mix(in hsl, var(--shadow_color) var(--shadow_alpha, var(--shadow_alpha_2)), transparent); + color-mix( + in hsl, + var(--shadow_color, var(--shadow_color_umbra)) var(--shadow_alpha, var(--shadow_alpha_40)), + transparent + ); } .shadow_inset_xs { box-shadow: var(--shadow_inset_xs) - color-mix(in hsl, var(--shadow_color) var(--shadow_alpha, var(--shadow_alpha_1)), transparent); + color-mix( + in hsl, + var(--shadow_color, var(--shadow_color_umbra)) var(--shadow_alpha, var(--shadow_alpha_30)), + transparent + ); } .width_atmost_sm { width: 100%; @@ -254,6 +318,10 @@ a.chip { padding-top: var(--space_sm); padding-bottom: var(--space_sm); } +.py_md { + padding-top: var(--space_md); + padding-bottom: var(--space_md); +} .py_xl5 { padding-top: var(--space_xl5); padding-bottom: var(--space_xl5); @@ -308,6 +376,9 @@ a.chip { margin-top: var(--space_xl5); margin-bottom: var(--space_xl5); } +.gap_xs2 { + gap: var(--space_xs2); +} .gap_sm { gap: var(--space_sm); } diff --git a/src/routes/library.json b/src/routes/library.json index bbc13a88..555aae54 100644 --- a/src/routes/library.json +++ b/src/routes/library.json @@ -56,15 +56,15 @@ }, "devDependencies": { "@changesets/changelog-git": "^0.2.1", - "@fuzdev/fuz_css": "^0.44.1", - "@fuzdev/fuz_ui": "^0.178.2", - "@fuzdev/fuz_util": "^0.45.3", + "@fuzdev/fuz_css": "^0.45.0", + "@fuzdev/fuz_ui": "^0.180.0", + "@fuzdev/fuz_util": "^0.48.2", "@ryanatkn/eslint-config": "^0.9.0", - "@ryanatkn/gro": "^0.186.0", + "@ryanatkn/gro": "^0.189.3", "@sveltejs/adapter-static": "^3.0.10", - "@sveltejs/kit": "^2.49.1", + "@sveltejs/kit": "^2.50.1", "@sveltejs/package": "^2.5.7", - "@sveltejs/vite-plugin-svelte": "^6.2.1", + "@sveltejs/vite-plugin-svelte": "^6.2.4", "@types/node": "^24.10.1", "@webref/css": "^8.2.0", "eslint": "^9.39.1", @@ -72,8 +72,8 @@ "esm-env": "^1.2.2", "prettier": "^3.7.4", "prettier-plugin-svelte": "^3.4.1", - "svelte": "^5.45.6", - "svelte-check": "^4.3.4", + "svelte": "^5.48.5", + "svelte-check": "^4.3.5", "tslib": "^2.8.1", "typescript": "^5.9.3", "typescript-eslint": "^8.48.1",