techniq · techniq · Feb 12, 2024 · Jan 3, 2024 · Jan 3, 2024 · Jan 3, 2024
diff --git a/.changeset/angry-ads-carry.md b/.changeset/angry-ads-carry.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+Update dependencies (except vitest)
diff --git a/.changeset/angry-zebras-remember.md b/.changeset/angry-zebras-remember.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+Add styles (with daisy) as top-level export
diff --git a/.changeset/chilled-dingos-sell.md b/.changeset/chilled-dingos-sell.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": minor
+---
+
+Update Settings component to expose each settings key as a component prop
diff --git a/.changeset/clever-avocados-hope.md b/.changeset/clever-avocados-hope.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": minor
+---
+
+Add ability to set a default values for labelPlacement and variant props
diff --git a/.changeset/cool-hotels-own.md b/.changeset/cool-hotels-own.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+[SelectField] Add `stepper` prop to iterate through options (like `MenuField`)
diff --git a/.changeset/eight-bottles-eat.md b/.changeset/eight-bottles-eat.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+[TableOfContents] Support changing icon
diff --git a/.changeset/fair-trees-sparkle.md b/.changeset/fair-trees-sparkle.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+[MenuField] Expose `selected` option via prop (similar to `SelectField`)
diff --git a/.changeset/fluffy-news-worry.md b/.changeset/fluffy-news-worry.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": minor
+---
+
+Add `sumObjects` array util
diff --git a/.changeset/for-you-sean.md b/.changeset/for-you-sean.md
@@ -0,0 +1,7 @@
+---
+'svelte-ux': minor
+---
+
+- Rename settings `theme` argument to `classes`
+- Rename getTheme to getClasses and getComponentTheme to getComponentClasses
+
diff --git a/.changeset/friendly-pets-reflect.md b/.changeset/friendly-pets-reflect.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+Add ThemeInit component to prevent flash of unstyled content when SSR is enabled
diff --git a/.changeset/healthy-files-search.md b/.changeset/healthy-files-search.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+[MenuButton] Support hiding `menuIcon` and dispatch `change` event
diff --git a/.changeset/light-pianos-refuse.md b/.changeset/light-pianos-refuse.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+Rename `ThemeButton` to `ThemeSelect`
diff --git a/.changeset/light-ways-dress.md b/.changeset/light-ways-dress.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': minor
+---
+
+BREAKING: removed `dateDisplay()` in favor of `format()`
diff --git a/.changeset/modern-pumpkins-march.md b/.changeset/modern-pumpkins-march.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+Add a store to manage the current theme
diff --git a/.changeset/moody-cows-pull.md b/.changeset/moody-cows-pull.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+Support passing a custom formatter function as `format` argument to format() / formatWithLocale()
diff --git a/.changeset/nice-cats-know.md b/.changeset/nice-cats-know.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+Fix ThemeSwitch SSR behavior by using `dark` class to define positioning and icon display
diff --git a/.changeset/ninety-beers-return.md b/.changeset/ninety-beers-return.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+[MultiSelect] Add `autoFocusSearch` to opt into functionality, which `MultiSelectMenu` maintains
diff --git a/.changeset/ninety-carpets-cross.md b/.changeset/ninety-carpets-cross.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+add locale management of date leveraging intl
diff --git a/.changeset/pre.json b/.changeset/pre.json
@@ -0,0 +1,38 @@
+{
+  "mode": "pre",
+  "tag": "next",
+  "initialVersions": {
+    "create-svelte-ux": "0.2.1",
+    "svelte-ux": "0.57.1"
+  },
+  "changesets": [
+    "angry-ads-carry",
+    "angry-zebras-remember",
+    "beige-papayas-study",
+    "chilled-dingos-sell",
+    "cool-hotels-own",
+    "eight-bottles-eat",
+    "fair-trees-sparkle",
+    "for-you-sean",
+    "friendly-pets-reflect",
+    "healthy-files-search",
+    "light-pianos-refuse",
+    "light-ways-dress",
+    "modern-pumpkins-march",
+    "moody-cows-pull",
+    "ninety-carpets-cross",
+    "quick-avocados-hope",
+    "quick-carrots-grab",
+    "rare-flowers-flash",
+    "selfish-hounds-dance",
+    "shiny-hornets-study",
+    "shy-peaches-ring",
+    "sixty-walls-rest",
+    "sour-cougars-beg",
+    "strong-flies-provide",
+    "tidy-gifts-yawn",
+    "wicked-melons-fold",
+    "yellow-nails-vanish",
+    "yellow-oranges-fly"
+  ]
+}
diff --git a/.changeset/quick-carrots-grab.md b/.changeset/quick-carrots-grab.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": minor
+---
+
+Add theme selection/creation page and simplify loading themes
diff --git a/.changeset/rare-flowers-flash.md b/.changeset/rare-flowers-flash.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+Map Skeleton themes to Svelte UX themes
diff --git a/.changeset/selfish-hounds-dance.md b/.changeset/selfish-hounds-dance.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+[SelectField] Fix toggling display of options menu using toggleIcon. Support hiding toggleIcon (`<SelectField toggleIcon={null} />
diff --git a/.changeset/shaggy-cars-approve.md b/.changeset/shaggy-cars-approve.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+[DateRange] Remove `scrollIntoView` for date selection components (month, year)
diff --git a/.changeset/shiny-schools-ring.md b/.changeset/shiny-schools-ring.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+[DateField] Fix input value when clearing value
diff --git a/.changeset/silver-penguins-jam.md b/.changeset/silver-penguins-jam.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': minor
+---
+
+Add support for passing `class` and `classes` props to the DateField component
diff --git a/.changeset/six-drinks-smash.md b/.changeset/six-drinks-smash.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+Fix overriding `elevation-#` classes. Add `elevation-none` to remove `elevation-#`
diff --git a/.changeset/sixty-walls-rest.md b/.changeset/sixty-walls-rest.md
@@ -0,0 +1,6 @@
+---
+"svelte-ux": minor
+---
+
+- Add locale settings to settings object, and allow dynamically changing the current locale.
+- Move format function to be a store on the settings object, which updates when the locale changes.
diff --git a/.changeset/sour-cougars-beg.md b/.changeset/sour-cougars-beg.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": minor
+---
+
+Change PeriodType values (0 = unqualified DoW, 1-7 = Sun-Sat)
diff --git a/.changeset/spicy-toys-hug.md b/.changeset/spicy-toys-hug.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+[Appbar] Add `menuIcon` prop and slot
diff --git a/.changeset/strong-flies-provide.md b/.changeset/strong-flies-provide.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': minor
+---
+
+Support `ux.themes` tailwind config, including Daisy UI
diff --git a/.changeset/tidy-gifts-yawn.md b/.changeset/tidy-gifts-yawn.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+[Popover|Menu|popover] Support `resize` width or height only
diff --git a/.changeset/wicked-melons-fold.md b/.changeset/wicked-melons-fold.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+Add `ThemeSwitch` component to toggle between light/dark theme
diff --git a/.changeset/yellow-nails-vanish.md b/.changeset/yellow-nails-vanish.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': minor
+---
+
+Rename `cssVars` action to `styleVars` and do not prefix properties with `--` by default (more flexible)
diff --git a/.changeset/yellow-oranges-fly.md b/.changeset/yellow-oranges-fly.md
@@ -0,0 +1,6 @@
+---
+'create-svelte-ux': minor
+'svelte-ux': minor
+---
+
+Theme support
diff --git a/.gitignore b/.gitignore
@@ -6,5 +6,6 @@ coverage/
 .idea/
 .svelte-kit/
 .env
+.DS_Store
 
 test-*
diff --git a/.prettierrc b/.prettierrc
@@ -1,5 +1,14 @@
 {
   "singleQuote": true,
   "printWidth": 100,
-  "trailingComma": "es5"
+  "trailingComma": "es5",
+  "plugins": ["prettier-plugin-svelte"],
+  "overrides": [
+    {
+      "files": "*.svelte",
+      "options": {
+        "parser": "svelte"
+      }
+    }
+  ]
 }
diff --git a/README.md b/README.md
@@ -6,7 +6,7 @@
 ![](https://img.shields.io/github/license/techniq/svelte-ux?style=flat)
 [![](https://img.shields.io/github/actions/workflow/status/techniq/svelte-ux/ci.yml?style=flat)](https://github.com/techniq/svelte-ux/actions/workflows/ci.yml)
 [![](https://img.shields.io/npm/v/svelte-ux?style=flat)](https://www.npmjs.com/package/svelte-ux)
-![npm](https://img.shields.io/npm/dw/svelte-ux?style=flat&color=orange)
+[![](https://img.shields.io/npm/dw/svelte-ux?style=flat&color=orange)](https://www.npmjs.com/package/svelte-ux)
 
 [![](https://img.shields.io/badge/Open_in-SvelteLab-black?logo=svelte&color=%23FF3E00)](https://www.sveltelab.dev/?provider=github&owner=techniq&repo=svelte-ux&branch=main&path=%2Fpackages%2Fcreate-svelte-ux%2Ftemplates%2Fstarter) [![](https://img.shields.io/badge/Open_in-StackBlitz-black?logo=stackblitz&color=%231269D3)](https://stackblitz.com/github/techniq/svelte-ux/tree/main/packages/create-svelte-ux/templates/starter) [![](https://img.shields.io/badge/Open_in-CodeSandbox-black?logo=codesandbox&color=%23151515)](https://codesandbox.io/p/sandbox/github/techniq/svelte-ux/tree/main/packages/create-svelte-ux/templates/starter)
 

diff --git a/packages/create-svelte-ux/CHANGELOG.md b/packages/create-svelte-ux/CHANGELOG.md
@@ -1,5 +1,11 @@
 # create-svelte-ux
 
+## 0.3.0-next.0
+
+### Minor Changes
+
+- Theme support ([#146](https://github.com/techniq/svelte-ux/pull/146))
+
 ## 0.2.1
 
 ### Patch Changes

diff --git a/packages/create-svelte-ux/package.json b/packages/create-svelte-ux/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-svelte-ux",
-  "version": "0.2.1",
+  "version": "0.3.0-next.0",
   "description": "A CLI for creating new Svelte UX projects",
   "repository": {
     "type": "git",
@@ -18,12 +18,12 @@
   },
   "dependencies": {
     "@clack/prompts": "^0.7.0",
-    "@kitql/helpers": "^0.8.3",
+    "@kitql/helpers": "^0.8.8",
     "commander": "^11.1.0"
   },
   "devDependencies": {
-    "@types/node": "^20.9.2",
-    "prettier": "^3.1.0"
+    "@types/node": "^20.11.2",
+    "prettier": "^3.2.2"
   },
   "files": [
     "fragments",

diff --git a/packages/create-svelte-ux/templates/layerchart/package.json b/packages/create-svelte-ux/templates/layerchart/package.json
@@ -41,6 +41,6 @@
 	},
 	"dependencies": {
 		"dotenv": "16.3.1",
-		"layerchart": "^0.27.0"
+		"layerchart": "latest"
 	}
 }
diff --git a/packages/create-svelte-ux/templates/layerchart/src/routes/+layout.svelte b/packages/create-svelte-ux/templates/layerchart/src/routes/+layout.svelte
@@ -5,8 +5,8 @@
 	import '../app.postcss';
 
 	settings({
-		theme:{
-			AppBar: 'bg-accent-500 text-white shadow-md',
+		classes: {
+			AppBar: 'bg-primary text-white shadow-md',
 			AppLayout: {
 				nav: 'bg-neutral-800'
 			},

diff --git a/packages/create-svelte-ux/templates/layerchart/src/routes/+page.svelte b/packages/create-svelte-ux/templates/layerchart/src/routes/+page.svelte
@@ -9,15 +9,15 @@
 			href="https://svelte-ux.techniq.dev"
 			target="_blank"
 			variant="fill-light"
-			color="accent"
+			color="primary"
 		>
 			Documentation
 		</Button>
 		<Button
 			href="https://svelte-ux.techniq.dev/customization"
 			target="_blank"
 			variant="fill-light"
-			color="accent"
+			color="primary"
 		>
 			Customization
 		</Button>

diff --git a/packages/create-svelte-ux/templates/layerchart/src/routes/chart/+page.svelte b/packages/create-svelte-ux/templates/layerchart/src/routes/chart/+page.svelte
@@ -22,7 +22,7 @@
 			<Svg>
 				<Axis placement="left" grid rule />
 				<Axis placement="bottom" format={(d) => format(d, PeriodType.Day, 'short')} rule />
-				<Area line={{ class: 'stroke-2 stroke-accent-500' }} class="fill-accent-500/30" />
+				<Area line={{ class: 'stroke-2 stroke-primary' }} class="fill-primary/30" />
 				<Highlight points lines />
 			</Svg>
 

diff --git a/packages/create-svelte-ux/templates/layerchart/tailwind.config.cjs b/packages/create-svelte-ux/templates/layerchart/tailwind.config.cjs
@@ -9,11 +9,7 @@ const config = {
 		'./node_modules/layerchart/**/*.{svelte,js}'
 	],
 	theme: {
-		extend: {
-			colors: {
-				accent: colors.blue
-			}
-		}
+		extend: {}
 	},
 	variants: {
 		extend: {}

diff --git a/packages/create-svelte-ux/templates/minimal/tailwind.config.cjs b/packages/create-svelte-ux/templates/minimal/tailwind.config.cjs
@@ -5,11 +5,7 @@ const svelte_ux = require('svelte-ux/plugins/tailwind.cjs');
 const config = {
 	content: ['./src/**/*.{html,svelte}', './node_modules/svelte-ux/**/*.{svelte,js}'],
 	theme: {
-		extend: {
-			colors: {
-				accent: colors.blue
-			}
-		}
+		extend: {}
 	},
 	variants: {
 		extend: {}
-Original file line number
+Diff line change
@@ Expand Up / @@ -6,5 +6,6 @@ coverage/ @@
     .idea/
     .svelte-kit/
     .env
+    .DS_Store
     test-*