[github-actions]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@wirecore/wirelayer-css@0.2.0

Minor Changes

• 1ccb5ce: Behavior change: without data-mode the page now follows the system setting (prefers-color-scheme) instead
  of always being light. data-mode="light" or data-mode="dark" forces a mode as before, also for a part of the page
  (a forced light part stays light on a dark system).

  • The dark: variant follows the same rules, and so do the dark colors of the built-in themes and of custom themes
    generated with themeToCss.
  • Charts (Chart, ChartCanvas, Sparkline) recolor when the system setting changes.
  • Apps that relied on "no attribute = light" and want to keep it: set data-mode="light" on <html>. Apps that set
    data-mode from prefers-color-scheme with JavaScript can drop that.

@wirecore/wirelayer-native@0.2.0

Minor Changes

• 54609a3: DataTable: new prop csvSeparator for the CSV export, also for the built-in export button. By default the separator
  now follows the locale like a spreadsheet does (csvSeparator(locale) from the recipes): ; where numbers have a
  decimal comma (de-DE, fr-FR …), , otherwise (en-US …). Before, it was always ;. exportCsv({ separator }) still
  wins over both.

• 54609a3: Breaking: German is a language module like French or Spanish and no longer part of the default bundle (about half
  of the built-in texts). Only English is built in. Apps that use German register it once at startup, before the first
  render:

  import { registerLocale } from '@wirecore/wirelayer-vue'; // or -react, -native
  import { de } from '@wirecore/wirelayer-vue/locales/de';
  
  registerLocale('de', de);

  messages only contains en now; the German texts are de from …/locales/de. The German names and search words of
  the EmojiPicker moved there as well (emojiPicker.emojis); the built-in emojis are English. localeEmojis(texts) no
  longer takes a locale – pass the lines of the language module (localeEmojis(de.emojiPicker.emojis)).

• bbb430c: The types that appear in the props are exported by the component packages themselves, so apps no longer need
  @wirecore/wirelayer-recipes (or NonNullable<BadgeProps['variant']>) for them – e.g. BadgeVariant,
  ButtonVariant, ButtonSize, AlertStatus, DialogPosition, OverlaySize, StatusDotStatus, DataSource,
  RecipeClasses. /data-table adds PivotValue, /virtual ItemAccessor, React Native's /pdf PdfZoom.

Patch Changes

• 54609a3: Documentation says English is the default language, as it is in the code: useLocale and the MCP server/llms.txt
  no longer claim German without a LocaleProvider.
• f396bd4: DataView: in the browser (react-native-web) the scrolling list takes the keyboard focus, so the arrow keys scroll it even
  when the items have no controls.
• Updated dependencies [1ccb5ce]
• Updated dependencies [54609a3]
• Updated dependencies [54609a3]
• Updated dependencies [54609a3]
  • @wirecore/wirelayer-tokens@0.2.0
  • @wirecore/wirelayer-recipes@0.2.0

@wirecore/wirelayer-react@0.2.0

Minor Changes

• 54609a3: DataTable: new prop csvSeparator for the CSV export, also for the built-in export button. By default the separator
  now follows the locale like a spreadsheet does (csvSeparator(locale) from the recipes): ; where numbers have a
  decimal comma (de-DE, fr-FR …), , otherwise (en-US …). Before, it was always ;. exportCsv({ separator }) still
  wins over both.

• b7530a8: Breaking: DataTable feature modules. Parts of the DataTable that bring a lot of code along are imported on their own
  and passed in features – a minimal table is about a fifth smaller (gzip), and @tanstack/vue-virtual or
  @tanstack/react-virtual is only needed for virtual rows.

  • virtual needs the feature virtualRows from /virtual; without it all rows are rendered (with a hint in
    development).
  • Date and number filters and editors use the browser's inputs; the DatePicker and NumberInput come with the features
    dateInput and numberInput from /data-table.

  import { DataTable, dateInput, numberInput } from '@wirecore/wirelayer-react/data-table'; // or -vue
  import { virtualRows } from '@wirecore/wirelayer-react/virtual';
  
  const features = [virtualRows, dateInput, numberInput];
  
  <DataTable data={rows} columns={columns} features={features} scrollHeight="480px" virtual />;

