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

package/CHANGELOG.md

@@ -6,7 +6,82 @@ 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.12] - 2026-04-10
+
+### Added
+
+- **PfDashboardSidebar**: added **`mobileMenuOrientation`** (`top`/`bottom`/`left`/`right`) to control mobile drawer direction independently from desktop sidebar side; default is now **`bottom`**.
+- **Dashboard theme tokens**: added **`--pf-dashboard-sidebar-mobile-pad-x`** and **`--pf-dashboard-sidebar-mobile-pad-y`** for mobile sidebar spacing overrides and documented them in **`docs/theming.md`**.
+
+### Fixed
+
+- **PfDashboardSidebar (mobile drawer layout)**: removed unintended horizontal offset for bottom/top mobile drawer by applying slideover inset only to side directions (**`left`**/**`right`**), disabling background scale for this drawer, and removing extra nested container paddings.
+- **PfDashboardSidebar (mobile content spacing)**: removed inner mobile paddings in header/body/footer wrappers so sidebar slot content aligns to container edges without right shift.
+- **PfToaster (mobile right positions)**: on mobile viewports, **`top-right`** and **`bottom-right`** stacks now align like centered stacks to avoid visual right drift.
+- **PfToast (overflow width)**: added **`box-sizing: border-box`** so toast width includes padding and no longer overflows its container on desktop/mobile.
+
+## [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.12
 
 [![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/PfDashboardSidebar/index.vue.d.ts

@@ -1,4 +1,5 @@
 export type PfDashboardSidebarMode = 'drawer' | 'slideover' | 'modal';
+export type PfDashboardSidebarMobileMenuOrientation = 'top' | 'bottom' | 'left' | 'right';
 export interface PfDashboardSidebarUi {
     root?: string;
     header?: string;
@@ -18,6 +19,7 @@ type __VLS_Props = {
         class: string;
     }>;
     toggleSide?: 'left' | 'right';
+    mobileMenuOrientation?: PfDashboardSidebarMobileMenuOrientation;
     autoClose?: boolean;
     ui?: PfDashboardSidebarUi;
     id?: string;
@@ -110,6 +112,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     side: "left" | "right";
     defaultSize: number;
     resizable: boolean;
+    mobileMenuOrientation: PfDashboardSidebarMobileMenuOrientation;
     collapsedSize: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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;

package/dist/index.d.ts

@@ -166,7 +166,7 @@ export type { PfDashboardPanelUi } from './components/dashboard/PfDashboardPanel
 export type { PfDashboardResizeHandleUi } from './components/dashboard/PfDashboardResizeHandle/index.vue';
 export type { PfDashboardSearchGroup, PfDashboardSearchItem, PfDashboardSearchUi, } from './components/dashboard/PfDashboardSearch/index.vue';
 export type { PfDashboardSearchButtonUi } from './components/dashboard/PfDashboardSearchButton/index.vue';
-export type { PfDashboardSidebarMode, PfDashboardSidebarUi, } from './components/dashboard/PfDashboardSidebar/index.vue';
+export type { PfDashboardSidebarMobileMenuOrientation, PfDashboardSidebarMode, PfDashboardSidebarUi, } from './components/dashboard/PfDashboardSidebar/index.vue';
 export type { PfDashboardSidebarCollapseUi } from './components/dashboard/PfDashboardSidebarCollapse/index.vue';
 export type { PfDashboardSidebarToggleUi } from './components/dashboard/PfDashboardSidebarToggle/index.vue';
 export type { PfDashboardToolbarUi } from './components/dashboard/PfDashboardToolbar/index.vue';