@wirecore/wirelayer-vue 0.5.0 → 0.7.0

package/llms.txt

@@ -182,7 +182,7 @@ Full API (props, events, slots, examples) in llms-full.txt next to this file. MC
 - [Select](https://wirecore.github.io/WireLayer/?path=/story/vue_forms-select--playground): Dropdown list for one option: arrow keys, typeahead, Escape; native select hidden for forms (`@wirecore/wirelayer-vue`)
 - [SignaturePad](https://wirecore.github.io/WireLayer/?path=/story/vue_forms-signaturepad--playground): Signature field (role="application"): draw with mouse, pen or finger; "Undo" removes the last stroke. With typedAlternative the name can be typed instead – the field shows it in a handwriting font. (`@wirecore/wirelayer-vue`)
 - [Slider](https://wirecore.github.io/WireLayer/?path=/story/vue_forms-slider--playground): Range: "Price, Minimum" / "Price, Maximum" (`@wirecore/wirelayer-vue`)
-- [Switch](https://wirecore.github.io/WireLayer/?path=/story/vue_forms-switch--playground): Ark renders a plain checkbox; role="switch" makes screen readers announce it as a switch (`@wirecore/wirelayer-vue`)
+- [Switch](https://wirecore.github.io/WireLayer/?path=/story/vue_forms-switch--playground): Without a text the label is left out: Ark names the input by it, an empty one would hide a <label for> (`@wirecore/wirelayer-vue`)
 - [SwitchGroup](https://wirecore.github.io/WireLayer/?path=/story/vue_forms-switchgroup--playground): role="group" named by its label, described by helper and error text; Switches with a value inside (`@wirecore/wirelayer-vue`)
 - [TagsInput](https://wirecore.github.io/WireLayer/?path=/story/vue_forms-tagsinput--playground): Free entries: Enter or "," adds, Backspace on the empty field selects the last entry (again removes it), arrow keys move between entries; additions and removals are announced. With suggestions the field is a combobox: Arrow down opens them, Enter adds the highlighted one. (`@wirecore/wirelayer-vue`)
 - [Textarea](https://wirecore.github.io/WireLayer/?path=/story/vue_forms-textarea--auto-resize): Multi-line text field, optionally growing with the text (autoResize) and with a counter; works inside Field (`@wirecore/wirelayer-vue`)
@@ -308,4 +308,7 @@ Full API (props, events, slots, examples) in llms-full.txt next to this file. MC
 - React Native (Expo)
 - HTML and server templates
 - License
+- Components and APIs side by side
+- Pitfalls
 - Custom theme
+- Component sizes and shapes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wirecore/wirelayer-vue",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "WireLayer components for Vue 3",
   "license": "MIT",
   "repository": {
@@ -55,12 +55,16 @@
     },
     "./styles.css": "./styles.css",
     "./styles-core.css": "./styles-core.css",
+    "./theme.css": "./theme.css",
+    "./fonts.css": "./fonts.css",
     "./sources/*": "./dist/sources/*"
   },
   "files": [
     "dist",
     "styles.css",
     "styles-core.css",
+    "theme.css",
+    "fonts.css",
     "llms.txt",
     "llms-full.txt"
   ],
@@ -162,8 +166,8 @@
     "@ark-ui/vue": "^5.39.3",
     "@internationalized/date": "^3.12.4",
     "@lucide/vue": "^1.59.0",
-    "@wirecore/wirelayer-recipes": "^0.4.1",
-    "@wirecore/wirelayer-tokens": "^0.3.0"
+    "@wirecore/wirelayer-recipes": "^0.6.0",
+    "@wirecore/wirelayer-tokens": "^0.4.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.6.2",

package/theme.css

@@ -0,0 +1,14 @@
+/*
+ * WireLayer theme without fonts and without the classes of the components – for an app with its own font
+ * (@theme { --font-sans: … }) and the classes of the components it uses: by hand, or with the Vite plugin
+ * (@wirecore/wirelayer-recipes/vite) that adds them to this file:
+ *   @import 'tailwindcss';
+ *   @import '@wirecore/wirelayer-vue/theme.css';
+ *   @import '@wirecore/wirelayer-vue/fonts.css';   (the WireLayer fonts, if you want them)
+ */
+@import '@wirecore/wirelayer-tokens/theme.css';
+
+/* Lets the components warn in development when the classes of a recipe they render were not imported */
+:root {
+    --wc-recipe-sources: 1;
+}