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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -6,6 +6,34 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
6
6
 
7
7
  ## [Unreleased]
8
8
 
9
+ ## [0.1.0-alpha.13] - 2026-04-10
10
+
11
+ ### Added
12
+
13
+ - **PfNavigationMenu**: added **`collapsedSquare`** prop to support square trigger/link controls in collapsed vertical navigation.
14
+
15
+ ### Fixed
16
+
17
+ - **PfNavigationMenu (labels)**: empty labels are no longer rendered for section rows, top-level items, and child items.
18
+ - **PfNavigationMenu (vertical child list layout)**: when menu orientation is vertical, child lists now force vertical orientation so submenu items are no longer laid out as horizontal two-column content.
19
+ - **PfNavigationMenu (collapsed vertical alignment)**: improved collapsed vertical link/trigger sizing and centering so icon-only items are no longer visually shifted to the right.
20
+ - **PfDashboardSidebar (collapsed spacing)**: collapsed desktop sidebar now removes horizontal paddings in header/body/footer and centers header/footer content for cleaner compact alignment.
21
+ - **Global styles**: applied **`box-sizing: border-box`** to all elements (including pseudo-elements) from the shared style entry for consistent sizing across Prismify components.
22
+
23
+ ## [0.1.0-alpha.12] - 2026-04-10
24
+
25
+ ### Added
26
+
27
+ - **PfDashboardSidebar**: added **`mobileMenuOrientation`** (`top`/`bottom`/`left`/`right`) to control mobile drawer direction independently from desktop sidebar side; default is now **`bottom`**.
28
+ - **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`**.
29
+
30
+ ### Fixed
31
+
32
+ - **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.
33
+ - **PfDashboardSidebar (mobile content spacing)**: removed inner mobile paddings in header/body/footer wrappers so sidebar slot content aligns to container edges without right shift.
34
+ - **PfToaster (mobile right positions)**: on mobile viewports, **`top-right`** and **`bottom-right`** stacks now align like centered stacks to avoid visual right drift.
35
+ - **PfToast (overflow width)**: added **`box-sizing: border-box`** so toast width includes padding and no longer overflows its container on desktop/mobile.
36
+
9
37
  ## [0.1.0-alpha.11] - 2026-04-10
10
38
 
11
39
  ### Fixed
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # prismify-ui v0.1.0-alpha.11
1
+ # prismify-ui v0.1.0-alpha.13
2
2
 
3
3
  [![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)
4
4
 
@@ -1,4 +1,5 @@
1
1
  export type PfDashboardSidebarMode = 'drawer' | 'slideover' | 'modal';
2
+ export type PfDashboardSidebarMobileMenuOrientation = 'top' | 'bottom' | 'left' | 'right';
2
3
  export interface PfDashboardSidebarUi {
3
4
  root?: string;
4
5
  header?: string;
@@ -18,6 +19,7 @@ type __VLS_Props = {
18
19
  class: string;
19
20
  }>;
20
21
  toggleSide?: 'left' | 'right';
22
+ mobileMenuOrientation?: PfDashboardSidebarMobileMenuOrientation;
21
23
  autoClose?: boolean;
22
24
  ui?: PfDashboardSidebarUi;
23
25
  id?: string;
@@ -110,6 +112,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
110
112
  side: "left" | "right";
111
113
  defaultSize: number;
112
114
  resizable: boolean;
115
+ mobileMenuOrientation: PfDashboardSidebarMobileMenuOrientation;
113
116
  collapsedSize: number;
114
117
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
115
118
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -110,6 +110,7 @@ type __VLS_Props = {
110
110
  labelKey?: string;
111
111
  modelValue?: string | string[];
112
112
  defaultValue?: string | string[];
113
+ collapsedSquare?: boolean;
113
114
  tooltip?: boolean;
114
115
  popover?: boolean;
115
116
  ui?: PfNavigationMenuUi;
@@ -170,6 +171,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
170
171
  highlightColor: PfNavigationMenuColor;
171
172
  externalIcon: boolean | PfIconName;
172
173
  arrow: boolean;
174
+ collapsedSquare: boolean;
173
175
  popover: boolean;
174
176
  disableHoverTrigger: boolean;
175
177
  disableClickTrigger: boolean;
package/dist/index.d.ts CHANGED
@@ -166,7 +166,7 @@ export type { PfDashboardPanelUi } from './components/dashboard/PfDashboardPanel
166
166
  export type { PfDashboardResizeHandleUi } from './components/dashboard/PfDashboardResizeHandle/index.vue';
167
167
  export type { PfDashboardSearchGroup, PfDashboardSearchItem, PfDashboardSearchUi, } from './components/dashboard/PfDashboardSearch/index.vue';
168
168
  export type { PfDashboardSearchButtonUi } from './components/dashboard/PfDashboardSearchButton/index.vue';
169
- export type { PfDashboardSidebarMode, PfDashboardSidebarUi, } from './components/dashboard/PfDashboardSidebar/index.vue';
169
+ export type { PfDashboardSidebarMobileMenuOrientation, PfDashboardSidebarMode, PfDashboardSidebarUi, } from './components/dashboard/PfDashboardSidebar/index.vue';
170
170
  export type { PfDashboardSidebarCollapseUi } from './components/dashboard/PfDashboardSidebarCollapse/index.vue';
171
171
  export type { PfDashboardSidebarToggleUi } from './components/dashboard/PfDashboardSidebarToggle/index.vue';
172
172
  export type { PfDashboardToolbarUi } from './components/dashboard/PfDashboardToolbar/index.vue';