• 54609a3: Breaking: German is a language module like French or Spanish and no longer part of the default bundle (about half
  of the built-in texts). Only English is built in. Apps that use German register it once at startup, before the first
  render:

  import { registerLocale } from '@wirecore/wirelayer-vue'; // or -react, -native
  import { de } from '@wirecore/wirelayer-vue/locales/de';
  
  registerLocale('de', de);

  messages only contains en now; the German texts are de from …/locales/de. The German names and search words of
  the EmojiPicker moved there as well (emojiPicker.emojis); the built-in emojis are English. localeEmojis(texts) no
  longer takes a locale – pass the lines of the language module (localeEmojis(de.emojiPicker.emojis)).

• bbb430c: The types that appear in the props are exported by the component packages themselves, so apps no longer need
  @wirecore/wirelayer-recipes (or NonNullable<BadgeProps['variant']>) for them – e.g. BadgeVariant,
  ButtonVariant, ButtonSize, AlertStatus, DialogPosition, OverlaySize, StatusDotStatus, DataSource,
  RecipeClasses. /data-table adds PivotValue, /virtual ItemAccessor, React Native's /pdf PdfZoom.

Patch Changes

• 1ccb5ce: Behavior change: without data-mode the page now follows the system setting (prefers-color-scheme) instead
  of always being light. data-mode="light" or data-mode="dark" forces a mode as before, also for a part of the page
  (a forced light part stays light on a dark system).

  • The dark: variant follows the same rules, and so do the dark colors of the built-in themes and of custom themes
    generated with themeToCss.
  • Charts (Chart, ChartCanvas, Sparkline) recolor when the system setting changes.
  • Apps that relied on "no attribute = light" and want to keep it: set data-mode="light" on <html>. Apps that set
    data-mode from prefers-color-scheme with JavaScript can drop that.

• 54609a3: Documentation says English is the default language, as it is in the code: useLocale and the MCP server/llms.txt
  no longer claim German without a LocaleProvider.

• Updated dependencies [1ccb5ce]

• Updated dependencies [54609a3]

• Updated dependencies [54609a3]

• Updated dependencies [54609a3]

  • @wirecore/wirelayer-tokens@0.2.0
  • @wirecore/wirelayer-recipes@0.2.0

@wirecore/wirelayer-recipes@0.2.0

Minor Changes

• 54609a3: DataTable: new prop csvSeparator for the CSV export, also for the built-in export button. By default the separator
  now follows the locale like a spreadsheet does (csvSeparator(locale) from the recipes): ; where numbers have a
  decimal comma (de-DE, fr-FR …), , otherwise (en-US …). Before, it was always ;. exportCsv({ separator }) still
  wins over both.

• 54609a3: Breaking: German is a language module like French or Spanish and no longer part of the default bundle (about half
  of the built-in texts). Only English is built in. Apps that use German register it once at startup, before the first
  render:

  import { registerLocale } from '@wirecore/wirelayer-vue'; // or -react, -native
  import { de } from '@wirecore/wirelayer-vue/locales/de';
  
  registerLocale('de', de);

  messages only contains en now; the German texts are de from …/locales/de. The German names and search words of
  the EmojiPicker moved there as well (emojiPicker.emojis); the built-in emojis are English. localeEmojis(texts) no
  longer takes a locale – pass the lines of the language module (localeEmojis(de.emojiPicker.emojis)).

Patch Changes

• 54609a3: Documentation says English is the default language, as it is in the code: useLocale and the MCP server/llms.txt
  no longer claim German without a LocaleProvider.

@wirecore/wirelayer-tokens@0.2.0

Minor Changes

• 1ccb5ce: Behavior change: without data-mode the page now follows the system setting (prefers-color-scheme) instead
  of always being light. data-mode="light" or data-mode="dark" forces a mode as before, also for a part of the page
  (a forced light part stays light on a dark system).

  • The dark: variant follows the same rules, and so do the dark colors of the built-in themes and of custom themes
    generated with themeToCss.
  • Charts (Chart, ChartCanvas, Sparkline) recolor when the system setting changes.
  • Apps that relied on "no attribute = light" and want to keep it: set data-mode="light" on <html>. Apps that set
    data-mode from prefers-color-scheme with JavaScript can drop that.

@wirecore/wirelayer-vue@0.2.0

Minor Changes

• 54609a3: DataTable: new prop csvSeparator for the CSV export, also for the built-in export button. By default the separator
  now follows the locale like a spreadsheet does (csvSeparator(locale) from the recipes): ; where numbers have a
  decimal comma (de-DE, fr-FR …), , otherwise (en-US …). Before, it was always ;. exportCsv({ separator }) still
  wins over both.

