@fuzdev/fuz_ui 0.170.0 → 0.171.0

package/README.md

@@ -19,9 +19,9 @@ Feel free to take the ideas and code for your own purposes.
 
 The Svelte components and helpers:
 
-- builds on my CSS framework [Moss](https://github.com/fuzdev/fuz_css)
+- builds on my CSS framework [Fuz CSS](https://github.com/fuzdev/fuz_css)
 - plain CSS and minimal abstraction
-- near-zero dependencies except for Svelte, SvelteKit, Moss,
+- near-zero dependencies except for Svelte, SvelteKit, Fuz CSS,
   and my utility library [`@fuzdev/fuz_util`](https://github.com/fuzdev/fuz_util)
   (not all components require SvelteKit but some do import its modules, needs more consideration)
 - not a fully-featured enterprise-ready set of components,
@@ -45,18 +45,18 @@ The Svelte components and helpers:
 npm i -D @fuzdev/fuz_ui
 ```
 
-Fuz uses my style framework [Moss](https://github.com/fuzdev/fuz_css).
+Fuz uses my style framework [Fuz CSS](https://github.com/fuzdev/fuz_css).
 Import modules at their full paths:
 
 ```ts
-// Moss has one main plain CSS stylesheet:
+// Fuz CSS has one main plain CSS stylesheet:
 import '@fuzdev/fuz_css/style.css';
 
-// and import a Moss theme:
+// and import a Fuz CSS theme:
 import '@fuzdev/fuz_css/theme.css'; // or bring your own
 
-// using Gro generates Moss' utility classes stylesheet by default:
-import '$routes/moss.css';
+// using Gro generates Fuz CSS' utility classes stylesheet by default:
+import '$routes/fuz.css';
 
 // then import Fuz Svelte components:
 import Themed from '@fuzdev/fuz_ui/Themed.svelte';

package/dist/ProjectLinks.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Svg from './Svg.svelte';
-	import {gro_logo, fuz_logo, moss_logo, fuz_template_logo} from './logos.js';
+	import {gro_logo, fuz_logo, fuz_css_logo, fuz_template_logo} from './logos.js';
 
 	const size = 'var(--icon_size_lg)';
 </script>
@@ -16,8 +16,8 @@
 	title="Gro - task runner and toolkit extending SvelteKit"
 	href="https://gro.ryanatkn.com/"><Svg data={gro_logo} {size} /><span class="name">Gro</span></a
 >
-<a class="project_link" title="Moss - CSS framework" href="https://css.fuz.dev/"
-	><Svg data={moss_logo} {size} /><span class="name">Moss</span></a
+<a class="project_link" title="Fuz CSS - CSS framework" href="https://css.fuz.dev/"
+	><Svg data={fuz_css_logo} {size} /><span class="name">Fuz CSS</span></a
 >
 <a class="project_link" title="Fuz - Svelte UI library" href="https://ui.fuz.dev/"
 	><Svg data={fuz_logo} {size} /><span class="name">Fuz</span></a

package/dist/constants.js

@@ -1,3 +1,3 @@
 // TODO the 60px is a hack, need `--docs_primary_nav_height` exported or :root values from Fuz -- the --space_lg also needs to be kept in sync
-// see also the same issue in Moss
+// see also the same issue in Fuz CSS
 export const MAIN_HEADER_MARGIN_TOP = 'calc(60px + var(--space_lg))';

package/dist/logos.d.ts

@@ -19,7 +19,7 @@ export declare const fuz_logo: {
         d: string;
     }[];
 };
-export declare const moss_logo: {
+export declare const fuz_css_logo: {
     label: string;
     fill: string;
     paths: {

package/dist/logos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logos.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/logos.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,QAAQ;;;;;;CAcF,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAgCF,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC;AAEpB,eAAO,MAAM,SAAS;;;;;;;;;CAKH,CAAC;AAEpB,eAAO,MAAM,SAAS;;;;;;CAwBH,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAIX,CAAC;AAEpB,eAAO,MAAM,eAAe;;;;;;CAIT,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAQX,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAcX,CAAC;AAEpB,eAAO,MAAM,cAAc;;;;;;CAQR,CAAC;AAEpB,eAAO,MAAM,gBAAgB;;;;;;;CA4DV,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;;;;CAWL,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC;AAEpB,eAAO,MAAM,YAAY;;;;;CAON,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;CAQL,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;;CAuBL,CAAC"}
+{"version":3,"file":"logos.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/logos.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,QAAQ;;;;;;CAcF,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAgCF,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC;AAEpB,eAAO,MAAM,YAAY;;;;;;;;;CAKN,CAAC;AAEpB,eAAO,MAAM,SAAS;;;;;;CAwBH,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAIX,CAAC;AAEpB,eAAO,MAAM,eAAe;;;;;;CAIT,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAQX,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAcX,CAAC;AAEpB,eAAO,MAAM,cAAc;;;;;;CAQR,CAAC;AAEpB,eAAO,MAAM,gBAAgB;;;;;;;CA4DV,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;;;;CAWL,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC;AAEpB,eAAO,MAAM,YAAY;;;;;CAON,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;CAQL,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;;CAuBL,CAAC"}

package/dist/logos.js

@@ -9,7 +9,7 @@ Logo colors are the midpoint between the light and dark versions of color varian
 --color_c: #d93636;
 --color_d: #8866cc;
 --color_e: #d8bc31;
---color_f: #84522a; // TODO this one isn't the midpoint bc Moss's color needs tweaking, too light in dark mode
+--color_f: #84522a; // TODO this one isn't the midpoint bc Fuz CSS's color needs tweaking, too light in dark mode
 --color_g: #e55d95;
 --color_h: #f4672f;
 --color_i: #36e2e2;
@@ -72,7 +72,7 @@ export const fuz_logo = {
         },
     ],
 };
-export const moss_logo = {
+export const fuz_css_logo = {
     label: 'a fuzzy tuft of green moss',
     fill: '#3db33d',
     paths: fuz_logo.paths,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuzdev/fuz_ui",
-  "version": "0.170.0",
+  "version": "0.171.0",
   "description": "Svelte UI library",
   "motto": "friendly user zystem",
   "glyph": "🧶",
@@ -58,7 +58,7 @@
   "devDependencies": {
     "@changesets/changelog-git": "^0.2.1",
     "@fuzdev/fuz_code": "^0.38.0",
-    "@fuzdev/fuz_css": "^0.41.0",
+    "@fuzdev/fuz_css": "^0.42.0",
     "@fuzdev/fuz_util": "^0.42.0",
     "@ryanatkn/eslint-config": "^0.9.0",
     "@ryanatkn/gro": "^0.181.0",

package/src/lib/constants.ts

@@ -1,3 +1,3 @@
 // TODO the 60px is a hack, need `--docs_primary_nav_height` exported or :root values from Fuz -- the --space_lg also needs to be kept in sync
-// see also the same issue in Moss
+// see also the same issue in Fuz CSS
 export const MAIN_HEADER_MARGIN_TOP = 'calc(60px + var(--space_lg))';

package/src/lib/logos.ts

@@ -12,7 +12,7 @@ Logo colors are the midpoint between the light and dark versions of color varian
 --color_c: #d93636;
 --color_d: #8866cc;
 --color_e: #d8bc31;
---color_f: #84522a; // TODO this one isn't the midpoint bc Moss's color needs tweaking, too light in dark mode
+--color_f: #84522a; // TODO this one isn't the midpoint bc Fuz CSS's color needs tweaking, too light in dark mode
 --color_g: #e55d95;
 --color_h: #f4672f;
 --color_i: #36e2e2;
@@ -79,7 +79,7 @@ export const fuz_logo = {
 	],
 } satisfies SvgData;
 
-export const moss_logo = {
+export const fuz_css_logo = {
 	label: 'a fuzzy tuft of green moss',
 	fill: '#3db33d',
 	paths: fuz_logo.paths,