diff --git a/.well-known/package.json b/.well-known/package.json index f03034e71..37cefeb93 100644 --- a/.well-known/package.json +++ b/.well-known/package.json @@ -1,6 +1,6 @@ { "name": "@ryanatkn/fuz", - "version": "0.101.3", + "version": "0.101.4", "description": "Svelte UI library", "motto": "friendly user zystem", "icon": "๐งถ", @@ -55,12 +55,12 @@ "@typescript-eslint/eslint-plugin": "^7.10.0", "@typescript-eslint/parser": "^7.10.0", "eslint": "^8.57.0", - "eslint-plugin-svelte": "^2.36.0-next.13", + "eslint-plugin-svelte": "^2.39.3", "prettier": "^3.2.5", "prettier-plugin-svelte": "^3.2.3", "prism-svelte": "^0.5.0", "prismjs": "^1.29.0", - "svelte": "^5.0.0-next.141", + "svelte": "^5.0.0-next.153", "svelte-check": "^3.7.1", "tslib": "^2.6.2", "typescript": "^5.4.5", diff --git a/.well-known/src.json b/.well-known/src.json index e41506574..0687ef267 100644 --- a/.well-known/src.json +++ b/.well-known/src.json @@ -1,6 +1,6 @@ { "name": "@ryanatkn/fuz", - "version": "0.101.3", + "version": "0.101.4", "modules": { "./package.json": { "path": "package.json", diff --git a/_app/immutable/assets/Hashlink.DTRRn5r0.css b/_app/immutable/assets/Hashlink.DTRRn5r0.css deleted file mode 100644 index bf5fca4d5..000000000 --- a/_app/immutable/assets/Hashlink.DTRRn5r0.css +++ /dev/null @@ -1 +0,0 @@ -.hashlink.svelte-1n8y6uc{font-size:var(--size_lg);position:absolute;left:-3.5rem;bottom:calc(var(--size, var(--size_md)) * .1);opacity:0;transition:opacity var(--duration_2)}.hashlink_scroll_target.svelte-1n8y6uc{position:absolute;top:calc(var(--size, var(--size_md)) * -4);left:0}@media (max-width: 1000px){.hashlink.svelte-1n8y6uc{position:static}}@media (max-width: 800px){.hashlink.svelte-1n8y6uc{opacity:1}} diff --git a/_app/immutable/assets/Hashlink.VcgNwRhJ.css b/_app/immutable/assets/Hashlink.VcgNwRhJ.css new file mode 100644 index 000000000..948f4026b --- /dev/null +++ b/_app/immutable/assets/Hashlink.VcgNwRhJ.css @@ -0,0 +1 @@ +.hashlink.svelte-iahrxw{font-size:var(--size_lg);padding:0 var(--space_sm);margin-left:var(--space_sm);opacity:0;transition:opacity var(--duration_2)}.hashlink_scroll_target.svelte-iahrxw{position:absolute;top:calc(var(--size, var(--size_md)) * -4);left:0}@media (max-width: 800px){.hashlink.svelte-iahrxw{opacity:1}} diff --git a/_app/immutable/assets/Tome_Detail.Ben6MdlA.css b/_app/immutable/assets/Tome_Detail.Ben6MdlA.css new file mode 100644 index 000000000..4b56d4e07 --- /dev/null +++ b/_app/immutable/assets/Tome_Detail.Ben6MdlA.css @@ -0,0 +1 @@ +.tome_title.svelte-187f62t{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:var(--space_xl4)}.tome_title.svelte-187f62t:hover .hashlink{opacity:1}.tome_detail.svelte-1f6fepp{margin-bottom:var(--space_xl9)}header.svelte-1f6fepp{margin-bottom:var(--space_xl3)} diff --git a/_app/immutable/assets/Tome_Detail.xdQffhOq.css b/_app/immutable/assets/Tome_Detail.xdQffhOq.css deleted file mode 100644 index ef22c85f4..000000000 --- a/_app/immutable/assets/Tome_Detail.xdQffhOq.css +++ /dev/null @@ -1 +0,0 @@ -.tome_title.svelte-5me3nn{margin-top:var(--space_xl4);position:relative}.tome_title.svelte-5me3nn:hover .hashlink{opacity:1}.tome_detail.svelte-1f6fepp{margin-bottom:var(--space_xl9)}header.svelte-1f6fepp{margin-bottom:var(--space_xl3)} diff --git a/_app/immutable/assets/Tome_Subheading.Bf2h3gFB.css b/_app/immutable/assets/Tome_Subheading.Bf2h3gFB.css deleted file mode 100644 index 71a80fbc1..000000000 --- a/_app/immutable/assets/Tome_Subheading.Bf2h3gFB.css +++ /dev/null @@ -1 +0,0 @@ -:is(h3.svelte-10wpo2b,h4.svelte-10wpo2b){position:relative}.svelte-10wpo2b:is(h3:where(.svelte-10wpo2b),h4:where(.svelte-10wpo2b)):hover .hashlink{opacity:1} diff --git a/_app/immutable/assets/Tome_Subheading.Diopi8OZ.css b/_app/immutable/assets/Tome_Subheading.Diopi8OZ.css new file mode 100644 index 000000000..df7880ef7 --- /dev/null +++ b/_app/immutable/assets/Tome_Subheading.Diopi8OZ.css @@ -0,0 +1 @@ +.tome_subheading.svelte-mngpav{position:relative;display:flex;align-items:center;justify-content:space-between}.tome_subheading.svelte-mngpav:hover .hashlink{opacity:1} diff --git a/_app/immutable/chunks/26.KLLrnQHx.js b/_app/immutable/chunks/26.KLLrnQHx.js new file mode 100644 index 000000000..c33944634 --- /dev/null +++ b/_app/immutable/chunks/26.KLLrnQHx.js @@ -0,0 +1,63 @@ +import{a as o,t as c,c as r,s as e,b as j,f as y}from"./disclose-version.B0kWSal4.js";import{g as t,w as B,I as ee,p as ke,t as K,a as we,a9 as T,d as h,K as $t}from"./runtime.B6fxmSPv.js";import{d as Le,s as te,f as kt}from"./render.BxneDx_a.js";import{p as _e}from"./proxy.DLPnr9ie.js";import{i as C}from"./if.BMt7BDry.js";import{e as je}from"./each.ClcwDRCS.js";import{t as qe}from"./class.BaeTRNXf.js";import{s as me}from"./style.iv2mhl8q.js";import{u as rt,s as $e,a as Ve}from"./store.BbeRo_gE.js";import{w as Z,g as Ze}from"./index.C7jSgUSY.js";import{C as x}from"./Code.DnJH9Jbn.js";import{r as at,a as st,g as ct,s as wt,b as xt,e as Ct,d as It,f as zt}from"./Themed.I_sfOgDp.js";import{T as Pt}from"./Tome_Detail.BhdmNuDF.js";import{D as ie}from"./Details.Cfb8fQXt.js";import{s as et,D as lt}from"./Dialog.CbPgDOpk.js";import{g as Mt}from"./tome.DHGp6Kpp.js";import{C as Dt,T as Wt}from"./Theme_Input.CMQEwBdm.js";import{T as ye}from"./Tome_Subheading.CS8mxyGY.js";import{r as Je,f as tt,d as At,s as Bt}from"./attributes.BII0BsJ8.js";import{b as Nt}from"./input.CCU3vt76.js";import{p as Se}from"./props.B34sVbFD.js";import{M as Te}from"./Mdn_Link.CgSMfiLk.js";import{h as Ot}from"./html.CqPPork4.js";import{e as Et}from"./svelte-element.DDTye03t.js";const Rt=async(v,s,a,i)=>{B(s,!1),B(a,!1);try{await navigator.clipboard.writeText(i.text)}catch{B(a,!0);return}B(s,!0)};var jt=c('copied!'),qt=c('failed'),Jt=c('
"),Yt=c('
Color_Scheme_Input
",1),vo=c(``),ho=c(`โ ๏ธ Scoped themes are a work in progress and may not be supported depending
+ on complexity. It shouldn't worsen the unscoped API.`,1),uo=(v,s,a,i,l)=>{s(T(a)),Ve(l,"light")},po=c("โ
",1),fo=c("โ",1),bo=c('
theme
themeScope a theme to one branch of the DOM tree with Themed_Scope
:
Themed
",1),wo=c(``),xo=c(`Themed
adds global support for both the browser's and custom themes based on Moss style variables, which use . Themed
is a singleton component that's mounted at the top-level of the page:
Themed
defaults to automatic detection with , and users can also set it directly:
Pass a prop to override the default:
The builtin themes support both dark and light color schemes. Custom themes may support one or + both color schemes.
A theme is a simple JSON collection of Moss style variables that can be transformed into CSS that set custom properties. Each variable can have values for + light and/or dark color schemes. In other words, "dark" isn't a theme, it's a mode that any theme + can implement.
Themes are plain CSS that can be sourced in a variety of ways.
To use fuz's base theme:
Themed
can be customized with the nonreactive, bindable, writable store props selected_theme
and selected_color_scheme
:
Themed
sets the writable stores selected_theme
and selected_color_scheme
in the Svelte context: