prismify-ui 0.1.0-alpha.1 → 0.1.0-alpha.11

package/CHANGELOG.md

@@ -6,7 +6,68 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 
 ## [Unreleased]
 
-## [0.1.0-alpha.1] - 2026-04-09
+## [0.1.0-alpha.11] - 2026-04-10
+
+### Fixed
+
+- **Lint / Nuxt module files**: ESLint no longer fails on root Nuxt entry files by covering **`nuxt.ts`** in the lint TypeScript project, ignoring **`nuxt.d.ts`** for typed parsing, and aligning formatting in **`nuxt.ts`**.
+
+- **Theme color tokens**: removed hardcoded and fallback color values from shared style variables and component shadows so surfaces, borders, text, focus ring, and elevation now consistently resolve through **`src/styles/variables/_colors.scss`** tokens (updated **`_toast.scss`**, **`_contextMenu.scss`**, **`_tooltip.scss`**, **`_effects.scss`**, **`_navigationMenu.scss`**, **`_tabs.scss`**, and **`PfSwitch`** styles).
+
+## [0.1.0-alpha.10] - 2026-04-10
+
+### Added
+
+- **Playground**: added a dashboard shell in **`playground/App.vue`** (group, sidebar, panel, navbar) for local dashboard behavior checks outside Storybook.
+- **Nuxt module**: added **`prismify-ui/nuxt`** for direct Nuxt integration with:
+  - automatic **`Pf*`** component registration,
+  - composable auto-imports (**`usePfApp`**, **`usePfToast`**, **`usePfContentSearch`**, **`usePfKbd`**),
+  - automatic **`prismify-ui/style.css`** injection,
+  - optional plugin install via **`prismifyUI.plugin`**.
+- **Nuxt entry export** in **`package.json`** (**`./nuxt`**) and Nuxt module typing via **`nuxt.d.ts`**.
+- **`docs/installation.md`**: Nuxt 4 setup now documents module-based integration and module options.
+
+### Fixed
+
+- **PfDashboardSidebar**: restoring from persisted state now clamps invalid sizes and preserves expanded width while collapsed, so sidebars can be collapsed and expanded reliably.
+- **PfDashboardSidebarCollapse**: reads sidebar API at interaction time instead of caching a non-reactive lookup, so collapse/expand toggling stays functional after mount timing changes.
+- **PfDashboardResizeHandle**: improved desktop handle visibility with an explicit visual divider while keeping a wider pointer hit area for resizing.
+
+## [0.1.0-alpha.9] - 2026-04-10
+
+### Fixed
+
+- **PfDrawer**: SSR-safe use of **`document`** and **`window`** (scroll lock, scale wrapper query, global listeners, deferred **`setTimeout`**) so server renders (e.g. **Nuxt**) do not throw **`ReferenceError`** or return HTTP 500 when watchers run without a DOM.
+- **PfDashboardSidebarCollapse**: toggling no longer calls **`toggleCollapsed()`** (which was a no-op unless **`PfDashboardSidebar`** had **`collapsible`**); it now calls **`setCollapsed()`** so the control works with default sidebar props. Default **icon-only** styling (**`iconOnly`**, **`aria-label`**) for a square, centered icon button.
+
+## [0.1.0-alpha.8] - 2026-04-10
+
+### Fixed
+
+- **PfDashboardSidebar**: template used an invalid tag (**`div-d-c`**) where a **`div`** was intended.
+- **PfDashboardSidebar**: removed stray text (**`-m-d -t-s`**) accidentally left in the markup.
+
+## [0.1.0-alpha.7] - 2026-04-10
+
+### Fixed
+
+- **PfInput**, **PfTextarea**, **PfPinInput**: WebKit autofill text color (**`-webkit-text-fill-color`**) now uses **`var(--pf-input-text)`** so filled fields match the themed input text token (instead of **`--input-color`**).
+
+## [0.1.0-alpha.6] - 2026-04-10
+
+### Fixed
+
+- **PfInput**, **PfTextarea**, **PfPinInput**: **WebKit** autofill (**`:-webkit-autofill`**) no longer shows the default yellow highlight: **`box-shadow`** cleared, backgrounds set to transparent, text color follows **`var(--input-color)`** via **`-webkit-text-fill-color`**, and a long **`background-color`** **transition** keeps Chrome from repainting the autofill background over the themed field.
+
+## [0.1.0-alpha.5] - 2026-04-09
+
+### Changed
+
+- **Peer dependency** **`vue-router`** raised from **^4** to **^5** (install **Vue Router 5** if you use **`PfLink`** or other router-aware components). The APIs used in the library (**`RouterLink`**, **`useRouter`**, **`useRoute`**, route location types) stay compatible with Vue Router 5; no source changes were required in **prismify-ui**.
+- **Dev dependency** **`vue-router`** updated to **^5.0.4** for tests, Storybook, and the playground.
+- **`docs/installation.md`**: peer table documents **`vue-router` ^5**.
+
+## [0.1.0-alpha.4] - 2026-04-09
 
 ### Added
 

package/README.md

@@ -1,4 +1,4 @@
-# prismify-ui v0.1.0-alpha.1
+# prismify-ui v0.1.0-alpha.11
 
 [![Tests](https://github.com/koirodev/prismify-ui/actions/workflows/test.yml/badge.svg)](https://github.com/koirodev/prismify-ui/actions/workflows/test.yml) [![Build](https://github.com/koirodev/prismify-ui/actions/workflows/build.yml/badge.svg)](https://github.com/koirodev/prismify-ui/actions/workflows/build.yml)
 

package/dist/components/dashboard/PfDashboardSidebarCollapse/index.vue.d.ts

@@ -11,7 +11,12 @@ type __VLS_Props = {
     icon?: PfIconName;
     label?: string;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Equal padding; default `true` when using icon-only (see `iconOnly`). */
     square?: boolean;
+    /** Icon-only control: square aspect ratio and centered icon (default `true` when there is no `label`). */
+    iconOnly?: boolean;
+    /** Accessible name for the icon-only control (recommended). */
+    ariaLabel?: string;
     block?: boolean;
     loadingAuto?: boolean;
     avatar?: PfButtonAvatarProps;
@@ -50,6 +55,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     trailing: boolean;
     trailingIcon: PfIconName;
     avatar: PfButtonAvatarProps;
+    iconOnly: boolean;
+    ariaLabel: string;
     disabled: boolean;
     loadingIcon: PfIconName;
     loadingAuto: boolean;