• b7530a8: Breaking: DataTable feature modules. Parts of the DataTable that bring a lot of code along are imported on their own
  and passed in features – a minimal table is about a fifth smaller (gzip), and @tanstack/vue-virtual or
  @tanstack/react-virtual is only needed for virtual rows.

  • virtual needs the feature virtualRows from /virtual; without it all rows are rendered (with a hint in
    development).
  • Date and number filters and editors use the browser's inputs; the DatePicker and NumberInput come with the features
    dateInput and numberInput from /data-table.

  import { DataTable, dateInput, numberInput } from '@wirecore/wirelayer-react/data-table'; // or -vue
  import { virtualRows } from '@wirecore/wirelayer-react/virtual';
  
  const features = [virtualRows, dateInput, numberInput];
  
  <DataTable data={rows} columns={columns} features={features} scrollHeight="480px" virtual />;

• 54609a3: Breaking: German is a language module like French or Spanish and no longer part of the default bundle (about half
  of the built-in texts). Only English is built in. Apps that use German register it once at startup, before the first
  render:

  import { registerLocale } from '@wirecore/wirelayer-vue'; // or -react, -native
  import { de } from '@wirecore/wirelayer-vue/locales/de';
  
  registerLocale('de', de);

  messages only contains en now; the German texts are de from …/locales/de. The German names and search words of
  the EmojiPicker moved there as well (emojiPicker.emojis); the built-in emojis are English. localeEmojis(texts) no
  longer takes a locale – pass the lines of the language module (localeEmojis(de.emojiPicker.emojis)).

• bbb430c: The types that appear in the props are exported by the component packages themselves, so apps no longer need
  @wirecore/wirelayer-recipes (or NonNullable<BadgeProps['variant']>) for them – e.g. BadgeVariant,
  ButtonVariant, ButtonSize, AlertStatus, DialogPosition, OverlaySize, StatusDotStatus, DataSource,
  RecipeClasses. /data-table adds PivotValue, /virtual ItemAccessor, React Native's /pdf PdfZoom.

Patch Changes

• 1ccb5ce: Behavior change: without data-mode the page now follows the system setting (prefers-color-scheme) instead
  of always being light. data-mode="light" or data-mode="dark" forces a mode as before, also for a part of the page
  (a forced light part stays light on a dark system).

  • The dark: variant follows the same rules, and so do the dark colors of the built-in themes and of custom themes
    generated with themeToCss.
  • Charts (Chart, ChartCanvas, Sparkline) recolor when the system setting changes.
  • Apps that relied on "no attribute = light" and want to keep it: set data-mode="light" on <html>. Apps that set
    data-mode from prefers-color-scheme with JavaScript can drop that.

• 54609a3: Documentation says English is the default language, as it is in the code: useLocale and the MCP server/llms.txt
  no longer claim German without a LocaleProvider.

• 4ec36ef: bindInput from /form fits Input and Textarea in compiled SFC templates: onUpdate:modelValue accepts
  string | undefined (what the components emit) and modelValue falls back to '', like the React variant. Before,
  <Input v-bind="bindInput(field)" /> was a vue-tsc error.

• Updated dependencies [1ccb5ce]

• Updated dependencies [54609a3]

• Updated dependencies [54609a3]

• Updated dependencies [54609a3]

  • @wirecore/wirelayer-tokens@0.2.0
  • @wirecore/wirelayer-recipes@0.2.0

@wirecore/wirelayer-blocks-react@0.1.2

Patch Changes

• Updated dependencies [1ccb5ce]
• Updated dependencies [54609a3]
• Updated dependencies [b7530a8]
• Updated dependencies [54609a3]
• Updated dependencies [54609a3]
• Updated dependencies [bbb430c]
  • @wirecore/wirelayer-react@0.2.0
  • @wirecore/wirelayer-recipes@0.2.0

@wirecore/wirelayer-blocks-vue@0.1.2

Patch Changes

• Updated dependencies [1ccb5ce]
• Updated dependencies [54609a3]
• Updated dependencies [b7530a8]
• Updated dependencies [54609a3]
• Updated dependencies [54609a3]
• Updated dependencies [bbb430c]
• Updated dependencies [4ec36ef]
  • @wirecore/wirelayer-vue@0.2.0
  • @wirecore/wirelayer-recipes@0.2.0

@wirecore/wirelayer-mcp@0.1.2

Patch Changes

• 54609a3: Documentation says English is the default language, as it is in the code: useLocale and the MCP server/llms.txt
  no longer claim German without a LocaleProvider.